Oct 11
View Comments
Creating a Twitter Clone in Rails - Part 2
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.
Oct 19
Creating a Twitter Clone in Rails - Part 3
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
Nov 04
Styleize your Rails App with Themes
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.
Nov 09
Creating a Twitter Clone in Rails - Part 4
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
Dec 02
jQuery Masonry
In this screencast we'll cover aligning floated elements on an HTML page using jQuery, the jQuery Masonry plugin and CSS.
Dec 14
Writing CSS with LESS - Part 1
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.
Dec 17
Writing CSS with LESS - Part 2
In this screencast we'll cover using variables, mixins and operations with LESS while building the header for the Flitter front end.
Jan 02
Essential CSS for Every Web Developer
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.
