Jason T. Stiles

Expert Web and Mobile Applications Developer

A Primer to CSS Specificity

  • August 16th, 2011
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 div { background: #0000FF; /** blue */ height: 100px; width: 100px; } div.red { background: #FF0000; /** red */ } In t... Read more.

Random Tips on Web Development

  • May 9th, 2011
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.

Alternatives to CAPTCHA

  • May 6th, 2011
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.

New App: CSS Image Sprite Generator

  • April 6th, 2011
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.

Categories

Latest Posts

Chrome Developer Tools

December 10th, 2012

I just did a Lunch & Learn presentation on Chrome Developer tools last week and used the video and accompanying slides as... Read more.

Optimization is King

December 3rd, 2012

Thought I'd share this Google Docs presentation I created a while ago for a Lunch and Learn at the company I am currently wor... Read more.

New Project: OnTask

May 20th, 2012

Started development on a new Task Management Application this weekend - I have dubbed it "OnTask".  Catchy, right? My ob... Read more.