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
Creating Vanity URLs in PHP and MySQL: Query String Variables
Vanity URLs can be extremely useful, especially in offline marketing materials. I covered two techniques for creating vanity URLs in PHP in earlier posts: using a subfolder with a header redirect and using rewrite rules in Apache. After publishing those two posts, someone…
Updated on November 21, 2022 in Learn
Tame WordPress from the Command Line with wp-cli
Some people fear the command line. They view it as the deep, dark underbelly of their computer, far from the familiar comforts of the GUI. A place of great mystery where even the angels fear to tread. But then there…
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 October 14, 2017 in Learn
Take Control of the Box Model with box-sizing
I get asked a lot about the CSS box-sizing property, especially from beginning designers and developers who’ve dealt with broken layouts and misaligned grids. The CSS box model can be a little deceiving and tricky to work with at times,…
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 Learn
Creating Vanity URLs in PHP: Rewrite Rules
Vanity URLs can be extremely useful, especially in offline marketing materials. I covered how to create a subfolder with a header redirect in my last post; that’s the easiest way to get a vanity URL up and running on a…
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
Getting Started with Customer Development for Your Startup
Treehouse’s own CEO, Ryan Carson, wrote a post on the Treehouse blog recently about an experience he had of “getting out of the building.” It was one of those classic examples that all the best Customer Development books have, of…