CSS Zibaldone

[ Home ] - [ Articoli ] - [ Traduzioni ] - [ Altro ] - [ Appunti sui CSS ] - [ L'autore ]

Sei qui: Home > Altro > CSS Articles

CSS Articles

Design notes

Gabriele Romanato On 11-19-2007 I started publishing my tests on CSS. Some people found them interesting and even "impressive", but they actually knew only a little bit of the facts behind. To be honest, these tests were only the result of a long and exhausting garbage collection or, more precisely, a desperate attempt to save a failed project started a couple of months before. And yes, my tests succeeded or at least I got some positive feedback from CSS Discuss and yes, a couple of sites mentioned me and my little creature and yes, this time Google increased my page rank with all the related benefits. I didn't expect, though. I didn't expect because my tests are not really useful for an author who actually wants to know why something work or doesn't work in a browser. Why? Simply put, my tests lack explanations (Yes, some sections have an about.txt file or something, but these files are generally incomplete and far from accurate.). This is somewhat related to the inner nature of my demos. I mean, my demo pages are not self-evident, except those that are eligible to be included in the W3C test suite. Anyway, my tests are a work in progress, while the following articles can be seen as a detailed explanation of my demo pages (with further insights). In short, these articles are written in order to share my (little) knowledge with other persons. Feel free to contact me if you need more details. Comments, suggestions and criticisms are always welcome (please read this Note on browser compatibility first). I hope that these articles will be useful for your daily work. In any case, thanks for reading them.

Acknowledgements

Kathleen HannaMy PC First, I'd like to thank the CSS Discuss (or css-d for short) mailing list and all its members for the great support given to all my projects. I'm especially grateful to Bruno, Ingo, John Gallant, David Hucklesby, David Laakso, Philippe, Alex Gresley, Georg and the others I can't remember now (in random order). I've learned a lot from you, mainly as a person. A special thanks goes to Elika Etemad (fantasai) for reviewing my tests and for being such a sensitive and intelligent person. Secondly, I'd like to thank my sources of inspiration. The first name is surely Kathleen Hanna (picture on the left). Thanks to her music (I love Bikini Kill, one of my favourite bands) I've learned that sensitiveness doesn't necessarily mean weakness and I fully endorse the ideas behind her music. Another source is Ian "hixie" Hickson. In my opinion, he's one of the most brilliant testers and developers I've ever met on the web. In that vein, I'd like to mention Bruno Fassino and Gérard Talbot. Their bugs and tests repositories are a stimulating work in progress that I admire and envy. Finally, I'd like to thank my poor old PC (picture on the right). This goofy, innocent creature is the only "eyewitness" of my first attempts to build my own CSS-driven layouts. Thanks to all.

Articles

  1. Rediscovering generated content

    In this article I'll discuss some possible uses of generated content.

  2. Styling code blocks

    In this article I'll explain how to use CSS for styling code blocks.

  3. Rediscovering attribute selectors

    In this article I'll explain how to use CSS 2.1 attribute selectors to stylize a web document.

  4. How to build an Acid Test

    In this article I'll explain how to build an Acid Test on a CSS feature.

  5. Formatting a login message with CSS

    In this article I'll explain how to format a login message by using CSS.

  6. Styling an image gallery with CSS

    In this article I'll explain how to create and stylize an image gallery by using CSS.

  7. Creating a logo with CSS

    In this article I'll explain how to create and format a logo by using CSS.

  8. Styling form elements

    In this article I'll explain how to format form elements by using CSS.

  9. Using the table values of the 'display' property

    In this article I'll explain how to use the table values of the CSS display property to format certain sections of a simple three-columns layout.

  10. Using JSDoc tags for organizing CSS

    In this article I'll explain how to create JSDoc-like tags for keeping our CSS organized.

  11. Working with Textpattern

    In this article I'll explain how to use the Textpattern's interface for creating a CSS-driven layout.

  12. A directory listing with CSS

    In this article I'll explain how to format a directory listing by using CSS.

  13. Formatting a tag cloud with CSS

    In this article I'll explain how to format a tag cloud by using CSS.

  14. CSS and XML

    In this article I'll explain how to format a well-formed XML document by using CSS.

  15. CSS counters

    In this article I'll explain how to use CSS counters by providing some useful examples.

  16. Semantic XHTML

    In this article I'll review the most common XHTML elements by providing a short description of their semantic role and scope. The intended purpose of this article is to explain why we should write our markup with semantics in mind.

  17. CSS hacks

    This article contains a detailed review of the most common CSS hacks, plus some practical reasons for avoiding hacks by deploying other techinques.

  18. CSS syntax

    This article provides a detailed review of the CSS syntax, with some useful descriptions of syntax errors and parsing bugs.

  19. Web standards and CSS

    In this article I'll introduce Cascading Style Sheets through a brief historical overview on its origin and some remarks about standards and their usage. I'll explain what is CSS, why it's been created, why we should know CSS and, overall, why CSS can be regarded as the present and the future of web documents.