I remember when I first started working with websites more than a decade ago, if you wanted a cool looking button in your form, you had to use images. Images still remain an option but with CSS this has is being gradually phased out. CSS3 completely eliminates the need for images for creating basic good looking designs.
If you’re a website designer, a WordPress theme developer or just a single site owner, you’ll most likely be using a whole set of CSS styles to generate that perfect design. But, before you’ve got that design ready to deploy across your site(s) or provide for users it is a good idea to check your styles for consistency and compatibility especially since we’re in a world with several different browsers on different operating systems on different devices. CSS Lint is an open source CSS code quality tool that performs static analysis of source code and flags patterns that might be errors or otherwise cause problems for the developer.
There are plenty of articles out there written by great CSS masters that will tell you about whatâ€™s, why’s and whoâ€™s of CSS. So if you want an in-depth analysis of CSS you’d better off reading an article by Eric Meyer or by some of the other CSS greats out there. This article is about bringing you up to speed with CSS 3 and how it makes the life of an average graphic designer who has to deal with css on a daily basis, easier.
You must have seen the tabbed interface on several professional blogs. The same is also present on this blog in the sidebar to the right. In fact, I’ve had this running on this blog as well as my personal blog for a long time now, where I displayed post details.
CSS (Cascading Style Sheets), a very effective thing for a site / blog these days. They give you the chance to be completely consistent with the look and feel of your pages, while giving you much more control over the layout and design than straight HTML ever did. The speed of your site also depends on your CSS, the complex the code, the slower is the site.
In CSS 101: Handling multiple rules for the same element, Tony Patton explains how multiple CSS rules for the same element are handled.
I complained about a major bug with this design in Internet Explorer 6. The sidebar kept scrolling to the bottom. I didn’t have IE6 with me and hence was stuck.
I’m rather frustrated. I’ve been using Internet Explorer 7 at home and didn’t realize that this site is all screwed in Internet Explorer 6 until it was pointed out to me. I’m at a friends place trying to debug the problem, but it just doesn’t seem to want to go away!