From time-to-time there will probably be situations where you could use some help or guidance with CSS during your web design and development work. While there are plenty of great CSS resources available, I would like to point out 10 that can be very helpful resources in these situations.
Stack Overflow
Stack Overflow is sort of a combination of social media and a forum. It is a niche specific site focused on programming and development (CSS is just one of the topics being discussed). The purpose of Stack Overflow is to ask and provide answers to questions for programmers. Anyone can post a question (you don’t even have to create an account) and then other members will be able to provide answers to your questions. Other users can then vote up or down on the various answers so it’s easy for everyone to identify the best ones.
CSS-Discuss.org
CSS-Discuss is a large and very active mailing list for CSS-related issues. You can either join the list to post and answer questions, you can browse through the archives in search of a particular issue, or you can browse through the wiki and get involved there if you have something to contribute.
CSS Cheat Sheet
The CSS Cheat Sheet is a great reference to have on hand in anticipation of those times when a little extra help might be needed. It is a one-page PDF document that includes all selectors and properties.
CSS Shorthand Cheat Sheet
If you’re looking for help in reducing the size and optimizing your css files, the CSS Shorthand Cheat Sheet is an excellent resource. With this one-page PDF document you’ll be able to create more efficient CSS code with shorthand techniques.
Web Developer Add-On
Chris Pedrick’s Web Developer add-on provides a great deal of functionality for your development in general, and CSS is just one of the specific aspects. Using the toolbar, you can do such things as identify all the styles that affect an element, view the CSS source code, see the sizes of block elements, and disable CSS to see how your pages degrade.
Firebug
Firebug is another add-on that puts a great deal of CSS information and resources at your fingertips. With firebug you can edit, debug and monitor CSS, in addition to HTML and JavaScript in any webpage. For anyone working with CSS, Firebug is a great tool to quickly edit and test your code, particularly when you’re experimenting and you need to see how your changes will impact the site.
CSS-Tricks
CSS-Tricks is a popular blog, which many Vandelay Design readers probably subscribe to. At CSS-Tricks Chris Coyier publishes articles and tutorials that cover all kinds of aspects of CSS. The archives contain plenty of posts that will be helpful to anyone looking to learn more about CSS. In addition to Chris’s articles, CSS-Tricks also includes a forum that is pretty active where you can get help.
Using CSS to Do Anything: 50+ Creative Examples and Tutorials
Noupe published a post earlier this year with 50 examples of things you can do with CSS. If you’re looking for some new ideas this is a great resource, and if you’re looking for help on a specific issue, there may be a resource here that is just what you need. Included in the post is help for styling lists, working with forms, footers, image replacement, image sprites, other image techniques, text and link effects, navigation, galleries, drop caps, rounded corners, blockquotes, and more.
CSS Layouts: 40+ Tutorials, Tips, Demos and Best Practices
This is another helpful post from Noupe that focuses on one of the most common problem areas for working with CSS, layouts. If you’re experiencing issues getting a layout to work the way you want it to, most likely there is something here that is just what you need.
Top Reasons Your CSS Columns are Messed Up
Warspire provides help for common issues in dealing with columns and layouts. The post covers the most likely problems and provides the necessary fix, including the code to be used.
Other helpful resources:
December 11th, 2008
Kind of off-topic, but your blog reminds me of Seinfeld! cool blog!
December 11th, 2008
[...] 10 Resources for When You Need Help with CSS | Vandelay Website Design (tags: web tutorials tools resources resource css) [...]
December 12th, 2008
[...] 10 recursos para cuando necesites ayuda con [...]
December 12th, 2008
this is a great post, i’ve waiting to release this after the first theme design, i’m trying to learn how to integrate it on wordpress as i’ve don’t have enough time to tweak the css for that, but now this helps me a lot to work for wordpress. Thank you so much
December 12th, 2008
great list.
As a beginner in webdev, I already knew Firebug but not the others. All this will be invaluable for the redesigning of my blog !
Many thanks and keep up the good work !
December 12th, 2008
[...] Visit list please wait…SHARETHIS.addEntry({ title: “10 Resources for When You Need Help with CSS”, url: “http://listicted.com/10-resources-for-when-you-need-help-with-css/” }); Tags: css, help, webdesign [...]
December 12th, 2008
[...] SMS Text Messaging for chatGmail Enables SMS Messaging From ChatTop 12 Tech Embarrassments in 200810 Resources for When You Need Help with CSSThe Facebook Virus Spreads: No Social Network is SafeWordPress 2.7 “Coltrane”FriendFeed: a [...]
December 12th, 2008
[...] 10 Resources for When You Need Help with CSS - From time-to-time there will probably be situations where you could use some help or guidance with CSS during your web design and developmen… [...]
December 13th, 2008
This is a great list, thanks for putting it together — your blog is awesome! What about CSS 3? We’re starting to use some of the benefits of CSS 3 on our web app. This site has been really helpful for me (you may want to add it to the list, or possible follow-up post?)…
=> http://css3.com
December 13th, 2008
useful list thanks..
December 14th, 2008
[...] 10 Resources for When You Need Help with CSS [...]
December 15th, 2008
As a beginner in webdev, I already knew Firebug but not the others. All this will be invaluable for the redesigning of my blog !
December 15th, 2008
thanks for this collection.
December 16th, 2008
Thanks for the information… Great list of utility things there…..
December 18th, 2008
If you have a large scale website using separate CSS files per section your site will be easy to maintain, update and edit.
December 21st, 2008
[...] 10 Resources for When You Need Help with CSS [...]
December 23rd, 2008
[...] 10 Resources for When You Need Help with CSS | Vandelay Website Design [...]
December 27th, 2008
[...] See the original post here: 10 Resources for When You Need Help with CSS [...]
December 29th, 2008
[...] 10 Resources for When You Need Help with CSS [...]
January 8th, 2009
nice list. Firebug is key!
January 8th, 2009
[...] 10 Resources for When You Need Help with CSS | Vandelay Website Design (tags: css webdevelopment) [...]
January 9th, 2009
[...] 10 Resources for When You Need Help with CSS - A list of resources, with screenshots and links, for CSS information. Great for beginners. On Vandelay Website Design. [...]
January 9th, 2009
You forgot the most important. The CSS specification (for CSS 2.1 here: http://www.w3.org/TR/CSS21/) and the CSS reference from Sitepoint: http://reference.sitepoint.com/css
January 9th, 2009
[...] du kunde behöva lite hjälp eller vägledning med CSS under din webbdesign och utvecklingsarbete.Vandelaydesign har listat 10 riktigt bra webbplatser att vända sig till när hjälpen [...]
January 10th, 2009
[...] 10 Resources for When You Need Help with CSS | Vandelay Website Design From time-to-time there will probably be situations where you could use some help or guidance with CSS during your web design and development work. While there are plenty of great CSS resources available, I would like to point out 10 that can be very helpful resources in these situations. [...]
January 11th, 2009
[...] 10 Resources for When You Need Help with CSS (VandelayDesign). De vez en cuando probablemente habrá situaciones en las que se puede usar un poco de ayuda u orientación con CSS durante su diseño web y desarrollo. Si bien hay gran cantidad de recursos disponibles CSS, me gustaría señalar que 10 pueden ser muy útiles recursos en estas situaciones. [...]
January 12th, 2009
Fantastic List. I had never heard of stack overflow but thats a great site for reference.
January 16th, 2009
[...] Vandelay Design posted 10 resources for when you need help with css. Totally useful! + Abobe’s Kuler, improved! + How not to design a logo + Pantone’s color [...]
March 4th, 2009
[...] 10 Resources for When You Need Help with CSS | Vandelay Design Blog (tags: css webdesign) [...]
March 26th, 2009
Lets face it CSS has a small learning curve, getting it to work cross browser is the uphill struggle for web designers. Great resource, I think life will get easier when IE6 is gone
May 12th, 2009
[...] 10 Resources for When You Need Help with CSS [...]