Tag Archive | "Top CSS Tips"

Top Resources to become a CSS Expert


cameron
Beginner’s Guide from a Seasoned CSS Designer – This is a huge resource list for CSS beginners.
Listamatic – This site offers up examples of how to use CSS to create radically different list styles.
CSS Basics – A complete online guide to CSS coding in book form.
CSS Shorthand Guide – A cheatsheet covering basic CSS shorthand formats.

CSS Cheat Sheets – Two cheat sheets from About.com—one basic and one for CSS layouts.

Cascading Style Sheets Level 2 Revision 1 – This is the official specifications of CSS 2.1 from the World Wide Web Consortium.

5 Tips for Organizing Your CSS – This article offers up five really useful methods for keeping your stylesheets better organized (and, therefore, easier to edit later).

My 5 CSS Tips – A collection of five simple tips for creating better CSS.

CSS Shorthand Cheat Sheet (PDF) – A reference sheet for CSS shorthand format.

smash

Powerful CSS Techniques for Effective Coding – A collection of CSS techniques, ideas, and solutions for better CSS coding.

70 Expert Ideas for Better CSS Coding – A collection of expert tips for improving your code.

cssbeauty

CSS Beauty – A site offering up CSS news, resources, and a gallery.

15 CSS Properties You Probably Never Use (but perhaps should) – This article covers fifteen often-overlooked CSS properties that many designers might not even know exist.

10 Principles of the CSS Masters – A collection of great principles and guidelines from some of the masters of CSS.

CSS Specificity: Things You Should Know – A guide to CSS specificity, one of the most difficult CSS concepts to grasp.

Solving 5 Commons CSS headaches – A guide to dealing with CSS issues like IE6’s double-margin bug and ineffective styles.

Turning Lists Into Trees – How to create a multi-level unordered list in the form of a document or page tree.

Unordered List Rollover Gallery – How to create an image gallery using an unordered list and rollover technique.

Web Page Reconstruction with CSS – How to rebuild a webpage with a CSS layout.

Advanced CSS Layouts: Step by Step – A step-by-step tutorial for creating an advanced 3-column layout.

Creating a CSS Layout from Scratch – A complete guide to building a CSS-based site from the ground up.

http://netdna.webdesignerdepot.com/uploads/css_master/howtoaddvariablestoyourcssfiles.jpg

Advanced CSS Menu – A tutorial for creating a really great CSS menu from WebDesignerWall.

Animated Horizontal Tabs – A tutorial for creating horizontal menu tabs that animate on rollover.

CSS Graphic Menu with Rollovers – A great tutorial for creating a CSS menu with a rollover effect.

CSS Sprite Navigation Tutorial – A tutorial for creating a menu using CSS sprites.

http://netdna.webdesignerdepot.com/uploads/css_master/hybridcssdropdowns.jpg

Hybrid CSS Dropdowns – A tutorial on how to create CSS dropdowns that degrade gracefully and are well-structured, among other things.

http://netdna.webdesignerdepot.com/uploads/css_master/10examplesofbeautifulcsstypographyandhow.jpg

10 Examples of Beautiful CSS Typography and How They Did It… – Offers up great examples of CSS typography along with tutorials on how to create each.

Posted in CSSComments (0)