February 18, 2013 in Learn
Take Control of the Box Model with box-sizing
I get asked a lot about the CSS box-sizing property, especially from beginning designers and developers who’ve dealt with broken layouts and misaligned grids. The CSS box model can be a little deceiving and tricky to work with at times,…
February 14, 2013 in Learn
Building Custom Controls for HTML5 Videos
One of my favorite things about HTML5 video is how easy it is to create your own custom controls. This not only allows you to style the controls however you would like but also allows you to add new controls…
February 13, 2013 in Learn
SVG Path Animation with jQuery and Illustrator
As technology in the web moves forward we are offered new tools to build amazing web applications. Scalable Vector Graphics or SVG’s have been gaining traction in the past year or so as most browsers handle the image file extension…
February 11, 2013 in Learn
Creating Vanity URLs in PHP: Rewrite Rules
Vanity URLs can be extremely useful, especially in offline marketing materials. I covered how to create a subfolder with a header redirect in my last post; that’s the easiest way to get a vanity URL up and running on a…
February 6, 2013 in Learn
Speeding Up Page Load Times
The average size of a web page has been growing at an accelerating rate over the last few years. Research carried out by HTTP Archive in January reports that the average page size has now hit 1.25mb. For users with a…
January 31, 2013 in Learn
Creating Vanity URLs in PHP: Subfolders and Header Redirects
Every page on a website has a unique web address that appears in the address bar when someone visits the page in a browser. These web addresses are known as URLs. (This stands for “uniform resource locator,” but that’s not…
January 29, 2013 in Learn
Create a Themable Button Set with Sass
If you have yet to give Sass a try, don’t worry, this is a good place to start. And if you haven’t already read Andrew’s primer on Sass, give it a read for a better understanding of what we’ll be…
January 18, 2013 in Learn
Getting Started With The Canvas API
The Canvas API provides a way for developers to create graphics on-the-fly from directly within the web browser. This has a number of benefits. First it can help to reduce the number of HTTP requests that are needed to load…
January 18, 2013 in Learn
I Have an Idea for a Killer App, but Where Do I Start?
You know the signs: you can’t stop thinking about it as you fall asleep at night. Your mind wanders back to it when you know you should be concentrating on your work that currently pays the bills. You’re even a…
January 16, 2013 in Learn
The Absolute Beginner’s Guide to Sass
What is Sass? Sass stands for Syntactically Awesome Stylesheets Sass, and was created by Hampton Catlin. It’s a way to simplify your CSS workflow, making development and maintenance tasks easier. For instance, have you ever had to do a find-and-replace…
January 15, 2013 in Learn
Using Web Workers to Speed-Up Your JavaScript Applications
The performance of JavaScript applications running in the browser has increased considerably over the past few years. This is mainly due to continued work on the underlying JavaScript engines (such as V8) that actually execute the code. But as these JavaScript engines get…
January 14, 2013 in Learn
Using jQuery to Detect When CSS3 Animations and Transitions End
It seems like only a couple of years ago that almost every animation on a web page was done either by means of Flash or a JavaScript library like jQuery. CSS3 has put that to rest. Simple, elegant animations are…