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 May 21, 2015 in Learn
Adding Motion into Web Design with Animate.css
Lots of frontend web developers have been getting interested in dynamic interfaces using motion effects. This is all too common with many advancements within popular JavaScript libraries. But there has also been a lot of interest in CSS3 animated effects….
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 June 30, 2015 in Learn
Building a jQuery Sticky Sidebar Navigation Menu
There have been countless efforts in creating a dynamic set of codes for sticky sidebars. Most commonly this effect is used on blogs or magazines with fixed social media sharing badges. You may notice the effect here on Treehouse Blog,…
Updated on March 19, 2026 in Learn
Building Custom Controls for HTML5 Video
Browsers ship with built-in video controls, but they’re intentionally minimal and can’t be styled in any meaningful way with CSS. If you need controls that match your design, support keyboard navigation, or expose additional functionality like playback speed, you’ll 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 Community
Dean's List: Graham Davidson
The Treehouse Dean’s List is where we highlight some of our extraordinary members in the community and share with the world people who are passionate about learning, bettering themselves and making a difference. This edition of the Dean’s List features…
Updated on July 24, 2017 in Learn
Speeding Up Page Load Times
The average size of a web page has been growing at an accelerating rate over the last few years. Research carried out by HTTP Archive in January reports that the average page size has now hit 1.25mb. For users with a…
Updated on May 21, 2015 in Learn
The Absolute Beginner’s Guide to CoffeeScript
CoffeeScript has become increasingly popular over the last couple of years due to its adoption by the Node.js and Rails communities. Let’s take a look why it’s become the go-to language when people are wanting to write JavaScript in their…
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 May 19, 2016 in Learn
I Have an Idea for a Killer App, but Where Do I Start?
You know the signs: you can’t stop thinking about it as you fall asleep at night. Your mind wanders back to it when you know you should be concentrating on your work that currently pays the bills. You’re even a…
Updated on May 21, 2015 in Learn
Using jQuery to Detect When CSS3 Animations and Transitions End
It seems like only a couple of years ago that almost every animation on a web page was done either by means of Flash or a JavaScript library like jQuery. CSS3 has put that to rest. Simple, elegant animations are…