Style Sheets
  Home arrow Style Sheets arrow Customizing Styles: User-Controlled Style ...
Dev Articles Forums 
ADO.NET  
Apache  
ASP  
ASP.NET  
C#  
C++  
ColdFusion  
COM/COM+  
Delphi-Kylix  
Design Usability  
Development Cycles  
DHTML  
Embedded Tools  
Flash  
Graphic Design  
HTML  
IIS  
Interviews  
Java  
JavaScript  
MySQL  
Oracle  
Photoshop  
PHP  
Reviews  
Ruby-on-Rails  
SQL  
SQL Server  
Style Sheets  
VB.Net  
Visual Basic  
Web Authoring  
Web Services  
Web Standards  
XML  
Mobile Linux 
App Generation ROI 
IBM® developerWorks 
Weekly Newsletter
 
Developer Updates  
Free Website Content 
 RSS  Articles
 RSS  Forums
 RSS  All Feeds
Write For Us Get Paid 
Request Media Kit
Contact Us 
Site Map 
Privacy Policy 
Support 
 USERNAME
 
 PASSWORD
 
 
  >>> SIGN UP!  
  Lost Password? 
STYLE SHEETS

Customizing Styles: User-Controlled Style Sheets, part 1
By: Alejandro Gervasio
  • Search For More Articles!
  • Disclaimer
  • Author Terms
  • Rating: 5 stars5 stars5 stars5 stars5 stars / 14
    2005-04-06

    Table of Contents:
  • Customizing Styles: User-Controlled Style Sheets, part 1
  • There's an ID out there: changing styles by ID
  • What's your name? Changing styles by tag name
  • Flexible style changes: keeping it maintainable with CSS
  • The real style switcher

  • Rate this Article: Poor Best 
      ADD THIS ARTICLE TO:
      Del.ici.ous Digg
      Blink Simpy
      Google Spurl
      Y! MyWeb Furl
    Email Me Similar Content When Posted
    Add Developer Shed Article Feed To Your Site
    Email Article To Friend
    Print Version Of Article
    PDF Version Of Article
     
     
    ADVERTISEMENT


    Customizing Styles: User-Controlled Style Sheets, part 1


    (Page 1 of 5 )

    Giving your visitors more control over how they see your website makes for a very user-friendly experience. If you get a lot of visually impaired Web surfers, you might want to set up a "switcher" to allow them to switch between the default version and a high-contrast version of your website. In this first of a three-part article series, Alejandro Gervasio explains a couple of simple ways to set this up.

    Introduction

    As websites progressively evolved from simple static text-based linked documents to highly complex and sophisticated dynamic applications, we've all been witnesses and creators of some kind of computer-dependant artwork, focused primarily on delivering content with a combination of two essential factors: efficiency and elegant visual presentation.

    While this evolution process has been quite painful and certainly not always headed in the right direction, the overall result is pretty satisfactory. Now, we have fast, powerful database-driven sites, which offer huge amounts of packaged data to more and more demanding visitors, delighting them with customized user interfaces, customized contents, customized designs, and even customized bugs.

    But that's fine, don't you think? After all, we're not cold impersonal machines. We're individuals! And we really need to enjoy some personal touches, including those that we see every day in many websites. In fact, the other day I saw a site promoting a "customized" alien abduction experience. Huh? It sounded very intriguing to me! I promise I'll find out more and tell you about it...if "they" ever let me come back…

    In the meantime, on the Earth, conscientious Web developers hopefully have realized that users need a high degree of personalization when surfing a site, particularly people who have serious visual impairment. Visitors with this kind of problem can read Web pages, but may need high-contrast displayed documents and large font typefaces in order to do so. So, in a valid attempt to increase a site's accessibility and perhaps usability, we might try allowing users to change the styles of Web page elements, as an add-on to accessibility tools already present in today's browsers.

    Yes, I know you're busy with important things (maybe trying to get a high score in DOOM 3), but the challenge is promising; I mean it. Just take a short time to read the next few lines and see how easy it is to let users choose their favorite page style. Are you with me? Fine, we're together in this mission!

    More Style Sheets Articles
    More By Alejandro Gervasio


       · For novice or intermediate-level developers, this article introduces in a very...
       · when you can simply change the id of the body and make your CSS dependent on...
       · I agree at least partially with you. While your point of view might be correct on...
       · It is simply bad practise to use it in an obtrusive way. While JavaScript can...
       · Yes, now we're getting to agree. Indeed, the link could be added via the DOM. This...
       · "Yes it makes sense to stop at red lights, but all we wanted to explain people is...
       · Deninitively, the fact in adding a link without using the DOM, is not the same that...
       ·  :Deninitively, the fact in adding a link without using the DOM, is not the same...
       · Well, perhaps a JavaScript dependent link mixes the structure of a document with its...
       · How can you know that when you don't know the articles :-)
       · At least, it's my best hope.Thanks
     

    STYLE SHEETS ARTICLES

    - Image Replacement CSS Techniques
    - Using BlueTrip`s Success, Notice and Error C...
    - More Uses for the Thin and Caps CSS Classes ...
    - Styling Definition Lists with the BlueTrip C...
    - Styling Unordered and Ordered HTML Lists wit...
    - Using the BlueTrip CSS Framework`s Thin and ...
    - Adding Borders to Web Page Columns with Blue...
    - Introducing the BlueTrip CSS Framework
    - Using a Background Grid to Assist Web Page L...
    - Extending the Rule Of Thirds for Web Page La...
    - A Two-Column Web Page Layout Based on the Ru...
    - Using the Rule Of Thirds for Web Page Layout
    - Swapping Columns Using the Divine Ratio for ...
    - Using the Golden Ratio in Liquid Web Page De...
    - Fundamental Design Principles for Web Page L...







    © 2003-2009 by Developer Shed. All rights reserved. DS Cluster 6 Hosted by Hostway
    For more Enterprise Application Development news, visit eWeek