January 31, 2014 in Learn
How to use the Meter & Progress Elements
The development of HTML5 has introduced a series of new elements that can be used to create common UI components like date pickers and autocomplete dropdowns. Two of these new elements are <progress> and <meter>. In this post you’re going…
January 28, 2014 in Learn
How to Make a Favicon
One of the most frustrating and confusing elements of modern web design is the favicon. Short for “favorite icon” it’s the little picture you see in browser tabs, address bars, and possibly other places depending on your browser and operating…
January 16, 2014 in Learn
What is Unobtrusive JavaScript and Why it’s Important?
Unobtrusive JavaScript is a best practice methodology for attaching JavaScript to the front-end of a website. It’s an ideal to strive toward and something we should bear in mind whenever we’re adding JavaScript to a site. It is the separation…
January 15, 2014 in Learn
Pixel Perfect Front-end Development Matters
About a month ago I hired a freelance front-end developer to code around twenty pages for Uncover – both marketing pages and pages behind a login. Interestingly enough, I hired this person via Twitter. While I didn’t vet him extensively…
January 6, 2014 in Learn
Automating Web Performance Best Practices with mod_pagespeed
Web performance is a brilliant, but sometimes complex world. Concatenating and minifying files, optimizing images, setting up caching, these are all tasks that can lead to great performance wins. We know that this stuff is good for performance but actually…
January 3, 2014 in Learn
Improving Your Development Workflow with Yeoman
With so many great tools available to front-end web developers these days it can sometimes be difficult to understand how they all fit together. Deciding on a workflow that you’re happy with is often a very personal endeavour, but getting…
December 31, 2013 in Learn
How to Keep Up with the Web Industry
It can feel impossible to stay up to date with the latest news and information in the web industry. It seems like every week there are new front-end frameworks, new JavaScript projects, new must-have apps, and so much more. How…
December 30, 2013 in Learn
Getting Started with Bower
There are now more libraries and frameworks available for front-end development than ever before. It’s not uncommon to have five or more of these libraries involved in a single project. But keeping track of all these libraries and making sure…
December 26, 2013 in Learn
Creating Immersive Experiences with the FullScreen API
Having the ability to take elements, or even entire pages fullscreen allows developers to create fully immersive experiences for the user. You can remove the distractions from other apps and help the user to focus on the task at hand….
December 24, 2013 in Learn
How to Fix a Broken Image on a Website [Guide]
If you’ve ever created a website using HTML and had an image not show up or a picture that you can’t see, you have what’s called a broken image. This can be caused by a couple of different problems, but…
December 23, 2013 in Learn
Building Multi-Touch Web Applications
With mobile web browsing now accounting for 15% of all global internet traffic building web applications targeted at mobile has become more important than ever. Building for mobile is very different to creating web applications targeted at the desktop environment….
December 19, 2013 in Learn
Timing JavaScript Code with High Resolution Timestamps
As the browser has evolved the possibilities of what can be achieved on the web have greatly increased. Technologies like Flash have given way to newcomers like Canvas and WebGL. But as we create more complex applications for the web…