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.
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+.
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 …
Early bird pricing ends soon (save $200) so move quick and book your ticket today.
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.
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.
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 …
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.
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.
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 …
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.
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.
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.
By Lou Morgan | 10 January 2012 | Category: Events
As Ryan mentioned in his post last week, we have recently announced our awesome new Vegas show Future Insights Live!
To welcome in the New Year, we’d like to offer our Think Vitamin readers a 10% discount off the Early Bird prices. There are a number of ticket options to choose from, you can come to the whole event or simply choose to come to a part of it – it’s up to you! Just add the promotional code THINKVITAMIN when registering online.
Be warned, there are only a handful of these promo codes available so you’ll have to be quick!
At Carsonified, one of our main focuses has always been about getting you away from the computer screen and bringing the web community together, to learn, converse and connect through our events. No matter if you’re a developer, designer or entrepreneur – we have an event that is tailored to you!
The web industry is changing and there is more crossover than ever within disciplines, with web apps/design/mobile all falling under a very similar umbrella. So as we enter 2012, we are bringing you our fantastic brand new event – Future insights Live!
Future Insights Live will be taking place in Vegas (30 April – 4 May) and is a combination of all of our events – Future of Web Apps, Design, Mobile, and introducing Future of Web in the Enterprise. This multitrack event will bring you world class speakers, up to the minute content, full day workshops, over 100 conference sessions, networking, parties and lots more. Some of the amazing people joining us include:
* Dan Cederholm * Chris Eppstein * Aral Balkan * Dave Desandro
* Aarron Walter * Zoe Gillenwater * Chris Coiyer * Zach Holman
* Molly Holzschlag * Tom Hughes-Croucher * Hilary Mason * Josh Clark
* Steve Fisher * Samantha Warren * Mike Kus * Paul Boag
* Edward Boatman * Sarah Parmenter * Yosi Taguri * And loads more….
It’s our biggest event yet and we’d love for you to be a part of it so register today.
Sponsored post brought to you by Carsonified
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.
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.
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:
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.
By Ryan Carson | 22 December 2011 | Category: Events
We’ve just launched a new 5-day event and it’s going to be the must-attend event for Web Professionals in 2012: Future Insights Live. Five days, thousands of attendees, hundreds of sessions and five tracks. It’s going to be insanely awesome :)
By Allison Grayce | 14 December 2011 | Category: Art and the Web, Design, User Interface
As a designer, I use iconography in nearly every project I work on. Whether it’s just one arrow icon, social media icons or an entire site filled with badges (like Treehouse!) – icons are something I could never live without. I tip my hat to the illustrators who create such invaluable resources for the rest of us to use. (While we’re at it, let’s thank the typographers and photographers, too!)
By Jim Hoskins | 14 December 2011 | Category: JavaScript
Ember.js is a new JavaScript framework that was formerly SproutCore 2.0. When I tried out SproutCore for the first time a few years ago, I was impressed with it’s data binding and templates, but I found it included a lot of things I didn’t need or want, like a large UI framework and it’s own recommended toolchain and workflow. I wished I could just use the few core parts of SproutCore easily and leave out the rest. Ember.js is that wish coming true. Its main focuses are: data binding, computed properties, and auto-updating templates.
Check out the Ember.js on Github and read the announcement here.
Ember.js had the code name Amber while in development. It was announced under the name Amber.js, but renamed to Ember.js after there was some confusion with another project
By Jim Hoskins | 13 December 2011 | Category: JavaScript
Bookmarklets are just like normal browser bookmarks, but when you click one, instead of taking you to another web page, it performs some action on the web page you are currently on.
You have probably encountered bookmarklets in some way, whether it’s in a bookmarking service like Instapaper, or maybe a cool web design tool that manipulates your page in some way. What you may not realize is that it’s very easy to create bookmarklets. So easy that you can use them not only in your large projects, but you can build quick bookmarklets to help you automate tedious online tasks.
By Nick Pettit | 13 December 2011 | Category: Design
Have you ever been enamored with a beautiful color palette on the web? It can be a pain investigating the colors by checking out a stylesheet or using built-in browser developer tools.
The people over at PANDR have created a really cool bookmarklet that allows you to see all the colors on a web page with one click. Simply drag their bookmark link into your browser’s bookmark toolbar and then click the newly created link. Alternatively, you can visit the page containing the color tool and simply type in a URL.
Awesome stuff!
Treehouse
Learn iOS, Rails, CSS3, jQuery, Node.js, HTML5, UX and more in less than 8 minutes per day. New videos added regularly. Sign up today and get a free Web Design Toolkit.
Check out our bi-weekly radio show. Covering the hot topics on the web.
Audio clip: Adobe Flash Player (version 9 or above) is required to play this audio clip. Download the latest version here. You also need to have JavaScript enabled in your browser.
The Think Vitamin Advisory Board in place make sure that you receive the best content possible.
