CSS Specificity is the weight (and value) a web browser gives to a particular CSS rule. Browsers give preference to rules which have a higher weight (the fatter the better!). Rules that have a higher weight will overwrite rules that have a lower weight. Let's take a look at a simple example below.
A Simple Example of CSS Specificity
background: #0000FF; /** blue */
background: #FF0000; /** red */
In t... Read more.
Every once in a while, I'll be posting some tips on web development. These are tips I may have gotten from the web or from my own experience, and they could be on anything related to web development. So without further ado, here are the first tips of many to come!
Tip #1: Using jQuery to "Check All" checkboxes in a list
This is a handy tip I've incorporated in many of my projects. If you have a list of checkboxes, it's nice to give the user the option of checking all the boxe... Read more.
By now all of us at one time or another have had to read a construed image and type the letters and numbers we saw into a textbox. This test is what is known as a CAPTCHA, and it prevents bots (programs created to spam websites among other objectives) from submitting a form on a website. The reason it prevents bots from submitting a form (and its agenda) is because bots can't decipher the text within an image, and thus it cannot fill out the correct response in the textbox. Alt... Read more.
I've just released a new application for you CSS developers out there - a CSS Image Sprite Generator. Enjoy!
CSS Image Sprite Generator | Demo: Click Here
The CSS Image Sprite Generator takes a zip file containing images in either GIF, PNG or JPG format and creates a CSS Sprite out of them (a sprite is one image containing multiple images). This tool will create the CSS sprite for you to download and generate CSS code for you to use in your design.
... Read more.