Monday, February 6, 2012

The 3 Best CSS Resources Every Designer Should Know

So you want to be a web guru, a CSS master, use web standards with the dedication of a monk? Well I have a few links that may be quite useful for you to learn and grow from a young grasshopper to the greatest to ever create a website.
Bruce Lee said, “Empty your mind, be formless. Shapeless, like water. If you put water into a cup, it becomes the cup. You put water into a bottle and it becomes the bottle. You put it in a teapot it becomes the teapot. Now, water can flow or it can crash. Be water my friend.
This being said, before you sit down and write, just realize, you have power to do a lot with the water you possess. You should always be trying to find new techniques and more effective ways to go about doing anything, just like water trying to find the path with the least resistance. 
DocHub

Dochub is for CSS, HTML, JavaScript, DOM, JQuery, and PHP. DocHub has an amazing list of CSS properties, summaries about them, examples, syntax, and browser compatibility lists for each. The tutorial (which is actually from Mozilla) is based on CSS 2.1, but quite helpful for those who are starting out.

The HTML page has lists of tags, but no tutorials. The organization on all pages is lackluster, but is still great for reference.

Mozilla Developer Network

Mozilla has an amazing set of tutorials about CSS that is split into three categories, introductory, intermediate, and advanced. When I had originally found this website, I jumped straight to the advanced section and watched the tutorials on CSS3. It felt as if nothing was left out and the author was very strategic about how he said things and brought things onto the screen. I wish there were more of these tutorials because the author seems like a good teacher.
These tutorials will not be something that is referenced time and time again, but it is good to see and get a foot in the door to understand how CSS works and how to use it.
AListApart a
A List Apart is full of articles about everything to do with the web as a designer. With 290 code articles, and 160 design articles, it will keep you reading and researching for a lengthy stint. “Floats 101,” “Positioning 101,” “CSS3 Bling in the real world,” who wouldn't want to read these articles. It covers everything from CSS sprites to separation of content and design. This is good for just browsing possible solutions for your website, but not a good walk through from start to finish for creating a website.
Web Standards
By time this is being read by someone out on the Internet looking for good CSS/HTML/Web Standards tutorials, the web standards may have changed. Our good friends over at XKCD can help a little bit better with this one.


Until next time, your friendly neighborhood dreamer, Nick Stamper

1 comment:

  1. This was informative. I honestly didn't know or even think that Mozilla offered any kind of tutorials. DocHub certainly seems to have a lot of information as well.

    The comedic relief provided by the video and picture at the end is a welcome addition. Thanks for the info!

    ReplyDelete