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.
Tag Archives: Birthday
CSS Trick – Best Way To Preload An Image Without Using Javascript
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
Useful CSS Tip for Beginners – Set Internal Spacing For <ul> <li>
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.
Gradient Generator – Online Tool to Generate CSS Gradient Property
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
Trim Your Stylesheet To Lose Some Weight [CSS Usage]
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.
Remove All Unused CSS Selector And Keep Your Stylesheet Clean [Firefox Extension]
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.
Clear Parent Element In CSS Using Clearfix
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.
Alternative To Conditional Stylesheets And CSS Hacks
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.
Create 3 color gradient in CSS with online tool
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 […]
Speed up your CSS coding with CSS Generator
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 […]