February 26, 2014 in Learn
Uploading Files with AJAX
The introduction of AJAX marked a huge leap forward in the history of the web. The ability to communicate with a web server without reloading the page has revolutionised how web applications are built. The primary technology that enables AJAX…
February 26, 2014 in Learn
How to Make a Website
We have just released a brand new project that teaches you how to make a website! This project focuses on building a portfolio website from the very beginning. If you’ve never built a website before and you have no coding…
February 24, 2014 in Learn
Things I Wish I Knew Before I Started Making Websites
I first started making websites when I was 11 years old. My dad showed me how to drag out tables in Microsoft FrontPage and I was hooked (which is now a very outdated technique). It was amazing to me that…
February 21, 2014 in Learn
Registering Protocol Handlers for Your Web Applications
Protocol handlers allow you to inform the browser that your web app is capable of handling links and URLs with certain schemes. Using the registerProtocolHandler method you are able to register your web app as a handler for schemes like…
February 6, 2014 in Learn
Optimizing Mobile Web Apps for iOS
When I was looking through the analytics data for a product I recently launched I was taken aback by just how much mobile traffic the web app was getting. After seeking some feedback from users it became clear that people…
February 4, 2014 in Learn
Getting Started with the Speech Synthesis API
With the introduction of products like Siri and Google Now, speech technology has really taken off in the past few years. Various organisations have been working on speech recognition and synthesis for decades, but it seems like only recently that…
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…