Preview websites with a CSS style switcher
There are several methods available (see Sitepoint and PHP Style Switcher) where websites allow their web visitors to change website styles by clicking on a link. This is a powerful CSS method to provide an ‘alternative’ website – whether for accessibility reasons – or simply to provide a different user experience for your web visitors.
It is also useful during any website project to provide different website versions to enable the client to change colours, fonts, and layouts. This immediate visualisation can be very helpful in any draft website decisions. A CSS style switcher can be used to do this. We have used the style switcher from A List Apart.
The main work involved is to create different stylesheets but in some cases the changes between each stylesheet will be very small.
This is the method that we use to enable website clients to view alternative website ideas on-the-fly. Everybody concerned gets instant feedback. It seems to work quite well.
Related Posts
Comments
Next · Previous
Stunning CSS3: A Project-Based Guide: Use this book to work through a series of practical yet cutting-edge projects. Each chapter walks you through standalone exercises that you can integrate into projects you're working on, or use as inspiration.
» Buy from Amazon.com · Amazon.co.uk
We Like
ThemeForest sell a range of site templates from some fantastic designers. They also sell some great WordPress themes!
Online invoicing made easy with CurdBee!
» Sign up
Join SugarSync for online backup. Sync your files between Mac, PC and mobile phone. Get 5 GB FREE and up to 10 GB bonus space!
Featured Book
HTML5 and CSS3 for the Real World will show you how to create websites using these new methods.
This easy-to-follow guide covers everything you need to know to get started. You’ll master the new semantic markup available in HTML5, as well as how to use CSS3 without sacrificing clean markup or resorting to complex workarounds. Buy the Book! · FREE Chapters
