CSS is becoming a very popular part of web design these days. Most designers now offer CSS design as a part of their services, and even amateur designers are learning all they can about CSS. The best part about Cascading Style Sheets is that the pages load quickly and the layout it very easy to change. So if you are looking for some tips, tricks, and cheats for CSS, the list below should help you out.
1. CSS Level 2 Revision 1
For those who feel they can tackle the technical language, this site is the place to learn all you need to know about CSS. Those who are new to CSS can still benefit from this, although it might take a bit of work. Reading over the sections a few times, then attempting to complete CSS designs, and then re-reading the instructions is a great way to become familiar with the language. Just keep in mind when reading through this site that it also gives instructions on how to use CSS for other media designs, such as posters or brochures.
2. CSS Tutorial by w3schools.com
If you are not interested in learning CSS by deciphering the technical speak, this site is a great place for you to learn the basics as well as some more advanced tips. W3schools.com also provides CSS colors, a reference section, web safe fonts, and more.
3. CSS Reference by SitePoint.com
4. 50 Extremely Useful and Powerful CSS Tools
Need some tools for your CSS design? Smashing Magazine provides an extensive list of sites on which to find CSS tools. Plus, the links are divided up into organized sections, making it easy to find exactly the tool resources you need. Find CSS Typography, Online Tools, Handy Kits, In-Browser Tools complete with Firefox Extensions, Coding and Programming, Frameworks, Bookmarks, and Layouts in this very helpful article.
5. Web-developer’s Handbook
Do you need some ideas or inspiration for CSS lists? Listamatic provides plenty of links with examples of CSS list designs for your inspiration. Plus, there are also some layout generators as well as a browser support chart to help with your list design.
7. CSS Layout Techniques
If you need some help making the switch to CSS layouts, this site will help you out. The layout techniques listed are cross-browser and all sites listed have been stripped down to their very essential codes, making it easy to see exactly how a layout was created.
8. Position is Everything
If you are frustrated by trying to figure out the browser problems encountered with CSS design, this site will help to end your troubles. The creator of this site, Big John, explains about common bugs found in browsers as well as gives CSS techniques that work with any browser.
9. CSS Tutorials from Html.net
This site provides free tutorials for building a CSS website. Plus, it gives an explanation on how CSS works and what it is. Don’t want to wade through English instructions? Choose to read the tutorials in your native tongue with translation options that include Dutch, Arabic, French, Spanish, and much more.
10. CSS Layouts: 40+ Tutorials, Tips, Demos, and Best Practices
Another very helpful article from Smashing Magazine, the resources for CSS layout found on this page are sure to contain what you need. Sample page layouts, step-by-step layouts, best practices, templates, and more can be found to aid you in your CSS experimentation and design.