35 Websites To Teach You How To Use CSS Effectively
Dainis Graveris
CSS ( Cascading Style Sheets) are the modern standard for presenting website. Combined with structural markup language like HTML, XHTML – CSS fully take care about presentation part, creating that good concept – HTML = Content, CSS = Presentation. If you know CSS, you can really do everything controlling spacings, borders, positioning, margins, paddings, colors, fonts, background images, hover effects and more presentational effects. CSS is really easy to understand, and in my opinion every graphic designer should have at least simple coding skills with HTML and CSS, because CSS is really still design part, not really coding.
In this article, you’ll have all the best resources available, which will teach you how to use CSS really effectively. I started myself with W3Schools and HtmlDog – pick your own favorite and stick with it! Also I wanted to mention especially Css-Tricks website and Delicious CSS tag usage – there you will find never-ending sources of CSS resources, you could ever need! Enjoy and good learning!
1.W3Schools CSS Tutorial Section
2.HTMLDog – CSS Tutorial Section
3.CSS-Tricks Tutorials, Articles And Screencasts
Great website maintained by Chris Coyier, who constantly offer on his site many useful CSS tutorials and screencasts.
4.Google Videos – CSS
5.A List Apart – CSS Tutorial Section
6.RichInStyle CSS Tutorial Section
7.HTMLGoodies CSS Tutorial Section
8.CSS-Discuss Wiki Tutorial Section
9.Positioning Is Everything
10.Learn CSS Positioning in Ten Steps
11.456BereaStreet: The CSS, HTML, and JavaScript Lab
12.CSSBasics Tutorials
The following chapters cover all the basics of CSS design.
13.CSS-Play – List of Demonstrations
14.Tizag CSS Tutorial Section
15.CSS Help Pile
A huge pile of CSS-related tips, tricks, showcase sites and resources – everything in very well categorized way.
16.Holy CSS Zeldman! – CSS, Accessibility and Standards Links
Huge resource and link collection covering everything releated to coding, CSS, standards, books and so on.
17.Eric Meyer : CSS Section
18.Andy Budd Links
Big collection of websites and CSS related articles.
19.CSS Zen Garden
Beautiful website showing a demonstration of what can be accomplished visually through CSS-based design. Select any style sheet from the list to load it into this page. You can download HTML and CSS file to inspect each design submitted here and learn how unique CSS effects are achieved!
20.Delicious CSS Tag
Delicious takes care of big statistics and you can rapidly find out – what’s hot now in CSS section (recent/popular) and also try to use not only CSS tag – but CSS together with Tutorial, Reference, Blog etc. to filter that list more suitable to your own needs.
21.MaxDesign CSS Tutorial And Resource Site
CSS resources and tutorials for web designers and web developers – various collections with many navigation examples( Listamatic, Listamatic2) and several tutorials (ListTutorial, FloatTutorial,SelectTutorial) as well.
22.CSSEasy Tutorial And Resource Site
Free fixed and fluid CSS layouts, the modern way to learn CSS – inspect youself premade layouts to get better understanding how they work.
Select a layout and go to “View > View source” to view the layout’s source, then copy-paste the code in notepad and safe the file as index.html. Study the code and watch the changes when you change something. (best results with Firefox, download link available in the webmaster tools section on this site)
23.EchoEcho CSS Tutorial Section
24.CSS-Discuss Information
This site is primarily intended to be a place for authors to discuss real-world uses of CSS. This doesn’t preclude discussions of theory, or nifty cutting-edge tricks that show off the power of CSS, or even talking about (X)HTML, DOM, and so forth. Site has nice Wiki CSS section!
25.Web Design From Scratch
Scratchmedia are a London UK based Web design agency, which has impressive collection of web design related tutorials and articles, CSS section featured here.
26.CSS-Tutorial
These tutorials on web design/CSS makes learning this stuff fun and easy – you will be up and running in no time because it ain’t that hard!
27.CSS Dog Resources And References
Learn about CSS shorthand properties, CSS references and CSS3 selectors all in one place!
28.Web Developer’s Handbook
Huge resource list site featuring many articles and websites, which are directly related to web developing process, which also include CSS of course!
29. CSSDocs CSS Properties
CSS Documentation Shortcut – just input your interesting css property and you’ll get full explanation to it, very handy, if you know what are you searching for, but forgot how specifically code looks.
30.Stylegala CSS Reference Section
31.CSS 3 reference guide, tutorials, and blog
32.CSS Cheat Sheet
Extremely useful one page CSS cheat sheet – I strongly suggest to print it out for later reference.
33.CSS Property Index
All CSS Properties Listed Alphabetically
34.Sitepoint CSS Reference
35.WestCiv CSS Tutorial Section
If I have missed some useful sites – feel free to share them, I’ll edit this article and add them to list if those sites will be worthy!
For Further Reading:
Did you enjoy this article and found it useful?
Get even more from us:
Kolesterol
Posted 823 days ago 25Thank you for useful information. Have more to such sites!
CSSim Benim
Posted 827 days ago 24Thank you for useful information. Have more to such sites!
coach
Posted 886 days ago 23Thank you for useful information. Have more to such sites!
.-= coach´s last blog ..офисный переезд =-.
marsut
Posted 901 days ago 22I went to your blog often. Thank you for the information!
lars
Posted 901 days ago 21The information will be useful to many. Thanks to author!
Klio
Posted 906 days ago 20Useful information! Thanks to author!
Jonn
Posted 907 days ago 19Cool blog! Thanks for the information. Add to favorites;)
Myphan
Posted 929 days ago 18Hi, thank you very much! These information are really useful for me. You are wonderful! :-)
Elcodigodebarras
Posted 934 days ago 17Excuse me,
you have forgotten www. cssglobe.com
Rahul - Web Guru
Posted 981 days ago 16Awesome list of CSS sites. cheers (y)
.-= Rahul – Web Guru´s last blog ..Global fight against Polio =-.
Arturo Gudiño Chong
Posted 981 days ago 15Good Job, thanks for sharing.
aldrin
Posted 983 days ago 14Great list, hope you can also list some good resources for CSS3 and HTML5. It’s a great way to start learning for starting in web design.
Adnan
Posted 989 days ago 13Nice article… its really helpful website… !!
.-= Adnan´s last blog ..Job Website for Gulf =-.
proposal tugas akhir
Posted 992 days ago 12I like this list, easier for me to learn.
Nia
Nardyello
Posted 993 days ago 11I knew about a few of these, but 35!? Such a beautiful list!
Thank you for sharing! :D
Iflexion
Posted 993 days ago 10How much useful information, being bookmarked and I’ve already planned about several hours for review (when there will be some free time) in search of something new there. Thanks.
Jason Zuckerman
Posted 994 days ago 9I need to brush up a bit on my CSS. Your efforts at compiling all these resources continues to impress.
.-= Jason Zuckerman´s last blog ..Jason, Where Have You Been? =-.
aravind
Posted 994 days ago 8great resources.. even though you missed css3.info
it has the greatest of css3 tips and tutorials.
.-= aravind´s last blog ..Free Licence Give Away of Fanurio: Winners Announced =-.
sonichtml
Posted 994 days ago 7nice post~~ thank you
Ricksterr
Posted 995 days ago 6Took me aaaaages to get here….lol
It’s a great website with loads of usefull information.
Good job!
Best regards,
Rick
Luis Lopez
Posted 995 days ago 5Great websites on the list, I think you can always use some help when coding a website or app.
I can recommend you also
http://webdesign.about.com/od/css/Cascading_Style_Sheets.htm
some great tutorials and explanation for beginners.
.-= Luis Lopez´s last blog ..500 Custom Greeting Cards Giveaway From Digital Room =-.
gautam hans
Posted 995 days ago 4w3schools is a great site for any beginner. It is easy to learn and practice too. I like css tricks too. The hacks are really good. great share. dugg
.-= gautam hans´s last blog ..Replace Date with a cool new calendar type layout in blogger =-.
pISyEk
Posted 995 days ago 3nice sharing! :-)
FAQPAL
Posted 995 days ago 2Wow, thats quitye the collection. Thanks for the share.
.-= FAQPAL´s last blog ..How To Get Featured By the Press (Repeatedly) Even If Your Blog is New =-.
Seth
Posted 996 days ago 1Great list of sites. I know quite a bit of CSS, but lots of different resources helps me become more effective and efficient. Thanks!
.-= Seth´s last blog ..Finally! =-.