Updated on May 21, 2015 in Learn
Dynamic jQuery Image Avatar Cropping Effect
I can still remember the old digg.com user profiles with dynamic avatar cropping via JavaScript. Their user interface was clean, easy to use, displayed a sample before you cropped, and would auto-update as you changed the selection box. I have…
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 June 30, 2015 in Learn
Writing Your Own jQuery Plugins
jQuery is great. It’s cross-browser, easy to learn, and makes adding interactivity to your website a breeze. It also comes with plenty of plugins to do almost whatever you need it to do. But what if you can’t find just…
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 May 21, 2015 in Learn
Building Custom Controls for HTML5 Videos
One of my favorite things about HTML5 video is how easy it is to create your own custom controls. This not only allows you to style the controls however you would like but also allows you to add new controls…
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…