What are CSS sprites used for?

CSS sprites combine multiple images into a single image. What is a CSS image sprite? A webpage normally contains several images. These include icons, buttons, logos, relevant pictures and other graphics. Let’s say you have a blog and want to display four images. You have icons to indicate next page and a FAQ section, a […]


Introduction to CSS animations

Humans are drawn to moving shiny objects. Our natural reflexes to notice movement is one of the reasons adding an animation to a website or app is a powerful tool. It has the capability to accentuate certain parts of the website or draw interest to a product. When done well with beautiful design elements and […]


How to Make Circular/Curved Text with JavaScript

Creating circular text, or text on an curved path, in webpages may seem like somewhat of a intimidating task. There isn’t really a straightforward way to achieve it with standard HTML and CSS. There is a JavaScript plugin or two out there with some pretty decent results, but using plugins means extra dependency and load time associated tacked on to your project. […]


Accessibility 102: Beyond alt=””

Communication is a fundamental social process, a basic human need and the foundation of all social organization. It is central to the Information Society. Everyone, everywhere should have the opportunity to participate and no one should be excluded from the benefits the Information Society offers. — Geneva Declaration of Principles, United Nations World Summit on […]


CSS: Making the Switch from Static to Relative Units

CSS gives web developers plenty of options when it comes to defining lengths for HTML elements. In a broad sense, defining lengths in CSS can be broken down in to two categories: using absolute versus relative units. Absolute units are probably most commonly done with pixel lengths with the familiar px unit. Other absolute length units exist (e.g., mm, […]


CSS: Simple Sticky Footer

The sticky footer… The oh-so-sought-after expanse at the bottom of the page that contains contact information, site navigation, a call to action, or whatever else you might want to chuck in there. It’s the element that knows its place in the world (wide web) and embraces it by staying in it’s place. A well executed sticky footer encourages your site visitors to further engage; it […]


Carved In Stone: Immutables in JavaScript

Immutability – the idea that you should never work with “live” data, is slowly transforming the way that programmers work with objects, data and streams. From reducing hidden variables in functions to making database programming simpler to reducing the chance for difficult to find bugs to make its way into your code, immutability is becoming […]


Building Nested Components using Angular 2

What are Angular 2 Components Angular 2 consists of a lot of new features and one of the most fantastic features is the ability to create components. In fact Angular 2 is called a component-based framework and is directly inspired by web components. Web components are the collections of standards that allow us to create […]