Empower users with keyboard shortcuts

While web interfaces are typically thought of as point-and-click, power users often prefer being able to access functionality quickly just by pressing keys. You might think that JavaScript would be necessary to provide this ability in a website, but it’s possible to create a shortcut key with a simple attribute, namely, accesskey. For example, the…

Details

Why include CSS with the @import rule?

As with most web development techniques, you have multiple options when it comes to applying CSS styles. One of the lesser used techniques is the @import rule. This allows you to load styles from external files (optionally restricted by the current media type) within an external stylesheet, or inside the style element, like so:  …

Details

How to enable higher levels of JavaScript

It’s easy to think of JavaScript as a static thing, but actually it’s continually changing. For example, JavaScript 1.7 added the concept of iterators and generators, and 1.8 gives you generator expressions. Even if the user’s browser supports these JavaScript versions, accessibility to their features isn’t automatic. You need to declare the version of JavaScript…

Details

Take advantage of pixel density with HTML 5.1’s srcset attribute

With advances in screen technology (as pioneered by Apple’s Retina display), some devices may actually be able to offer additional resolution within a pixel. To take advantage of the ability to display sharper images, you can use HTML 5.1’s srcset attribute to specify different images for the same layout. For example, following code displays a…

Details

Have it both ways with CDNs and local copies

Many websites use CDNs (Content Delivery Networks) to load external libraries and frameworks, on the theory that this will speed up performance, since the CDN resource may already be cached on the user’s machine. Unfortunately, this approach can backfire if there are connection problems that temporarily make the CDN unreachable. Fortunately, you can easily get…

Details

Dispelling the myths about POST and PUT

One of the most common myths about HTTP and REST Oriented Architecture is to think of the use of POST and PUT in terms of which one is used for a create operation, and which is used for updates. Depending on the source, you may hear it both ways. However, the actual distinction between POST…

Details

The demand for IT freelancers increasing

As the demand for IT professionals increases, job seekers will have no problem finding a position with a company. However, some people are not interested in a regular 9-to-5 job. But, that doesn’t mean they have to switch fields. Freelancing is becoming a popular opportunity for IT workers who want more independence.   Many people…

Details

Making a career change: Why you should choose tech

Changing careers is a major life decision, and it can be a stressful time of one’s life. People switch careers for a variety of reasons – maybe they aren’t happy in their current career or maybe there are not enough job opportunities for making a decent living. The idea of returning to school for several more…

Details

Resolve box-model woes with this simple CSS property setting

The CSS box model is both the guidepost and nemesis of many web developers and designers. While it specifies how spacing works in and around elements, the way browsers implement it can seem strange and paradoxical. Now that many browsing on mobile devices is so popular, the box model’s faults may be exacerbated by limited…

Details

Make effective use of the differences between libraries and frameworks

Many developers loosely refer to jQuery as a “framework” or fail to understand the essential difference between it and bonafide JavaScript frameworks such as AngularJS and Bootstrap. Worse, by misunderstanding the difference, developers may miss the reasons to use frameworks or libraries. While both frameworks and libraries can help you enhance functionality and easily handle…

Details

A key requirement when animating with jQuery

JQuery’s animate method simplifies transitions. In particular, it can help avoid the need to calculate element positions in a cross-browser fashion. For example, the following code moves any elements having a class called “block” to the right by 10 pixels, without requiring your code to find out the current position and then add to it:…

Details

A quick tool to see just how bad website performance is

No matter how many best practices you follow to maximize website performance, you can’t know if your performance is good unless you test it. That means not just subjective testing to see if pages seem to be loading quickly enough, but also tests that you can quantify. If you run such tests, you may be…

Details

Create responsive sites quickly with jQuery Mobile

If you need to create a site quickly that works well on all devices, jQuery Mobile is one option to consider. Despite the name, jQuery Mobile isn’t only for mobile devices, nor is it primarily a tool to extend JavaScript. Instead, you can think of it as a lightweight framework that allows you to get…

Details