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 26, 2013 in Learn
Responsive HTML Emails, JavaScript Techniques, WebGL | Treehouse Show Episode 67
It’s Tuesday which means that the Treehouse Show is back! In episode 67 of The Treehouse Show, Nick and Jason (@jseifer) talk about responsive HTML email, fullscreen mobile apps, WebGL and much more. There’s also the usual round up of…
November 25, 2013 in Learn
5 Great Hidden Features in the Chrome DevTools
The Chrome DevTools is a set of panels built into the Google Chrome browser that help web developers inspect code. You can access the DevTools using shortcut keys (Ctrl+Shift+i on Windows and CMD+Option+i on Mac) or by right clicking anywhere…
November 19, 2013 in Learn
Solutions for Well-Designed Comments & Discussion Areas
Not every website requires a type of user discussion. Handling comments on a popular site becomes a chore when sifting through spam and cleaning up garbage. Yet it also provides a way for readers to communicate their thoughts on a…
November 15, 2013 in Learn
Efficient Animations with requestAnimationFrame
If you are using animations in your web apps you’ll want to make sure that they run smoothly. The easiest way of doing this is to use requestAnimationFrame (sometimes referred to as rAF), a method that makes creating smooth animations…
November 12, 2013 in Learn
Beginner’s Guide to Ajax Development with PHP
The common use of Ajax in web development has created a dynamic yet fluid Internet. Designers often build mockups which incorporate Ajax-based elements such as lazy loaders, tabbed widgets, and other similar page elements. In this tutorial I want to…
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…
November 1, 2013 in Learn
Native Rich-Text Editing with the contenteditable Attribute
One of the lesser-known HTML attributes is contenteditable. This attribute allows you to turn a standard read-only HTML element into an interactive, rich-text editor. When Tim Berners-Lee built the first web browser in 1990, he created modes for both browsing…
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…
October 28, 2013 in Learn
There’s more than one way to mockup a website.
You’ve probably seen PSD to HTML advertisements around the web. If you type “PSD to HTML” into your favorite search engine, you’ll find lots of companies that will turn your Photoshop mockup into code. You’ll also find innumerable tutorials that demonstrate…