March 11, 2014 in Learn
How to Use the Details and Summary Elements in HTML5
A number of new interactive elements were introduced with HTML5 that provide native implementations of common UI widgets like dialogs and modals. Among these new additions are the <details> and <summary> elements. These elements allow developers to create collapsable UI…
March 3, 2014 in Learn
How to Use The HTML List Elements
Some of the most commonly used elements for marking up web content are unordered, ordered, and definition lists. In this post you’re going to learn how to use these HTML list elements in your own web page markup. You’ll learn…
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…
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 29, 2014 in Learn
Why jQuery is the Most Popular JavaScript Library
John Resig released jQuery on August 26th, 2006 and changed the front-end development landscape forever. jQuery quickly arose to be the go to JavaScript framework. A number of other libraries came out around the same time such as MooTools and…
January 23, 2014 in Learn
The Perfect WordPress Inline SVG Workflow
Today we’re going to be looking at the perfect inline SVG workflow for WordPress. Before we go any further though, if you’re unfamiliar with the different varieties of SVGs, I highly recommend you take a quick read through Chris Coyier’s…
January 22, 2014 in Learn
The Best Chrome Extensions for Web Professionals
It’s no secret that web designers and developers love the Google Chrome web browser and Chrome Extensions. The strength of the Chrome Developer Tools make it an excellent choice for web design and development work. The Chrome DevTools provide lots of…
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…