Wednesday, February 29, 2012

Ultimate CSS Button Generator

http://www.cssbuttongenerator.com/

Friday, December 9, 2011

Convert icons from ICNS to ICO

Use this cool site:
http://iconverticons.com/

Thursday, November 3, 2011

Introducing iPhone-style Checkboxes

http://awardwinningfjords.com/2009/06/16/iphone-style-checkboxes.html

Saturday, September 17, 2011

Sass

Sass makes CSS fun again. Sass is an extension of CSS3, adding nested rules, variables, mixins, selector inheritance, and more. It’s translated to well-formatted, standard CSS using the command line tool or a web-framework plugin.

http://sass-lang.com/





Thursday, August 25, 2011

CSS Mania with Sass, Compass, & Lemonade

Start Here:
http://youtu.be/b_-HLevIJbc

Saturday, June 11, 2011

jQuery Image RollOver

Here is the JQuery Script

$(function() {
$('img[data-hover]').hover(function() {
$(this).attr('tmp', $(this).attr('src')).attr('src', $(this).attr('data-hover')).attr('data-hover', $(this).attr('tmp')).removeAttr('tmp');
}).each(function() {
$('').attr('src', $(this).attr('data-hover'));
});;
});

Here is the var you add to the img

<br /><img data-hover="second.gif" src="first.gif" /><br />

Here is the original link
http://www.selfcontained.us/2008/03/08/simple-jquery-image-rollover-script/

jQuery Image RollOver

<br />$(function() {<br /> $('img[data-hover]').hover(function() {<br /> $(this).attr('tmp', $(this).attr('src')).attr('src', $(this).attr('data-hover')).attr('data-hover', $(this).attr('tmp')).removeAttr('tmp');<br /> }).each(function() {<br /> $('<img />').attr('src', $(this).attr('data-hover'));<br /> });;<br />});<br />
<br /><img data-hover="second.gif" src="first.gif" /><br />