Help out: share this site!

Latest Screencasts

Essential CSS for Every Web Developer

Teach Me To Code - 2010-01-02 - free

Want to know the basics of CSS? Watch this screencast and learn everything you should know as a web developer. We'll cover the basics which include colors, borders, padding, margins, lists, fonts, backgrounds, tables, links and floats. This is a very basic screencast, so if you are already familiar with these topics, this might be just a review for you. Watch this screencast


Writing CSS with LESS - Part 2

Teach Me To Code - 2009-12-17 - free

In this screencast we'll cover using variables, mixins and operations with LESS while building the header for the Flitter front end. Watch this screencast


Writing CSS with LESS - Part 1

Teach Me To Code - 2009-12-14 - free

In this screencast we'll cover the basics of setting up a LESS file to compile into CSS as we provide an HTML front end to Flitter, a Ruby on Rails Twitter clone. Watch this screencast


jQuery Masonry

Teach Me To Code - 2009-12-02 - free

In this screencast we'll cover aligning floated elements on an HTML page using jQuery, the jQuery Masonry plugin and CSS. Watch this screencast


Creating a Twitter Clone in Rails - Part 4

Teach Me To Code - 2009-11-09 - free

We're almost done! The remaining screencasts are already recorded, but not edited yet. To speed things up, I split it up into 3 or 4 screencasts. This one shows how to make the site look and feel like Twitter and also populates the right side column content. A bit of CSS, lots of Rails, and more of my ramblings :D Watch this screencast


Styleize your Rails App with Themes

Teach Me To Code - 2009-11-04 - free

Don't want to take the time to create a layout for your new Ruby on Rails application? Don't worry. Use the Themes plugin! In this screencast, I show you how to easily add a layout with built-in menus to your existing Rails application using only 1 line of code. Watch this screencast


Creating a Twitter Clone in Rails - Part 3

Teach Me To Code - 2009-10-19 - free

In this screencast, we continue our challenge of creating a Twitter clone called 'Flitter' using Ruby on Rails. We learn how to use jQuery to create a countdown for the text area box. We also set up adding and removing friends via the interface. Oh... you hear my baby cry and my sister-in-law call. Fun stuff :D Watch this screencast


Creating a Twitter Clone in Rails - Part 2

Teach Me To Code - 2009-10-11 - free

Now that we have a backbone to our 'Flitter' application, we learn how to create the front end and tie it all together. In this screencast, I cover a lot of CSS and getting your site to look good. I apologize for it lasting 1 hour, but I decided it's better than chopping it up. Watch this screencast


Finding Unused CSS

Railscasts - 2009-09-21 - free

Over time a CSS file can become large and filled with unused selectors. In this episode I show how to use the Deadweight gem to determine which CSS selects you can remove. Watch this screencast


CSS Positioning Best Practices

Lynda - 2009-08-07 - paid

Web designers and coders will be introduced to techniques to improve their results in CSS Positioning Best Practices. Beginning with a brief review of CSS, instructor Bill Weinman demonstrates how to position elements on a page using CSS instead of tables. He then goes step by step through the process... Watch this screencast