Updated on May 21, 2015 in Learn
Create Your Own To-Do App with HTML5 and IndexedDB
IndexedDB is a client-side web technology that allows developers to build applications that are able to store data locally. Unlike LocalStorage, which enables the storage of simple key/value pairs, IndexedDB supports the storage of structured data. This enables developers to…
Updated on May 23, 2016 in Learn
Best jQuery Date Picker Plugins for Input Fields
When building a web form you need to consider a number of factors for your particular application. Many developers will need to handle special data such as the user’s birthday, invoice date, or subscription trial period. These examples could all…
Updated on May 21, 2015 in Learn
Accessing the Device Camera with getUserMedia
One of the funnest technologies to come to web browsers in the last couple years is the ability to access the webcam and microphone without the need for a third party plugin. When you combine these native media streams with…
Updated on May 21, 2015 in Learn
SVGs, Dropdowns, and HTML5 Form Elements | Treehouse Show Ep 32
In this episode of The Treehouse Show, Nick Pettit (@nickrp) and Jason Seifer (@jseifer) talk about SVGs, Dropdowns, and HTML5 Form Elements. Here are the links for the week: SPOILER ALERT! http://joshbuddy.github.com/spoiler-alert/ svg.js – A lightweight JavaScript library for manipulating…
Updated on April 17, 2018 in Learn
HTML5/CSS3 Image Thumbnail Gallery with Lightbox Effect
The fading lightbox interface has become a staple in many website layouts. This dynamic script was originally based off Lightbox as a pure JavaScript library. Open source developers eventually start playing around with these codes to generate new designs, plugins,…
Updated on October 16, 2018 in Learn
Create an Absolute Basic Mobile CSS Responsive Navigation Menu
In this tutorial we will go over the process in coding a very basic CSS responsive navigation menu. We will transform a basic non-list style navigation to a drop down menu using media queries in our stylesheet. There’s no need…
Updated on May 21, 2015 in Learn
SVG Path Animation with jQuery and Illustrator
As technology in the web moves forward we are offered new tools to build amazing web applications. Scalable Vector Graphics or SVG’s have been gaining traction in the past year or so as most browsers handle the image file extension…
Updated on May 21, 2015 in Learn
Getting Started With The Canvas API
The Canvas API provides a way for developers to create graphics on-the-fly from directly within the web browser. This has a number of benefits. First it can help to reduce the number of HTTP requests that are needed to load…
Updated on September 11, 2023 in Learn
Using Web Workers to Speed-Up Your JavaScript Applications
The performance of JavaScript applications running in the browser has increased considerably over the past few years. This is mainly due to continued work on the underlying JavaScript engines (such as V8) that actually execute the code. But as these JavaScript engines get…
Updated on May 21, 2015 in Learn
Using Microdata to Markup Structured Data in Your Web Pages
The websites that we build are full of data about people, places, products and more. As designers we work very hard to present data to our users in an easily comprehensible and aesthetically pleasing way. However what we often don’t…
Updated on July 14, 2015 in Learn
Using HTML5 Input Types to Enhance The Mobile Browsing Experience
Browsing the web on mobile devices has become incredbily popular over the past few years. However the browsing experience on these devices can sometimes leave a lot to be desired. This is especially true when it comes to filling in forms. Luckily…
Updated on May 21, 2015 in Learn
Adding Desktop Notifications to Your Web Applications
The new Notifications API gives you the ability to launch desktop notifications directly from your web applications. This can be very useful for updating user’s with key information, particularly in AJAX applications where you may have HTTP requests taking place…