Cascading Style Sheets - Topics A-Z
Topics A-Z listing of articles and resources about best practice in the use of cascading style sheets (CSS).
-
Cascading Style Sheets - Archive
-
Resources and articles about cascading style sheets.
-
Proposed Guideline: Structural Elements - Naming Convention
-
During July 2006, the Office of the Chief Information Officer (OCIO) developed a guideline for a naming convention for the structural elements of a web page (cascading style sheets) that they hope will be taken up by developers across the Victorian State Government to provide structure and consistency when constructing web pages.
- SitePoint CSS Reference
- by Tommy Olsson and Paul O'Brien. SitePoint, 2008. A cascading style sheet reference providing full descriptions, working examples, and browser compatibility information.
- Coding guidelines for HTML and CSS
- Written by Jens O. Meiert, Senior Web Architect, Google Webmaster Team Google Webmaster Central Blog, Wednesday, May 2, 2012. "Great code has many attributes. It’s effective, efficient, maintainable, elegant. When working on code with many developers and teams and maybe even companies, great code needs to also be consistent and easy to understand. For that purpose there are style guides. We use style guides for a lot of languages, and our newest public style guide is the Google HTML and CSS Style Guide..."
- StackLayout - A flexible width, component based CSS layout system
- by Campbell McGuiness. "Mocking up a site site with StackLayout components is comparable to building something with lego. All the pieces are designed to fit together and be interchangeable in myraid of combinations, so you can enjoy the process of creating. They behave just like text, forming new stack rows automatically so your layout will never 'break', instead content will simply be pushed down the page. No more floats, container elements or clearfixes for layout. StackLayout components are also infintely nestable, enabling you to mockup complex yet stable prototypes on the fly..."
- Going Nuts with CSS Transitions
- by Natalie Downe, 24 Ways to Impress your Friends, 14 December 2009. "I'm going to show you how CSS 3 transforms and WebKit transitions can add zing to the way you present images on your site. First we are going to make our images look like mini polaroids with captions. Here’s the markup..."
- Styling HTML Lists with CSS: Techniques and Resources
- By Louis Lazaris. Smashing Magazine, December 11, 2009. "... If you're new to CSS, this article should provide a good overview of the different types of lists available, as well as some of the browser quirks that occur in relation to HTML lists, with some helpful advice that should prevent those quirks from becoming major road blocks to good design. In addition, we'll look at a showcase of various uses, techniques, and tutorials that utilize HTML lists. All of this should put strong emphasis on the importance of using lists in modern web design, reminding even experienced coders how HTML lists can improve the flexibility and maintainability of a website..."
- CSS Font-Sizing: a Definitive Guide
- by Craig Buckler. SitePoint, Thursday, August 20th, 2009. "Font sizing in CSS sounds as though it should be easy. Until you try it. Many developers use the force; they tinker with the font-size property until it looks right only to find it’s different in another browser. A little understanding can go a long way..."
- Nifty Navigation Tricks Using CSS - updated 3rd edition
- By Rachel Andrew. Site Point, August 12, 2009. "We've just released the new 3rd edition of the SitePoint book The CSS Anthology: 101 Essential Tips, Tricks & Hacks, by Rachel Andrew. To celebrate, we've updated this popular article, comprising chapter 4 of the book, with content from the new edition. It's also available in PDF format, and includes 3 more chapters from the book. Unless you limit yourself to one-page web sites, you'll need to design navigation. In fact, navigation is among the most important parts of any web design, and requires a great deal of thought if visitors are to move around your site easily..."
- 10 Cool Things We'll Be Able To Do Once IE6 Is Dead
- by James Edwards. Site Point, 14 August 2009. "... by my estimation, the day is approximately 12 months away when we'll be able to kiss a fond goodbye to IE6 support forever. And when that day comes, here are some useful things we'll be able to do that we couldn’t really do on mainstream sites before..."
- Best Practices for Accessible Stylesheets
- by Michael Gaigg. IT Solutions Blog - Web Design Guidelines and Tips, May 1, 2009. "Cascading Style Sheets (CSS), or short Stylesheets, is a language used to describe the presentation (that is, the look and formatting) of a document written in a markup language like HTML. The stylesheet language as described in CSS level 2 revision 1 helps to separate presentation from structure and thus adds flexibility to the look and feel of a web page..."
- Print with CSS - Tutorial
- pmob.co.uk - raw CSS examples. "In this tutorial we are going to construct a css file to allow us to send a formatted page to the printer. Normally this would incur producing a text only (printer friendly) page that the user could print out from their browsers Print button..."
- How to Override Inline CSS Styles
- by Craig Buckler. SitePoint, May 27, 2009. "One of the most powerful features of CSS is the cascading. Knowing how a browser chooses and applies your styles is invaluable knowledge..."
- Q&A: A Little Something You Need to Know About Duplicate Content and CSS
- by Stoney deGeyter. Search Engine Guide, April 22, 2009. "My last three posts covered a variety of questions regarding keyword usage, links and website architecture. In this post I'll address the final question that has to do with the visual display of your pages, duplicate content and CSS..."
- WCAG 2 Accessibility Workshop using XHTML and CSS - May 2009
- A hands-on workshop with accessibility expert, Roger Hudson, and CSS expert, Russ Weakley. This two-day workshop will teach you how to built WCAG 2 accessible websites using XHTML/CSS. Day 1: A practical guide to preparing WCAG 2 compliant websites Roger Hudson - This all new accessibility workshop focuses on providing practical advice to help developers and organisations comply with the Web Content Accessibility Guidelines, Version 2.0. Day 2: Mastering CSS and XHTML - building elegant websites - Russ Weakley - Over a full day you will build a detailed website layout from the ground up - starting with a flat graphic mockup; and ending with a clean markup and elegant styled page using XHTML/CSS. Workshops held in Sydney, Canberra, Melbourne and Brisbane during May 2009.
- Terrific Tables with CSS
- By Jonathan Snook. SitePoint, November 18, 2008. "This is an excerpt from my book, The Art & Science Of CSS, which is available for FREE download for the next 14 days only..."
- Creating an accessible yet sexy search box with CSS
- by Mike Jolley. Blue Anvil, September 6, 2008. "Search boxes: integral parts of many websites but often neglected in terms of markup and style. When considering both accessibility and semantics, marking up a a search box can be a little awkward depending on the look you are trying to achieve. In this post I will suggest some methods of marking up your search boxes, and show a neat way of styling it using css and a few images..."
This category last updated: 7 May 2012