Developer Notebook Bloghttp://daveweaver.net/(none)en-usThu, 04 Jan 2007 16:11:53 GMTConnectServer Sites 1.8.5223.2david.weaver@missionresearch.comdavid.weaver@missionresearch.comhttp://daveweaver.net/notebook,trackback,CSSCheatSheetshttp://daveweaver.net/pingback.aspxhttp://daveweaver.net/notebook,permalink,CSSCheatSheetshttp://daveweaver.net/notebook,commentview,CSSCheatSheetshttp://daveweaver.net/SyndicationService.asmx/GetEntryCommentsRss?guid=b55e22de-7721-4eca-bde5-5eebaa8c47e8

Here are a few links that you may find helpful if you're into web design using CSS. I'm always finding myself searching for the right values for different CSS properties.

http://www.ilovejackdaniels.com/cheat-sheets/css-cheat-sheet/ is the one of the two cheat sheets I keep handy. It has a good list of common CSS properties. The other one that I've recently started referring to is http://lesliefranke.com/files/reference/csscheatsheet.html. This one contains both properties and common values.

Visibone also makes a CSS Example Chart that I have yet to find useful, but you may. Visibone actually has a bunch of quick reference sheets for web developers. I have used their JavaScript Quick Reference and that proved to be helpful.

CSS Cheat Sheetshttp://daveweaver.net/notebook,permalink,CSSCheatSheetshttp://daveweaver.net/notebook,permalink,CSSCheatSheetsThu, 04 Jan 2007 16:11:53 GMT<p><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; margin: 0px 20px 20px 0px; border-right-width: 0px" height="160" src="http://daveweaver.net/media/blog/WindowsLiveWriter/CSSCheatSheets_E513/csscheatsheet4.jpg" width="150" align="left" border="0"> Here are a few links that you may find helpful if you're into web design using CSS. I'm always finding myself searching for the right values for different&nbsp;CSS properties. </p> <p><a title="http://www.ilovejackdaniels.com/cheat-sheets/css-cheat-sheet/" href="http://www.ilovejackdaniels.com/cheat-sheets/css-cheat-sheet/">http://www.ilovejackdaniels.com/cheat-sheets/css-cheat-sheet/</a>&nbsp;is the one of the two cheat sheets I keep handy. It has a good list of common CSS properties.&nbsp;The other&nbsp;one that I've recently started referring to is <a title="http://lesliefranke.com/files/reference/csscheatsheet.html" href="http://lesliefranke.com/files/reference/csscheatsheet.html">http://lesliefranke.com/files/reference/csscheatsheet.html</a>. This one contains both properties and common values. </p> <p><a title="Visibone.com" href="http://www.visibone.com" target="_blank">Visibone</a> also makes a <a title="CSS Example Chart" href="http://www.visibone.com/html/hxcht_840.jpg" target="_blank">CSS Example Chart</a>&nbsp;that I have yet to find useful, but you may. Visibone actually has a bunch of quick reference sheets for web developers. I have used their <a title="JavaScript free online quick reference" href="http://javascript-reference.info/" target="_blank">JavaScript Quick Reference</a> and that proved to be helpful. </p>http://daveweaver.net/notebook,commentview,CSSCheatSheetscss;tools;web
http://daveweaver.net/notebook,trackback,LightboxForPhotoOverlayshttp://daveweaver.net/pingback.aspxhttp://daveweaver.net/notebook,permalink,LightboxForPhotoOverlayshttp://daveweaver.net/notebook,commentview,LightboxForPhotoOverlayshttp://daveweaver.net/SyndicationService.asmx/GetEntryCommentsRss?guid=351ce37c-e3a8-49d8-893e-e7411f745b40

I've run across a neat little script that makes popping up fullsize images from a thumbnail very simple and elegant. I liked it so much that I've integrated the script into this website framework for any images posted to the blog pages. Here's an example:

disney-world.jpg

Integrating it into your own website is very simple too.

Lightbox for photo overlayshttp://daveweaver.net/notebook,permalink,LightboxForPhotoOverlayshttp://daveweaver.net/notebook,permalink,LightboxForPhotoOverlaysTue, 10 Jan 2006 17:06:10 GMT<p>I've run across a <a href="http://www.huddletogether.com/projects/lightbox/" title="Lightbox">neat little script</a> that makes popping up fullsize images from a thumbnail very simple and elegant. I liked it so much that I've integrated the script into this website framework for any images posted to the blog pages. Here's an example: </p> <p><a href="http://daveweaver.net/media/blog/113691288190.jpg"><img src="http://daveweaver.net/media/blog/113691288190_tn.jpg" alt="disney-world.jpg" border="0" id="113691288190.jpg" title="disney-world.jpg" /></a> </p> <p>Integrating it into your own website is very simple too. </p>http://daveweaver.net/notebook,commentview,LightboxForPhotoOverlayscss;design;tools;web
http://daveweaver.net/notebook,trackback,HowToImplementCoolCSSBoxShadowshttp://daveweaver.net/pingback.aspxhttp://daveweaver.net/notebook,permalink,HowToImplementCoolCSSBoxShadowshttp://daveweaver.net/notebook,commentview,HowToImplementCoolCSSBoxShadowshttp://daveweaver.net/SyndicationService.asmx/GetEntryCommentsRss?guid=2bef9501-9421-4fbf-8dd3-02e1050019fe

Until the box shadow CSS property is implemented, this is a great way to make cool looking shadows around HTML elements on your site. http://theshapeofdays.com/2005/11/my_contribution.html

How to Implement Cool CSS Box Shadows http://daveweaver.net/notebook,permalink,HowToImplementCoolCSSBoxShadowshttp://daveweaver.net/notebook,permalink,HowToImplementCoolCSSBoxShadowsSun, 18 Dec 2005 21:04:42 GMT<p>Until the box shadow CSS property is implemented, this is a great way to make cool looking shadows around HTML elements on your site. <a href="http://theshapeofdays.com/2005/11/my_contribution.html">http://theshapeofdays.com/2005/11/my_contribution.html</a> </p>http://daveweaver.net/notebook,commentview,HowToImplementCoolCSSBoxShadowscss;design;web
http://daveweaver.net/notebook,trackback,FreeCSSNavigationTabDesignshttp://daveweaver.net/pingback.aspxhttp://daveweaver.net/notebook,permalink,FreeCSSNavigationTabDesignshttp://daveweaver.net/notebook,commentview,FreeCSSNavigationTabDesignshttp://daveweaver.net/SyndicationService.asmx/GetEntryCommentsRss?guid=5ea5e7ae-1e56-421c-9da3-dfeeec60aadf

Exploding Boy has put together a selection of free CSS tab designs that may come in handy as we are creating a library of designs for our GiftWorks hosted websites.

Free CSS Navigation Tab Designshttp://daveweaver.net/notebook,permalink,FreeCSSNavigationTabDesignshttp://daveweaver.net/notebook,permalink,FreeCSSNavigationTabDesignsSat, 17 Dec 2005 19:16:26 GMT<p><a href="http://www.exploding-boy.com/">Exploding Boy</a> has put together a selection of <a href="http://www.exploding-boy.com/2005/12/15/free-css-navigation-designs/">free CSS tab designs</a> that may come in handy as we are creating a library of designs for our GiftWorks hosted websites. </p>http://daveweaver.net/notebook,commentview,FreeCSSNavigationTabDesignscss;design;web