Category Archives: Web Design

http://geekswithblogs.net/TimH/archive/2006/03/20/72797.aspx

http://spritegen.website-performance.org/ You can’t include animated gifs in the sprite (otherwise they will be still). You can’t include list bullets because if the list item is quiet long, the images under the bullet point icon in the sprite will be shown.

You can download YUICompressor from here: http://yuilibrary.com/downloads/#yuicompressor Extract the package You need Java to execute it (on Ubuntu): sudo apt-get install sun-java6-jre To use it, you can execute this on the command line: cat jquery-*.min.js library.js common.js lists.js tasks.js contexts-mgmt.js … Continue reading →

http://www.pinvoke.com/ http://www.famfamfam.com/lab/icons/silk/

http://www.buttonator.com/

li.filter ul li { margin-top: 5px; } /* any good browser */ * html li.filter ul li { margin-top: 5px; } /* hack for IE6 */ *:first-child+html li.filter ul li { margin-top: 5px; } /* hack for IE7 */

2 floated elements inside a container. The container doesn’t expand to contain the floats. There are a lot of solutions to this, such as sticking in an element to clear the floats (bleh) before closing the container, using the :after … Continue reading →

border-collapse: collapse

.floatingDiv:after { content: ‘.’; height: 0; width: 0; clear: both; visibility: hidden; } With this trick, you don’t need to remember to use clear: both on the next div you don’t want it to float.