September 26, 2013 in Learn
Best Free jQuery Form Plugins to Improve User Experience
Webpage forms are quite commonplace for a number of different purposes. Some examples include user registration, e-commerce checkouts, profile settings, or even contact forms. Input fields are much easier to style with modern CSS3 techniques – but what about improving…
September 25, 2013 in Learn
A Preview of The New Dialog Element
The <dialog> element originally entered the HTML5 scene as a way to markup conversations but it was cut from the spec back in 2009. However now it’s back, and it has a brand new role. The new <dialog> element makes…
September 23, 2013 in Learn
Poka-Yoke: The Quest for Mistake-Proof Designs
What is Poka-Yoke? Poka-Yoke is a Japanese term that means “mistake-proofing”. In other words, the goal is to make an object that prevents the user from messing up. We live in a complicated world, but good design concepts like poka-yoke…
September 17, 2013 in Learn
Reading Files Using The HTML5 FileReader API
HTML5 saw the introduction of a number of new APIs that can be used to handle files in the browser. These APIs make it much easier to accomplish tasks like reading and writing files or uploading a file created using…
September 16, 2013 in Learn
5 Incredible WebGL Demos
WebGL or Web Graphics Library is a means through which the browser can interface directly with the GPU. This gives web designers and developers access to all the graphical horsepower that users have become accustomed to in desktop applications. Browser…
September 12, 2013 in Learn
How to Securely Send Messages Between Windows with postMessage
As we build an ecosystem where web applications can interact with one another we need a way of securely sending messages between windows. The postMessage() method provides just that. For a long time sending messages between windows was only possible…
September 10, 2013 in Learn
Getting Started With The History API
Over the past decade, web applications have evolved to make heavy use of JavaScript in order to dynamically load content into web pages. One of the big challenges that developers face when creating these applications is preserving an accurate and…
September 9, 2013 in Learn
Coding a Dynamic IMDb Webapp using My Movie API
The online IMDb website is a crucial resource for any type of digital video media. Online web series, TV shows, and movies are all cataloged with credits to the cast and studio help. IMDb is probably the oldest resource for…
September 9, 2013 in Learn
The Beginner’s Guide to three.js
In this step-by-step guide, we’re going to create a 3D version of the Treehouse logo using three.js, which is a 3D graphics framework built on top of WebGL. Click and drag your mouse to orbit the camera! You can also use…
September 6, 2013 in Learn
What Learning to Program has Done For Me
Learning to program was one of the best decisions I’ve made in my adult life. I started to learn a little over a year and a half ago, in early 2012. I’d started and stopped a dozen times before I…
September 3, 2013 in Learn
3D in the Browser: WebGL versus CSS 3D Transforms
WebGL and CSS 3D transforms are two major technologies for creating 3D in the browser, and as recently as a few years ago, they didn’t have much browser support. Much has changed in a short period of time, and if…
August 27, 2013 in Learn
How To Design Usable Profile Interfaces for iOS Mobile Applications
Mobile social networking apps commonly allow for a robust user profile section. This is where users can login to update their settings, post content, or check their followers/friends list. There are often many other features included with profiles depending on…