Susy Tutorial

Susy TutorialWelcome to my Susy Tutorial. Susy is an awesome tool / framework we can use to build web grid frameworks. You define the settings for the grid and then easily place your elements using easy to understand commands. Here I’ll cover most everything you’ll need to start learning it today.

You’ll need to have Ruby installed and I have a video on Ruby here. Because I use Compass and Sass in this tutorial you may also like to learn more about both here. Continue reading Susy Tutorial

Sass Video Tutorial

Sass Video TutorialWelcome to my Compass and Sass Video Tutorial. I’ll cover all of the following topics : Variables, Cross Browser Solutions, Installation, Partials, Normalization, Base Site Styling, Mixins, Functions, Nesting, Color Functions, Sharing Element Properties, Compass CSS3 Mixins, CSS3 Transforms, If, Else, For Loops, Spriting and more. All of the code from the video follows below. I hope this helps. Continue reading Sass Video Tutorial

Learn CSS3 in One Video

Learn CSS3 in One VideoIn this tutorial I help you learn CSS3 in one video. We’ll cover importing style sheets, selecting elements, padding, margin, border, background, fonts, absolute / fixed / relative positioning, float, clip, overflow, HTML5 styling, page layouts, img, pseudo classes, counter-increment, buttons, cursors, slide shows, white space, table styling, shadowing, RGB, HSL, opacity, border-radius, repeat, gradients, animations and more. A transcript follows the video below. Continue reading Learn CSS3 in One Video