January 31, 2013 in Learn
The Absolute Beginner’s Guide to CoffeeScript
CoffeeScript has become increasingly popular over the last couple of years due to its adoption by the Node.js and Rails communities. Let’s take a look why it’s become the go-to language when people are wanting to write JavaScript in their…
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 28, 2013 in Learn
How To Create HTML5/CSS3 Columns for All Browsers
There are many techniques you may follow to create generic HTML5/CSS3 website layouts. Designers often talk in terms of columns such as 2-col or 3-col styles. There are many CSS libraries based around grid design which also allows for easy…
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 14, 2013 in Learn
Creating Responsive Websites with Photo Backgrounds
The trend of large photographic backgrounds has become very popular in recent years. The improvement of Internet connections has allowed more data transfer per second, which means images can load a lot quicker in real-time. There are also plenty of…
January 10, 2013 in Learn
5 Useful CSS Selectors
Besides the usual type, descendant, class and ID selectors, CSS offers several pseudo-class and pseudo-element selectors that allow us to target HTML elements based on their positions in the document –– some even target virtual elements and generate content from…
January 7, 2013 in Learn
Using Microdata to Markup Structured Data in Your Web Pages
The websites that we build are full of data about people, places, products and more. As designers we work very hard to present data to our users in an easily comprehensible and aesthetically pleasing way. However what we often don’t…
December 26, 2012 in Learn
5 Design Tips Every Developer Should Know
Great code and great design need each other to work well. Unfortunately, people with poor visual design skills often think they lack natural ability. In other words, there’s a common belief that you’re either born with the gift of aesthetic…
December 24, 2012 in Learn
Using HTML5 Input Types to Enhance The Mobile Browsing Experience
Browsing the web on mobile devices has become incredbily popular over the past few years. However the browsing experience on these devices can sometimes leave a lot to be desired. This is especially true when it comes to filling in forms. Luckily…
December 20, 2012 in Learn
Responsive Design of the Future with Flexbox
In CSS, float and clear serve for layout much the same way as the tables they replaced: As stand-ins that work well enough. But they’re still limited. One proposed solution is called the CSS Flexible Box Layout Module, commonly called…
December 19, 2012 in Learn
Adding Desktop Notifications to Your Web Applications
The new Notifications API gives you the ability to launch desktop notifications directly from your web applications. This can be very useful for updating user’s with key information, particularly in AJAX applications where you may have HTTP requests taking place…