Latest Screencasts

Sass extends CSS with variables, nesting, mixins and more. Here I show how to convert plain CSS to SCSS in a Rails 3.1 app.

In preparing to show off SASS, I found the Compass system, which uses SASS and organizes your stylesheets in a unique way. In this tutorial, I walk you though installing compass, installing the 960 grid system, and organizing your SASS stylesheets in an intelligent way. One note, I couldn’t remember the URL for the 960 [...]

Welcome to part two of our Introduction to Sass. If you’re new to Sass, start with our first Introduction to Sass screencast. We’ll be building on what we’ve learned there. In this screencast we’re going to cover some more of what Sass has to offer, including the @import rule, partials,...

In this screencast we’re going to show how Sass can simplify, structure and speed up your styling workflow. Like Haml, Sass is the brain child of Hampton Catlin and stands for Syntactically Awesome Stylesheets. And it lives up to it’s name, Sass stylesheets are awesome! Watch this screencast to find...

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 [...]

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

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.

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

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 [...]

by Geoffrey Grosenbach Two years in the making, it’s the PeepCode screencast on jQuery, the popular Javascript framework for developing web applications. jQuery stormed out of the gate and quickly won the hearts of developers. Its design and implementation make it easy for you to accomplish basic tasks. Extendability is...