8 Of The Best Free CSS Tutorial Videos

Below is a collection of the best videos on CSS available on the web, hand-picked personally by me.

Short Introductory Videos

Using CSS by Joseph Lowery

Using CSS by Joseph Lowery (03:43)

This video explains what cascading style sheets (CSS) are. You learn the basics of CSS and the primary interfaces in Dreamweaver to work with CSS. You learn how to apply basic CSS to a web page that contains text using Dreamweaver; specifically, you create and embed a new CSS rule for a heading and paragraph

Introduction To CSS Editing Using Firebug by Jim Plush

Introduction To CSS Editing Using Firebug by Jim Plush (3:17)

The firebug firefox extension allows you to edit in real time your CSS code. Instead of having to make a change, reload, make a change, reload you can just edit it live to see the results.

Basics With Sample Code

Introduction to CSS by Heather James

Introduction to CSS by Heather James (15:26)

Good basic introduction to CSS. In the first half of the video, she explains what CSS is and its basic concepts. In the second half of the video she shows us some examples. At one point she even uses Firebug. Cool!

Creating Beautiful Interfaces with CSS by Douglas Bowman

Creating Beautiful Interfaces with CSS by Douglas Bowman (01:02:51)

Drop-down menus and sophisticated interface elements have traditionally been implemented using JavaScript and kludgy coding workarounds that often don’t work. It’s increasingly practical to deliver rich, beautiful, functional interfaces using semantic markup and CSS. Learn how modern markup can deliver great Web interfaces that are fast and reliable.

Basic HTML and CSS Tutorial. How To Make Website From Scratch by Jimmy Ruska

Basic HTML and CSS Tutorial. How To Make Website From Scratch by Jimmy Ruska (39:20)

A good basic tutorial on HTML and CSS. The first 10 minutes covers mostly basic HTML. Skip to the 9-minute mark to go straight to the CSS portion of the video.

Introduction to CSS by Stefan Mischook

Introduction to CSS by Stefan Mischook

A good, free video tutorial by Stefan Mischook of Killersites.com

Full Website Conversion Videos

100% CSS Web Design Series by Psmeg

100% CSS Web Design Series by Psmeg

A series of videos which details how to create a pure CSS based website using Adobe Dreamweaver. The series is composed of 9 parts nonetheless it is quite good and very easy to follow.

Converting a Photoshop Mockup Series by Chris Coyier

Converting a Photoshop Mockup Series by Chris Coyier

How to convert a website designed in Adobe Photoshop to HTML/CSS. Following the success of the first video series, Chris Coyier has come up with another video using a minimal version of the CSS-Tricks website.

Share

Post pobrano z:
8 Of The Best Free CSS Tutorial Videos

I’m puzzled / Carrément identique

puzzle2007 puzzle2008
THE ORIGINAL?
Sony PSP – 2007
Source : Cannes Lions Archive
Agency : TBWA\ (Spain)
LESS ORIGINAL :
Mc Donald’s coffee “Sort your head out” – 2008
Agency : DDB Stockholm (Sweden)
L’idée de droite est-elle un remix de l’idée de gauche? Bien sur l’inspiration vient du même jeu d’enfant que tout le monde connait. Mais ce qui est étonnant c’est qu’il est utilisé de manière très très similaire…

Post pobrano z: I’m puzzled / Carrément identique

Already done, but schhhh / On en reste sans voix!

scotchbouche2006 scotchbouche2008
THE ORIGINAL?
Amnesty International – 2006
Source : Golden Drums Award
Agency : Saatchi&Saatchi Warsaw (Poland)
LESS ORIGINAL :
Gabriela “Anti Women Abuse” – 2008
Source : Cannes Bronze Lion
Agency : DM9 DDB (Philippines)
Quand on voit qu’un tel copié collé (au ruban adhésif) prend un lion de bronze, il y a de quoi être scotché! Heureusement que c’est pour la bonne cause et que le client n’a pas payé l’agence.

Post pobrano z: Already done, but schhhh / On en reste sans voix!

Agregator najlepszych postów o designie, webdesignie, cssie i Internecie