A Better Responsive Image Strategy in WordPress

WordPress has had support for responsive image markup for several releases now. To support a wide range of themes and layouts, the responsive image markup is deliberately broad in its coverage.

While this generalized approach might work great for...

Transition to CSS Grid Layouts with a Solid Fallback Strategy

In the past, the problem that many developers have faced is using new layout techniques and browser APIs while maintaining support for older browsers.

With a few new additions to the CSS spec, it is now easier than ever to use the new layout features...

Introduction to Web Workers

Web Workers are a native browser API that have had mainstream support for several years, but their use often gets overshadowed by the Service Workers that make applications offline-capable and provide an extra layer of caching on the client side.

A Multi-perspective Look at Technical Assessments in Interviews

In early 2015, I was actively seeking a new opportunity as a senior developer or software team leader. During this process, I interviewed with numerous companies ranging from well-established large enterprises, to mid-sized advertising agencies, to...

Using Source Control for Advanced Web Development

Conferences can be great sources of information. In the technology industry, the culture of knowledge sharing that is present at conferences can expose web developers to new ways of working that are in practice at other companies. Given the nature...

Drawing with Raphael.js, Plus a Bonus for Guitar Players

Some of the best development projects are ones that combine other interests. Anyone who knows me personally will probably know that I have been playing guitar for most of my life. While practicing recently, I needed a tool to help me visualize different...

JavaScript Namespace Strategy for Large Applications

According to the HTTP Archive, the average site serves 14 JavaScript files. With more reliance on 3rd party code, it is increasingly more important to protect the code from being interfered with by other code used on the same site or application.

...

jQuery Icon Menu

Designers and developers are continually challenged with ways to display large amounts information. In this age of content, the amount of information being displayed can easily lead to clutter if interface decisions are not carefully considered.

Alpha Transparency in PNG-8 Images Without Using Fireworks

Web designers are starting to discover that 8-bit PNG files can be used to achieve semi-transparency (alpha transparency) that will gracefully degrade in IE6 and be much more compact than the same image saved as a PNG-24. Most of the posts around the...