Illustration | Urban Art | Web design | Visual Art

Saturday 4 October 2008

10 Website To Help You Learn and Master CSS

CSS can be both a tricky and easy to learn. The syntax itself is easy, but some concepts can be difficult to understand.


1. CSS Help Pile

CSS,WEB DESIGN

CSS Help Pile is an aggregate of CSS resources, tips, and how-to’s. The site is well-organized and a wonderful resource
for any level of expertise. There’s a category for beginners, browser bugs, and short reviews of CSS books.

2. CSS Basics

CSS,WEB DESIGN

CSS Basics is formatted like a book with 18 chapters dedicated to educating readers about fundamental CSS concepts. The
writing is clear and succinct - making it a great resource for those just starting out

3. SitePoint CSS Reference

CSS,WEB DESIGN

SitePoint has a CSS reference section that discusses introductory level CSS topics. You can get a crash course on general
CSS syntax and nomenclature onto slightly more advanced topics such as CSS hacks and filters.
Positioning elements using CSS can be a tricky concept at first. If you’re having a hard time understanding the
fundamentals of CSS positioning, check out this 10-step tutorial to get you positioning stuff in no time!

4. Andy Budd CSS/Web Standards Links

CSS,WEB DESIGN

Andy Budd (directory of Clearleft, CSS guru, and author of one of my favorite books – CSS Mastery) has a set of CSS/web
standards links to help you find reliable, useful information about CSS.

5. W3CSchools CSS Tutorial

CSS,WEB DESIGN

W3CSchools has a CSS section that covers the very basics of CSS up to more advanced topics.

6. CSS at MaxDesign

CSS,WEB DESIGN

At MaxDesign, you can find Russ Weakley’s brilliant set of CSS-related tutorials. Some things to expect here are:
Listmatic – which shows you a variety of ways you can use CSS to style lists, and Floatutorial – which goes through the
fundamentals of floating elements.

7. CSSeasy.com

CSS,WEB DESIGN

CSSEasy.com’s slogan is "learn CSS the modern way". The site promotes learning by experience, with the idea that if you
inspect the source code and see how things fit together as a whole, you’ll gain a better understanding of CSS. The Web
Developer Tool will also come in handy on this website.

8. Web Design from Scratch: CSS

CSS,WEB DESIGN

Ben Hunt’s Web Design from Scratch has an excellent section on CSS that covers basic concepts about CSS. I highly
recommend beginners start off with Introduction to CSS, a quick but very informative starting point to getting your hands
dirty with CSS.

9. CSS-Tricks

CSS,WEB DESIGN

CSS-Tricks is a blog dedicated to the topic of CSS. You’ll find helpful posts such as what CSS Sprites are (in a nut
shell), techniques for image replacements, and even screencasts on topics like conditional stylesheets.

10. CSSDog

CSS,WEB DESIGN

CSSDog has a section for both beginners and more advanced developers. Aside from CSS lessons, their CSS Reference section.
-which lists quick guides and color references - are very helpful.

No comments: