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
I love working in a field that changes every day. I am a web developer/designer with an agency background. I have empathy for the user first, then developers, then machines. I follow web standards, coding conventions, then, I do whatever it takes to make it work. Visit my contact page, even if you would just like to say hello. To stay in touch, follow me on Twitter
Further Reading on HTML and CSS
- Tips for responsive web design
- Hiding an email address from spambots and spiders
- CSSsprite: Photoshop script combines two images for CSS hover
Further Reading on Productivity & Workflow
- Tips for responsive web design
- Pruning blog posts from syndication feeds
- Project organization: A reasonable file framework