January 9, 2014 in Learn
Getting Started with the WebP Image Format
When it comes to optimizing websites for performance one of the biggest goals is to reduce the amount of data that needs to be sent to the browser (the payload). As images commonly make up the largest chunk of the…
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…
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 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 18, 2013 in Learn
Working with Files and Folders
Files and folders are a key concept in almost any career. Whether you want to create websites, make mobile apps, write music, or edit photos, it’s important to understand as much as you can about files and folders. In my…
December 16, 2013 in Learn
Using Emmet to Speed Up Front-End Web Development
Emmet is a plugin for your text editor that provides a number of tools to help you quickly write HTML and CSS code. The plugin, which was previously known as Zen Coding, allows you to generate HTML elements using a…
November 29, 2013 in Learn
Setting up Google Authorship for Your Website
You will have probably noticed that Google added a new addition to their search results a little while back. Verified content creators can now have a headshot and byline displayed alongside their links in the search results. In this blog…
November 26, 2013 in Learn
Getting Started with Stylus
Within the web development community, we hear a lot about two popular CSS preprocessor: Sass and LESS. You don’t often, however, hear about the third big preprocessor: Stylus. When it came to redesigning the Mozilla Developer Network, I chose Stylus…
November 11, 2013 in Learn
Scalable Web Design
I can remember a time when pretty much everyone designed websites for an 800×600 screen resolution, but (thankfully) those days are long gone. Smart watches and 4k displays are pushing resolutions at both ends of the spectrum, and even more…
October 30, 2013 in Learn
Code a Simple Github API Webapp using jQuery & Ajax
The online development tool Github has been around for a few years now. It provides online Git repository hosting for projects written in any common programming language. Over time their online API has gone through a few changes with the…