The idea of creating re-usable styles has been around since long before the web.
DTP (Desktop Publishing Software) like Adobe InDesign, Pagemaker, CorelDraw etc. have been using styles to manage page formatting and editing despite the huge amounts of content. Even word-processors like MS-Word use styles you can create for content-features and save for reuse. Styles save time, is what we’re saying.
And it’s the same for web, especially now that CSS is here.
I originally taught myself HTML 4.0 a few years ago, but I found it difficult to make the transition to using xHTML with CSS (Cascading Style Sheets). However, due to being involved with a small website I was forced to make sense of it. In this article I will run through the practical implications of switching between the two, in other words what you will need to do to make your HTML work with stylesheets.
Some browsers don’t support CSS as well as others. Some designs require CSS-hacks to assure browser compatibility. I think that the most used CSS hack must be the use of Conditional Comments, but the major disadvantage of Conditional Comments is that they require to change the HTML file. Sometimes it’s not possible or not convenient to change the HTML, for example when you already have a site with hundreds of pages and you don’t want to add the conditional comments to make use of the new design.
Earlier before I have written an article about current best CSS hacks which you can see here And now here’s the list of today’s most used CSS tricks – tips. I have added image examples for most of them because of critics on CSS hacks article. If you think I have missed any please let me know.
<div class="left green">...</div> block in HTML code might hurt the eyes of a lot of web designers. To identify good and bad id and class names, it is important to understand the idea of the CSS.
The World Wide Web Consortium (W3C) defines CSS2 as:
Professional web site design is important but you don't have to be a licensed professional to get an online space that “says” professional web site design with confidence!
The following design tips will help you to achieve the look alike professional web site design that your business or personalize website has been waiting for.
<abbr>element and "abbr" attribute
Before you start design on a website step back a minute – or two. Think about what a website is REALLY supposed to do for the client as well as the visitor. In its simplest form, a website is there to facilitate a transaction of information between it and the visitor. With this in mind, here are some tips for designing useful web sites:
I was speaking to a site designer starting out the other day, and she asked me the question every newbie wonders; what’s really so wrong with using tables for design?
Anyone with a basic understanding of accessibility and a degradable web browsing experience just shuddered. But I’m pretty sure there’s a few people sat there wondering what actually is so wrong, and this article is for you.
Structure and Visualization
- Do not use the
- Move arrangement attributes (align, valign, width, height) to CSS.
- Do not use tables except showing table data. Using tables for visual formatting is acceptable in complex situations only. Max table nesting can not be great than 3.
- Move attribute "background" to CSS.
- Design of input fields and buttons must be written as class in CSS.
- Styles must be written as external file and linked using