Multiple CSS increases productivity of hiding and showing with display attribute
With the prevalence of DHTML, much less AJAX, I have begun to use separate Cascading Style Sheets for development and publishing. Since styles override each other, the easiest way to accomplish this is to add a second style sheet link after the publishing CSS link and comment it out when one wants to test the page.
“dev.css” contains “display: block;” within all classes that in the publishing CSS contain “display: none;” much like that below:
.profile_box { display: none;} (index.css)
.profile_box { display: block; } (dev.css)
A note about the author
Media designer with experience in interactive, print and video. I have a marketing and advertising agency background and currently work full-time at a full-service agency. Visit my contact page, even if you would just like to say hello. To stay in touch, follow me on Twitter or connect on a variety of other social networks. Thanks for stopping by!
Further Reading on HTML and CSS
- Hiding an email address from spambots and spiders
- CSSsprite: Photoshop script combines two images for CSS hover
- Features and characteristics of a great 404 error page
Further Reading on Productivity & Workflow
- Pruning blog posts from syndication feeds
- Project organization: A reasonable file framework
- Package links for output: Illustrator collection script