Shopping our way out of anything :) Dispatches from the trenches of consumerism.
Top 17 Resources to learn CSS online
Get link
Facebook
Twitter
Pinterest
Email
Other Apps
-
I recently discovered I needed to brush up on my CSS skills. Here are a few sites that can help.
When the first crop of post-Mosaic / Lynx browsers showed up, everybody was talking HTML, or HyperText Markup Language. That was a very basic language to specify what to in italics, what to be bold, what to be underlined. As long as the web was made of simple pages with links, that was sufficient. Soon enough, as sites became more complex, people wanted to be able to force an uniform look on pages. Thus appeared CSS or Cascading Style Sheets, which are basically templates. In a CSS template, you can specify if your headers (H1, H2, H3, and so on) should be coloured or how big should they be, if the default is not good enough. Both CSS and HTML can do far more than the simple examples above, but in general, think of HTML as a limited scope “language” to display information, and CSS for higher-level arrangements and definitions. To learn CSS you need to know HTML first, just like you need to be able to run before you can play soccer (for the most part, at least).
CSS Basics . com
Structured in 18 Chapters, this clean, eye-pleasing splashpress media property allows you to easily print and / or download everything. Apart from a plug for 2 commercial sites on the website, this excellent introduction to CSS seems free of ads.
Tizag Tutorials
Just like htmlPlayground or W3 Schools, Tizag allows you to experiment with code while learning. It also introduces you to the most important Web Design & Development languages, technologies and practices. The tone is friendly and the information very well structured. Have a look for yourself!
W3 Schools
One of the most recommended sites to learn CSS, it has a great “Try it yourself” feature, which allows you to do just that: experiment with code. W3 Schools seems to have more examples than Tizag, though is a bit more formal.
HTML.net has 16 lessons in more than 10 languages. If your first language is not English, there’s a good chance that they’ve got you covered, without the use of the insufferable Google Translate.
CSS Dog
The Dog has a tutorial for every level, starting with Beginners and ending with Advanced (gurus). They also have handy quick reference guides, CSS3 selectors and tutorials for other “buzzwords”, such as HTML, XHTML, HTTP, etc.
From tutorials to miscellaneous articles, css.learn will have you coding CSS in no time at all. With style!
Opera Web Standards Curriculum
Opera, the mighty little browser from Norway has been fighting for web standards almost since its inception. They should know a thing or two, since when Microsoft had been discriminating against their users, they took on Microsoft with the Bork! Bork! Bork! version. Then they got the European Union to impose record fines (billions) on Microsoft. You can definitely learn a thing or two from them.
CSS How To
Use this site to learn specific skills and methods. In particular, they can teach you in 4 lessons how to go from PSD to HTML / CSS and many other step by step tutorials.
A gallery of demonstrations by various artists of “what can be accomplished visually through CSS-based design”. The HTML and CSS files are easily downloadable for your inspection. Watch, clean your eyes, enjoy and learn by example!
A beginner’s guide with quizzes after each chapter. Targetting complete beginners, this site also forums and “hosting tutorials”, usually infomercials.
Quackit
Another website that aims to transform you into a webmaster, Quackit will show you examples and will teach all you need to know to become a basement living online entrepreneur (except how to make money).
Youtube Video Tutorials
Just like you, I’m a visual monkey. I’d rather sit back and enjoy the show, though this way I may learn far less than by actively following instructions. Try to fight this urge, experiment, and you might retain far more than the average guy (such as myself)!
Mashable has just announced the winners to the 2nd edition of Open Web Awards. Today we learned the names of the People’s Choice Awards, while a week ago we were told the names the Blogger’s Choice Awards winners.
After a few attempts which ended in failure, I managed to format my 2 x 2TB 4k Western Digital drives . Now that it’s done, it seems incredibly simple. It is also “sticky”, meaning it does not need to be performed on each reboot (DUH!).
Comments