noisylime » CSS http://noisylime.com a blog about design and other cool things... Tue, 09 Feb 2010 14:52:53 +0000 http://wordpress.org/?v=2.8.6 en hourly 1 jQuery MagicLine Navigation http://noisylime.com/2010/02/09/jquery-magicline-navigation/ http://noisylime.com/2010/02/09/jquery-magicline-navigation/#comments Tue, 09 Feb 2010 14:52:53 +0000 PDL http://noisylime.com/?p=439
These “sliding” style navigation bars have been around a while, I just thought I’d take a crack at doing it myself as the opportunity came up recently. Turns out it’s really pretty darn easy. I put two examples together for it.

Link

]]> http://noisylime.com/2010/02/09/jquery-magicline-navigation/feed/ 0 CSS PRISM http://noisylime.com/2010/01/07/css-prism/ http://noisylime.com/2010/01/07/css-prism/#comments Thu, 07 Jan 2010 17:17:36 +0000 PDL http://noisylime.com/?p=431 cssprismhome
check it out.

]]> http://noisylime.com/2010/01/07/css-prism/feed/ 0 Grid System for Web Designin’ http://noisylime.com/2009/05/13/grid-system-for-web-designin/ http://noisylime.com/2009/05/13/grid-system-for-web-designin/#comments Wed, 13 May 2009 12:57:16 +0000 PDL http://noisylime.com/2009/05/13/grid-system-for-web-designin/ h11.gif
Check out the 960 grid system.

There is also one called blueprint, which can be found here.

]]> http://noisylime.com/2009/05/13/grid-system-for-web-designin/feed/ 0 Min-Height in ie6, woo hoo http://noisylime.com/2009/01/29/min-height-in-ie6-woo-hoo/ http://noisylime.com/2009/01/29/min-height-in-ie6-woo-hoo/#comments Fri, 30 Jan 2009 00:17:53 +0000 PDL http://noisylime.com/2009/01/29/min-height-in-ie6-woo-hoo/ id {
min-height:500px;
height:auto !important;
height:500px;
}

Thanks, Dustin

]]> http://noisylime.com/2009/01/29/min-height-in-ie6-woo-hoo/feed/ 1 s3slider jQuery plugin http://noisylime.com/2008/12/01/s3slider-jquery-plugin/ http://noisylime.com/2008/12/01/s3slider-jquery-plugin/#comments Mon, 01 Dec 2008 18:43:45 +0000 PDL http://noisylime.com/2008/12/01/s3slider-jquery-plugin/ pretty slick image fading with description overlay.
LINK

]]> http://noisylime.com/2008/12/01/s3slider-jquery-plugin/feed/ 0 CSS buttons with icons http://noisylime.com/2008/06/12/css-buttons-with-icons/ http://noisylime.com/2008/06/12/css-buttons-with-icons/#comments Thu, 12 Jun 2008 20:33:31 +0000 PDL http://noisylime.com/2008/06/12/css-buttons-with-icons/ buttonnice.gif

Download the code from my friends at woork.

link

]]> http://noisylime.com/2008/06/12/css-buttons-with-icons/feed/ 0 CSS Text Wrap: Squeeze that text around any line http://noisylime.com/2008/01/11/css-text-wrap-squeeze-that-text-around-any-line/ http://noisylime.com/2008/01/11/css-text-wrap-squeeze-that-text-around-any-line/#comments Fri, 11 Jan 2008 15:31:44 +0000 PDL http://noisylime.com/2008/01/11/css-text-wrap-squeeze-that-text-around-any-line/ Sick of those straight lines that your text follows? Rounded corners can only do so much? Now, a new tool is here to help you out: CSS Text Wrap.

The CSS Text Wrapper allows you to easily make HTML text wrap in shapes other than just a rectangle. You can make text wrap around curves, zig-zags, or whatever you want. All you have to do is draw the left and right edges below and then copy the generated code to your website

On the flip side, you get a choice of inline HTML (below), XHTML with CSS classes, or JavaScript.

CSS Text Wrap

[via Ajaxian]

]]> http://noisylime.com/2008/01/11/css-text-wrap-squeeze-that-text-around-any-line/feed/ 0 Test Everything… 100+ tools in one! http://noisylime.com/2007/07/11/test-everything-100-tools-in-one/ http://noisylime.com/2007/07/11/test-everything-100-tools-in-one/#comments Wed, 11 Jul 2007 17:01:54 +0000 PDL http://noisylime.com/?p=267 Enter your url and let this tool check css validation, google backlinking, url history, network status, etc.

LINK

]]> http://noisylime.com/2007/07/11/test-everything-100-tools-in-one/feed/ 0 Script.aculo.us Effect.Tooltip http://noisylime.com/2007/07/09/scriptaculous-effecttooltip/ http://noisylime.com/2007/07/09/scriptaculous-effecttooltip/#comments Mon, 09 Jul 2007 20:59:09 +0000 PDL http://noisylime.com/?p=261 Nick Stakenburg has written a nice simple tooltip built on Script.aculo.us called Effect.Tooltip.

It is as simple to setup as:

JAVASCRIPT:
  2. new Effect.Tooltip(element, content, {title : 'title', className: 'class', offset: {x:0, y:0}});

Effect.Tooltip

[via Ajaxian]

]]> http://noisylime.com/2007/07/09/scriptaculous-effecttooltip/feed/ 0 Glossy.js http://noisylime.com/2007/06/20/glossyjs/ http://noisylime.com/2007/06/20/glossyjs/#comments Wed, 20 Jun 2007 19:58:39 +0000 PDL http://noisylime.com/?p=243 glossy.jpgGlossy.js 1.2 allows you to add corners and shading and shadow to images on your webpages (alternatively: corner.js). It uses unobtrusive javascript to keep your code clean.

It works in all the major browsers – Mozilla Firefox 1.5+, Opera 9+, IE6+ and Safari. On older browsers, it’ll degrade and your visitors won’t notice a thing.

LINK

]]> http://noisylime.com/2007/06/20/glossyjs/feed/ 0