A New Year, A New Responsive Dribbble Portfolio – Part 1 of 2

The separation of structure, presentation and behavior is dead

By Kevin Dees | 24 January 2012 | Category: Code, Design, Web Industry

The separation of structure, presentation and behavior is dead. It has been dead for a while. Still, this golden rule of web design sticks around. It lives on like Elvis and we need to address it.

Free Video: iOS Tab bar (UITabBarController)

By Amit Bijlani | 26 January 2012 | Category: iOS

In this 7 minute video, you will learn the basics of the UITabBarController and how to create one using the Xcode project template.

This video is from Treehouse, a high-quality video training site with hundreds of short videos on topics like …

• Accessibility
• CSS3
• Aesthetic Foundations
• Django
• HTML
• CSS
• HTML5
• iOS Development
• JavaScript
• jQuery
• NoSQL
• PHP
• Responsive Web Design
• Ruby
• Ruby on Rails
• UX
• Version Control
• WordPress Theme Design

New videos are added regularly, so it’s a great way to stay up-to-date on all the latest technology and methods. Browse the entire library of videos.

Twitter Bootstrap 2.0

By Jason Seifer | 26 January 2012 | Category: Design

Twitter Bootstrap 2.0 will be coming out January 31st. In the mean time, there is a pre-release you can check out and report on any bugs that you find. Twitter Bootstrap is a great HTML and CSS framework that has been gaining a lot of popularity recently. You can check out sites built with bootstrap on the unofficial Built With Bootstrap tumblr.

Scrolling Made Fun

By Mat Helme | 25 January 2012 | Category: Code, CSS, CSS3, Design, HTML5, JavaScript, jQuery, Typography

Just when you thought scrolling your web page was getting boring. Scrollorama has stepped the scroll game up with this remarkable jQuery Plugin. Scrollorama allows you to manipulate text when you scroll the page. You can do everything from Transitions to Zoom to Parallax. Check out the Scrollorama site to view some great examples and the plugin’s documentation.

This Plugin is great for landing pages and highly interactive web applications. Like CSS3 transitions, use your animations sparingly.

Our new Treehouse Student Plan is live!

By Ryan Carson | 25 January 2012 | Category: Treehouse

We’ve just released our new Treehouse Student plan and it’s only $9 per month! It’s the equivalent to our Gold plan, which is $49 per month, so you’re saving a massive 82%. Anyone who attends a school, college or university is eligible. After you sign up, we’ll ask you to provide proof of your student program.

Benefits include:

1. Unlimited access to our Video Course Library. 450+ videos, more added each week on topics like CSS3, HTML5, JavaScript, iOS, Photoshop and more. All videos downloadable for offline viewing. Unlock Badges to prove your knowledge.
2. Complete Project Videos show you how to create real-world sites and apps, from start to finish. All example files are downloadable.
3. 114 Conference Videos from Future of Web Design and Future of Web Apps ($545 value)
4. Closed Captioning on all videos for non-English speakers and the deaf.

If you’d like to get Treehouse in to your entire school, college or university, please contact Chris and he’ll be happy to help!

There’s a money-back guarantee, and you aren’t tied in to a contract. Sign up today.

HTML5 Please – Which Features Can You Use?

By Jim Hoskins | 23 January 2012 | Category: HTML5

HTML5 Please is a great resource for determining browser support for many HTML5 and CSS3 Features. Each feature offers a recommendation to either use, not use, use with caution, or use with a fallback. It offers great information like the browser share for each feature, as well as the fallbacks you can use to simulate the feature in incompatible browsers.

My favorite feature is the search, which allows you to filter features by compatibility, for instance what is safe to use in IE8+.

You’ve gotta come to this event

By Ryan Carson | 23 January 2012 | Category: Events

If you’re a Web Designer, Developer or Entrepreneur, you can’t miss Future Insights Live in Vegas on April 30 – May 4th. We’ve combined Future of Web Apps, Design and Mobile into one massive five day event, with over 100 sessions. It’s going to be like SXSW, but with valuable content ;) We’re expecting 1500+ attendees, so it’s going to be insane. The tracks include …

1. Development
2. Design
3. Frontend Development
4. Mobile Development
5. Business
6. Cloud

Early bird pricing ends soon (save $200) so move quick and book your ticket today.

How We Built Code Racer in 4 Days

By Jim Hoskins | 19 January 2012 | Category: Code

If you haven’t seen Code Racer, you should give it a try. Code Racer is the product of Idea Week at Treehouse. Idea Week is a tradition brought over from Carsonified to Treehouse where the entire team drops what they are doing to work on a completely new project for one week.

This is my recounting of the Idea Week when we created Code Racer. This won’t be a full story as a lot of people worked on this project and I wasn’t in a position to keep track of what everyone was doing. Fortunately our video professionals at Treehouse had cameras rolling, so much of this is documented on video. I can only tell you about what I was involved in, which was the server and client side development.

CodeKit the missing tool

By Amit Bijlani | 19 January 2012 | Category: Asides

The web is rapidly evolving and it seems like the editors just can’t keep up. If you are web developer using Sass, Stylus, CoffeeScript or Haml then CodeKit is for you. The only drawback is that CodeKit is only available for MAC OSX Lion.

CodeKit automatically compiles Less, Sass, Stylus, CoffeeScript & Haml files. It effortlessly combines, minifies and error-checks Javascript. It supports Compass. It even optimizes jpeg & png images, auto-reloads your browser and lets you use the same files across many projects. And that’s just the first paragraph.

Free Video: Installing Ruby

By Jason Seifer | 19 January 2012 | Category: Ruby

In this 8 minute video, you will learn how to install Ruby on both Mac OS X and on Windows. This will let you get IRB up and running and is the basis for running Ruby programs on your own computer.

This video is from Treehouse, a high-quality video training site with hundreds of short videos on topics like …

• Accessibility
• CSS3
• Aesthetic Foundations
• Django
• HTML
• CSS
• HTML5
• iOS Development
• JavaScript
• jQuery
• NoSQL
• PHP
• Responsive Web Design
• Ruby
• Ruby on Rails
• UX
• Version Control
• WordPress Theme Design

New videos are added regularly, so it’s a great way to stay up-to-date on all the latest technology and methods. Browse the entire library of videos.

Customizing the design of UIPopoverController

By Amit Bijlani | 18 January 2012 | Category: iOS

Popovers are very common within the iPad user interface but you were restricted to the design provided by Apple. With iOS 5 came a little known class called UIPopoverBackgroundView which allows you to provide a custom border and arrow for the popover.

Free Video: Fieldsets and Labels

By Nick Pettit | 18 January 2012 | Category: Uncategorized

In this 9 minute video, you will learn about fieldsets and labels in HTML. These constructs will help you visually organize forms.

This video is from Treehouse, a high-quality video training site with hundreds of short videos on topics like …

• Accessibility
• CSS3
• Aesthetic Foundations
• Django
• HTML
• CSS
• HTML5
• iOS Development
• JavaScript
• jQuery
• NoSQL
• PHP
• Responsive Web Design
• Ruby
• Ruby on Rails
• UX
• Version Control
• WordPress Theme Design

New videos are added regularly, so it’s a great way to stay up-to-date on all the latest technology and methods. Browse the entire library of videos.

Impress.js – Create presentations with open web standards

By Nick Pettit | 17 January 2012 | Category: Asides

I’m a big fan of CSS3 transitions and animations, so naturally I’m very impressed with impress.js (sorry… that one was a little too easy).

Impress.js is a presentation framework that takes its inspiration from Prezi, another popular presentation platform. The difference is, impress.js uses open web standards. Check out the source for impress.js, on GitHub.

Code Racer is coming!

By Ryan Carson | 11 January 2012 | Category: Treehouse

The entire Treehouse team has travelled from across the world to gather at our Orlando HQ for one week to build something fun. We call it Idea Week and our creation this time is a game called Code Racer.

Climbing the Ladder in the Web Industry

By Nick Pettit | 05 January 2012 | Category: Raise Your Profile, Web Industry

After 3 years as a “UI Engineer” (whatever that means) in corporate America, I could tell that I was outgrowing the position and it was time to look for new work. This post contains just some of the many valuable things I did for myself outside of work and school that turned an impossible leap of faith into a painless bunny hop.

More Treehouse Nerd Merit Badges!

By Nick Pettit | 04 January 2012 | Category: Treehouse

We recently launched Treehouse and, thanks to you, it’s been successful beyond our wildest expectations. Thank you all so much!

We had so much fun celebrating with our previous giveaway, that we thought we would do another one.

Initializr – Responsive Template

By Jason Seifer | 04 January 2012 | Category: Design, UX

If you’re looking for a responsive template, check out Initializr. Initializr is an html/css template that automatically adapts depending on the size of the browser. At the moment it supports mobile views, intermediate views like a tablet or smart phone, and wide views like you might see on a desktop. It looks to be a great start for your responsive templating needs.

Some other responsive templates to check out:

• 1140 CSS Grid
• Gridless
• Less Framework 4

UI Toolkit: 300 Resources for Only $8

By Allison Grayce | 03 January 2012 | Category: Design, User Interface

I’m always on the lookout for high quality, useful resources and get super excited when I find one – especially when it’s affordable. I came across this UI toolkit via Twitter and purchased it in a heartbeat. After looking through all the resources, I knew I just had to share it with you all!

For only $8, you get access to 300 high quality resources created specifically for UI developers and designers.