August 5, 2013 in Learn
Multiplane Design with SVGs and CSS 3D Transforms
Recently I tweeted about my experimentations with an idea that I’m calling multiplane design. I’ve been experimenting with multi planing using 3D and SVGs: http://t.co/l4h1slT4jK Only works on desktop Chrome/Safari (for now). — Nick Pettit (@nickrp) August 4, 2013 Right…
July 18, 2013 in Learn
Working with Shadow DOM
As developers, we often need to create widgets for interfaces that make it easier to accomplish certain tasks. These might be sliders for controlling video playback, calendar pickers for selecting dates or any other number of other useful widgets. The…
July 16, 2013 in Learn
Building Your Ecommerce and Design Business with Shopify
Let’s be honest, you are probably reading this blog because you are a user of Treehouse or thinking about becoming one. You have a thirst for web knowledge and a desire to become better at what you do – right?…
July 5, 2013 in Learn
Build a Gmail-Style Expanding CSS3 Navigation Menu
Users of GMail should be familiar with sliding effects of the inbox side navigation. In the most recent design you will find the GChat/Hangouts box along with other various email tags(inbox, trash, etc.). When you have a large number of…
July 2, 2013 in Learn
Creating Packaged Apps for Google Chrome
Creating Packaged Apps for Google Chrome In this tutorial you are going to use the To-Do application that you created in ‘Create Your Own To-Do App with HTML5 and IndexedDB‘. If you haven’t already built this application you might want…
June 5, 2013 in Learn
Mini-Icon Settings Menu with the jQuery Toolbar Plugin
Some dynamic user profile layouts have been implementing more complicated JavaScript features. Notably the dropdown settings menu has been a staple of social networking websites. This is a great method for allowing easy access to updating the user profile, or…
May 22, 2013 in Learn
Developing over the YouTube API with JSON
The process to understand API development is generally complicated but should become easier with practice. Social networks like Twitter and YouTube offer XML/RSS/JSON feeds without the requirement of an API key. However, other smaller networking websites like Instagram and Etsy…
May 21, 2013 in Learn
Creating Vanity URLs in Rails
A vanity URL is a search engine optimized (SEO) URL. Instead of having a meaningless URL like http://storeofthefuture.com/products/2015 wouldn’t http://storeofthefuture.com/products/hoverboard be better and more meaningful? It’s fairly straightforward to make URLs nicer in Rails. I’ll walk you through the process….
April 30, 2013 in Learn
Sublime Text 2 and Login Forms | Treehouse Show Ep 37
In this episode of The Treehouse Show, Nick Pettit (@nickrp) and Jason Seifer (@jseifer) talk about Sublime Text 2 and Login Forms. Here are the links for the week: Login and Registration Form with HTML5 and CSS3 | Codrops http://tympanus.net/codrops/2012/03/27/login-and-registration-form-with-html5-and-css3/…
April 15, 2013 in Learn
Extending Placeholder Selectors with Sass
I recently wrote an article on creating a themable button set with Sass where I used a mixin to define all base styles, then a color value was passed as an argument when included in each theme. Example: @mixin btn-theme($btn-color)…
April 10, 2013 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…
April 4, 2013 in Learn
Most Helpful Webapps & Resources for Building Modern Websites
There is a large number of online resources for developers looking to make better websites. These are all free tools for anybody to use, and they provide an exceptional push forward in quality. Designers have been striving towards a better…