Codetonics

A Programmer's Blog

  • Home
  • Projects
  • About
linkedin2 github
Subscribe
Javascript

Fast (and slow) way to append elements in DOM

JQuery is a no doubt powerful tool for front-end developers because of the way it makes the task of handling DOM easier, but it does not alleviate the responsibility of ensuring that your

Tips

Having a strong password does not protect you from vulnerabilities relating to password reuse

So you’ve come up with a strong password that you use to sign up to most internet services you use. Great! You are now probably safe from people who are trying to log

Javascript

Short-circuit evaluation in JavaScript

Short-circuit or Minimal or McCarthy evaulation says, the second argument is executed or evaluated only if the first argument does not suffice to determine the value of the expression, when the first argument

Javascript

Parameter passing in JavaScript

In JavaScript, we have functions and arguments that we pass into those functions. But how JavaScript handles what you are passing is little tricky. Technically JavaScript only passes by value for both primitives

Javascript

Detect if document is ready in pure JavaScript

While JavaScript does provide the load event for executing code when a page is rendered, this event does not get triggered until all assets such as images have been completely received. In most

Design

Design for Fingers and Thumbs

In a dart, hitting the bulls-eye is harder to do than hitting any other part of the board. This is because of small hit area of bulls-eye. The same principle can also be

Design

What is wrong with Hamburger Menu

The idea behind the hamburger menu is that you can use it to hide site navigation on smaller screens, showing it only when the user clicks the icon instead of always showing it.

Performance

Prebrowsing to supercharge web performance

“Prebrowsing” or “predictive browsing” is simply loading a file before browser needs it, to provide a fast and instant user experience. Of course its not just loading any random file. The thing is

Design

Great idea, poorly designed

“It has been tried before” is a bad excuse to dismiss a product. I have said the exact same words many time, but I am convinced that it is a terrible way to

Javascript

Ultimate pattern of handling every input events in JavaScript

If you’re writing JavaScript handlers for touchscreen input, don’t forget other users too. In my opinion, this is the golden pattern today: if ('onpointerdown' in window) { // Bind to Pointer Events: `pointerdown`,

Javascript

JavaScript Timers

At face value their behavior appears straightforward and predictable. However JavaScript’s single threaded nature can cloak these seemingly innocent little features with mystery and intrigue, not to mention hidden powers which can be

Css

CSS shorthand properties cheatsheet

Shorthand properties are CSS properties that let you set the values of several other CSS properties simultaneously. Use these properties to write concise and readable stylesheet. It also saves time, energy and space.

Design

Importance of first impression

The dream is to create a “wow” experience on the first visit of your website or app. The very first user experience is like being on a first date. Think about being on

Javascript

Measuring JavaScript performance with console.time()

Every now and than almost every developer has to deal with optimizing performance critical code. This article will show how to use a debugging method, more specifically one for measuring execution times. Measuring

Css

Windows 10 Accent Colors

These days I am busy creating a new web application. With the huge success of Windows 10, I wanted to make it in Windows 10 style. Here is the Windows 10 accent colors

Life

Deal with something only once

I find myself consciously procrastinating more than I would like. I’ll read some email, some GitHub issue or pull request and think “I will come back to this later. I’d rather just code”.

Javascript

requestAnimationFrame - The secret to silky smooth JavaScript animation

JavaScript animation can be handled a number of ways. If you’ve ever tried to do it, you’ll most likely have used either the setTimeout() or setInterval() functions to adjust styling every couple milliseconds.

Javascript

Which JavaScript framework should I use ?

Till the moment I publish this article there will be one more javascript library ready to make its depute. The libraries are evolving everyday, it is really difficult to decide which one to

« Newer Posts Page 2 of 3 Older Posts »
Codetonics © 2020
Latest Posts LinkedIn Twitter Github

Subscribe to Codetonics

Stay up to date! Get all the latest & greatest posts delivered straight to your inbox