Design Resources

Free download of The Art & Science Of CSS! Nov 18, 2008

For the next 14 days, one of SitePoint’s most popular books is available to download for FREE. Just follow us on Twitter, and you’ll receive a PDF of the top selling “The Art & Science Of CSS.”



BlueTripCSS - Combination of Popular CSS Frameworks Nov 10, 2008

Capsize Designs combines good points of most popular css frameworks: 960.gs, Blueprint, LogiCSS, YAML, Elements, YUI, and Boilerplate



Using jQuery for Background Image Animations Sep 23, 2008

Changing the position of the background image felt to be the best approach to creating the type of effect we’re looking for.



Custom HTML Form Elements Jul 01, 2008

This JavaScript and CSS will allow you to use custom images for checkboxes, radio buttons and select lists.



How to get Cross Browser Compatibility Every Time Jun 19, 2008

Here is a quick summary for those of you who don’t want to read the whole article:
1. Always use strict doctype and standards-compliant HTML/CSS
2. Always use a reset at the start of your css
3. Use opacity:0.99 on text elements to clean up rendering in Safari
4. Never resize images in the CSS or HTML
5. Check font rendering in every browser. Don’t use Lucida
6. Size text as a % in the body, and as em’s throughout
7. All layout divs that are floated should include display:inline and overflow:hidden
8. Containers should have overflow:auto and trigger hasLayout via a width or height
9. Don’t use any fancy CSS3 selectors
10. Don’t use transparent PNG’s unless you have loaded the alpha



IETester Jun 03, 2008

IETester is a free WebBrowser that allows you to have the rendering and javascript engines of IE8 beta 1, IE7 IE 6 and IE5.5 on Vista and XP, as well as the installed IE in the same process.



Sliding JavaScript Dropdown Menu Apr 29, 2008

This lightweight drop down menu script (~1.8kb) allows you to easily add smooth transitioning dropdowns to your website. This can be used for navigation, dropdown lists, info panels, etc.



Multilevel Drop Down Navigation Menus: Examples and Tutorials Apr 18, 2008

This article presents over 25 (horizontal and vertical) multilevel drop down menu built using Javascript and CSS which you can use in your future projects. Also you will find some useful tutorials at the end of this post where you can use to start building your own multilevel navigation menu.



10 best CSS hacks Feb 18, 2008

list of 10 hand picked CSS hacks and tricks which can help you in your CSS code and also save some time.
Vertical align div, Min-Height, PNG transparency, Autoclear, Reset CSS, Scrolling Render IE, Opacity, PRE Tag, Li Background Repeat IE



Even More Rounded Corners With CSS Jan 17, 2008

Yet another technique for the Rounded Corners. CSS-only, no Javascript, Fluid layout, width/height, Single PNG image, Standard Module Format-based content markup