Total Followers 132,503
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!
Great website maintained by Chris Coyier, who constantly offer on his site many useful CSS tutorials and screencasts.
The following chapters cover all the basics of CSS design.
A huge pile of CSS-related tips, tricks, showcase sites and resources – everything in very well categorized way.
Huge resource and link collection covering everything releated to coding, CSS, standards, books and so on.
Big collection of websites and CSS related articles.
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!
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.
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.
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)
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!
Scratchmedia are a London UK based Web design agency, which has impressive collection of web design related tutorials and articles, CSS section featured here.
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!
Learn about CSS shorthand properties, CSS references and CSS3 selectors all in one place!
Huge resource list site featuring many articles and websites, which are directly related to web developing process, which also include CSS of course!
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.
Extremely useful one page CSS cheat sheet – I strongly suggest to print it out for later reference.
All CSS Properties Listed Alphabetically
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!
Get The Only Freelancer crash course you will ever need to read!
Dainis Graveris is 23 years old blogger and designer, founder of 1stWebDesigner, now more silently managing everything behind the scenes. He usually hangs out in Twitter tweeting design related links and chatting with people. If you have any questions or feedback that's the best place to start! Cheers!
Saturday, January 21st, 2012 15:04
Thanks for sharing, improving css techniques is fundamental. I bookmarked half of your sites :)
Tuesday, November 22nd, 2011 19:08
Thanks for the list of resources. Absolutely necessary to gain a good grasp of CSS. I am still very much a beginner so this list will help me in honing my skills.
Sunday, August 28th, 2011 06:18
Awesome list. This will come handy when complex CSS manipulation and tweaking. Thanks for sharing, I’ll share this with other developers and bookmark this as a reference.
Wednesday, July 27th, 2011 07:00
nice blog.i like it.please upload such type of content which are useful for web development loving people.thanks
Friday, July 8th, 2011 07:03
You guys forgot http://www.css-tricks.com really great web page for css
Tuesday, May 31st, 2011 21:18
Great Post! Websites are like books.. Now yours is a Library. Hats Off!
Friday, October 29th, 2010 09:14
Hi,
Creating rounded corners with CSS.
No need to design the rounded corners for curved boxes.
I have tried my self. It reduced my work
Wednesday, April 21st, 2010 01:06
This is a super super nice list of sites to add to my bookmarks
Friday, February 26th, 2010 11:12
Thank you! Very useful information on using CSS!
Tuesday, February 23rd, 2010 13:00
Thanks for your sharing. The css can help me to improve my design.
Thursday, February 18th, 2010 21:20
Thank you for useful information. Have more to such sites!
Sunday, February 14th, 2010 02:57
Thank you for useful information. Have more to such sites!
Wednesday, December 2nd, 2009 15:22
I went to your blog often. Thank you for the information!
Wednesday, December 2nd, 2009 12:18
The information will be useful to many. Thanks to author!
Thursday, November 26th, 2009 11:36
Cool blog! Thanks for the information. Add to favorites;)
Wednesday, November 4th, 2009 13:06
Hi, thank you very much! These information are really useful for me. You are wonderful! :-)
Friday, September 11th, 2009 17:17
Great 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.
Tuesday, September 1st, 2009 23:42
I knew about a few of these, but 35!? Such a beautiful list!
Thank you for sharing! :D
Monday, August 31st, 2009 18:35
I need to brush up a bit on my CSS. Your efforts at compiling all these resources continues to impress.
Monday, August 31st, 2009 10:11
great resources.. even though you missed css3.info
it has the greatest of css3 tips and tutorials.
Sunday, August 30th, 2009 23:18
Great 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.
Monday, August 31st, 2009 00:04
Took me aaaaages to get here….lol
It’s a great website with loads of usefull information.
Good job!
Best regards,
Rick
Sunday, August 30th, 2009 09:38
w3schools 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
Sunday, August 30th, 2009 03:00
Wow, thats quitye the collection. Thanks for the share.
Sunday, August 30th, 2009 00:29
Great list of sites. I know quite a bit of CSS, but lots of different resources helps me become more effective and efficient. Thanks!
Get The Only Freelancer crash course you will ever need!
If not, then it's time to learn how to:
You can trust 1stWebDesigner to help you become a better web designer!
- Jacob Cass | Just Creative
Just enter your name and email below and click Get Updates!
![Basic Web Design Video Course – Complete HTML Markup & CSS Styles [Part 3]](http://www.1stwebdesigner.com/wp-content/uploads/2013/03/preview-small-webdesignvideocoursepart3.jpg "Basic Web Design Video Course – Complete HTML Markup & CSS Styles [Part 3]")
Seth
Sunday, August 30th, 2009 00:29
Great list of sites. I know quite a bit of CSS, but lots of different resources helps me become more effective and efficient. Thanks!
Nardyello
Tuesday, September 1st, 2009 23:42
I knew about a few of these, but 35!? Such a beautiful list!
Thank you for sharing! :D
Adnan
Saturday, September 5th, 2009 11:02
Nice article… its really helpful website… !!
aldrin
Friday, September 11th, 2009 17:17
Great 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.
Jonn
Thursday, November 26th, 2009 11:36
Cool blog! Thanks for the information. Add to favorites;)
Myphan
Wednesday, November 4th, 2009 13:06
Hi, thank you very much! These information are really useful for me. You are wonderful! :-)
Jason Zuckerman
Monday, August 31st, 2009 18:35
I need to brush up a bit on my CSS. Your efforts at compiling all these resources continues to impress.
aravind
Monday, August 31st, 2009 10:11
great resources.. even though you missed css3.info
it has the greatest of css3 tips and tutorials.
pISyEk
Sunday, August 30th, 2009 07:53
nice sharing! :-)
FAQPAL
Sunday, August 30th, 2009 03:00
Wow, thats quitye the collection. Thanks for the share.
gautam hans
Sunday, August 30th, 2009 09:38
w3schools 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
Luis Lopez
Sunday, August 30th, 2009 23:18
Great 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.
Ricksterr
Monday, August 31st, 2009 00:04
Took me aaaaages to get here….lol
It’s a great website with loads of usefull information.
Good job!
Best regards,
Rick
Klio
Friday, November 27th, 2009 14:48
Useful information! Thanks to author!
lars
Wednesday, December 2nd, 2009 12:18
The information will be useful to many. Thanks to author!
Fernando
Friday, July 8th, 2011 07:03
You guys forgot http://www.css-tricks.com really great web page for css
Havi
Wednesday, July 27th, 2011 07:00
nice blog.i like it.please upload such type of content which are useful for web development loving people.thanks
Siddhart
Sunday, August 28th, 2011 06:18
Awesome list. This will come handy when complex CSS manipulation and tweaking. Thanks for sharing, I’ll share this with other developers and bookmark this as a reference.
Fornace
Saturday, January 21st, 2012 15:04
Thanks for sharing, improving css techniques is fundamental. I bookmarked half of your sites :)
Oliver Classen
Tuesday, November 22nd, 2011 19:08
Thanks for the list of resources. Absolutely necessary to gain a good grasp of CSS. I am still very much a beginner so this list will help me in honing my skills.
Jenifer Prince
Tuesday, May 31st, 2011 21:18
Great Post! Websites are like books.. Now yours is a Library. Hats Off!
Prasadnti
Friday, October 29th, 2010 09:14
Hi,
Creating rounded corners with CSS.
No need to design the rounded corners for curved boxes.
I have tried my self. It reduced my work
CSSim Benim
Sunday, February 14th, 2010 02:57
Thank you for useful information. Have more to such sites!
marsut
Wednesday, December 2nd, 2009 15:22
I went to your blog often. Thank you for the information!
Kolesterol
Thursday, February 18th, 2010 21:20
Thank you for useful information. Have more to such sites!
Caricature
Tuesday, February 23rd, 2010 13:00
Thanks for your sharing. The css can help me to improve my design.
G13 Media
Wednesday, April 21st, 2010 01:06
This is a super super nice list of sites to add to my bookmarks
Strange
Friday, February 26th, 2010 11:12
Thank you! Very useful information on using CSS!