As a web developer, your job is not only to create feature-rich web applications and websites, but also make them load fast. The digital world demands perfection, and that's why you cannot ignore website loading speed optimization.
In this article, we will focus on one aspect of website loading optimization, i.e., optimize CSS to make the website load fast.
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.
Seeing a <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.
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.
