CSS Design Principles

CSS Fundamentals: Design Principles 1-3 of 10

There are 10 #CSS Design Principles. Here, we look at the first three. They are as follows:

I. Forward/Backward Compatibility

User agents present ALL CONTENT. Style unsupported? Content is still displayed.

TIP: For deployed development, choose broadly implemented styles.

CSS Design Principle #1

II. Complement Structured Documents (HTML & XML)

Apply a style from one sheet to many docs.

TIP: Use structure and semantics!

Design principle 2

III. Vendor, Platform and Device Independence

The heart and soul of the Web and its languages: Interoperability!

TIP: AVOID use of vendor prefixes in deployed, user-facing sites. For discovery and testing – have ALL the fun!

Design Principle 3





Questions or comments? Please feel free to hit me up here, on Facebook, Twitter or wherever I may roam. Skype chats happening regularly. FREE AND OPEN SOURCE TO ALL.

All info is offered freely. All mistakes mine. If I’m wrong – correct me (kindly, please) and provide documentation and we will make it right. If you’d like to make a donation toward my medical care fund, you may do so  by visiting http://www.gofundme.com/ThanksMols

Feel free to share this: