In my previous CSS post I wrote about how one can remove unwanted CSS using Tech 1 and Tech 2. And this article contains few CSS tips that every CSS developer must know. Avoiding inefficient key selectors that match large numbers of elements can speed up page rendering.
You might have been observed on many web pages, when you mouse over on any image it disappears for 2-3 seconds and when you mouse over next time it works well, why it happens? The answer is simple the image which is on hover class is not been loaded yet, as a result when you mouse over first time it takes time to load but when you mouse over next time it
For <ul> <li> we need to adjust spacing between the bullet and the text. So I write CSS for ul li but when I want to edit those properties, it’s a bit confusing which property is being used and where. In order to explain this I have a small demonstration using below image that will help you understand CSS properties used in the following example.
I love to use CSS3 properties which is capable of doing enormous things. Lets take an example say border-radius that helped me reducing unwanted structural markup of my HTML file.
On the other hand lets talk about CSS3 Gradient property. I use to skip some CSS3 property like CSS Gradient because it becomes tedious to write its color codes
In one of my previous article “Remove all unused CSS selector” I wrote about how one can remove unused selector from his stylesheet using Dust-Me-Selectors, similarly I found an Addon which has few benefit over Dust me selectors. CSS Usage is a Mozilla extension which finds unused selectors and can be exported a new file.
It detects all unused CSS selector from the stylesheet, and helps removing unwanted classes from your style sheet. This Firefox extension “dust me selector” is very useful for keeping your stylesheet clean.
Overflow:hidden becomes undesirable to use at absolute positioned element it cuts off the element. So we can make use of clearfix technique. Clear element without structural markup.
Most people use CSS Stylesheets or CSS hacks for browser compatibility. Here is a way to use HTML/CSS for cross browser in a smart way. Here is a small tip about how to improve your code, that takes care of cross browser compatibility issues.
If you are starting off learning CSS, online tools to create CSS code are quite useful. Recently I wrote about creating CSS borders without coding knowledge which was useful for the amateur. I found another nice tool to create 3 color gradients in CSS with an online website. 3 Color Gradient Generator with CSS 3 […]
We have covered a few posts on CSS for developers. The last one I had written had information on how to create CSS borders without having coding knowledge. I came across this helpful website online which can help you use predefined CSS codes which with a User Interface which is simple and probably can speed […]