April 1, 2013 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…
March 26, 2013 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…
March 26, 2013 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…
March 18, 2013 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…
March 6, 2013 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,…
February 21, 2013 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….
February 20, 2013 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…
February 15, 2013 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,…
February 14, 2013 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…
February 13, 2013 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…
February 7, 2013 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…
February 6, 2013 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…