Techniques for extending your website with CSS

Conclusion

The use of CSS instead of table layouts or Javascript (or, worse, Flash) makes your website much more accessible, as well as making it easier, tidier, and more maintainable. But bear in mind that you might face problems with some browsers (notably IE6) that don't implement the standards properly.

Make sure you check everything thoroughly on multiple browsers (including lynx, w3m, or another text-only browser) to ensure that your design is still usable if some of the snazzier options don't work properly.

For more examples of just what you can do with CSS, visit the CSS Zen Garden [3], an eye-opening site showing the power of CSS.

Infos

  1. Cascading Style Sheets homepage: http://www.w3.org/Style/CSS/
  2. Guide to Cascading Style Sheets: http://htmlhelp.com/reference/css/
  3. CSS Zen Garden: http://www.csszengarden.com/

The Author

Juliet Kemp, who has been playing around with Linux ever since she found out that it was more fun than Finals revision, has been a sys admin for around five years. She is probably slightly obsessive about accessibility and tidy HTML.

Buy this article as PDF

Express-Checkout as PDF
Price $2.95
(incl. VAT)

Buy Linux Magazine

SINGLE ISSUES
 
SUBSCRIPTIONS
 
TABLET & SMARTPHONE APPS
Get it on Google Play

US / Canada

Get it on Google Play

UK / Australia

Related content

  • Cascading Style Sheets

    Cascading Style Sheets (CSS) help you polish up your websites without taking a crash course in programming.

  • AJAX Workshop

    Books were the original model for website design. Navigation was similar to flipping the pages. Thanks to AJAX, many state-of-the-art websites now behave like desktop applications.

  • ODF Compatibility

    What happens when you feed an ODT document created with OpenOffice to a word processor like AbiWord, KWord, or Writely? Read on to find out.

  • Web Design with GIMP

    Good homepage design is a question of the layout. Sometimes the best option is to use a graphics program to design the page, then translate the result into HTML code. The versatile image manipulation program GIMP can help.

  • Adding Word Count to DokuWiki
comments powered by Disqus

Direct Download

Read full article as PDF:

026-030_css.pdf  (844.27 kB)

News