Updated on May 21, 2015 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…
Updated on May 19, 2016 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…
Updated on May 21, 2015 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…
Updated on May 21, 2015 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…
Updated on May 21, 2015 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…
Updated on May 21, 2015 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…
Updated on May 21, 2015 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…
Updated on July 14, 2015 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…
Updated on October 20, 2017 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…
Updated on May 21, 2015 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…
Updated on May 21, 2015 in Learn
What’s the Difference Between Fixed, Fluid, Adaptive, and Responsive Web Design?
As a web designer, it’s important to embrace that your website is going to look different in various browsers and on different devices. Focus on making your website change layout to match the device that your visitors are viewing it…
Updated on May 21, 2015 in Learn
A Quick Guide to Understanding AJAX
The term AJAX describes a methodology of loading data dynamically on a page without loading a new page. The browser makes a request that’s in the background, then a success or error callback is triggered when the request completes. The…