Lindsay Donaghe's Library tagged css →  View Popular

A sandbox for building and styling HTML. Good for prototyping or playing with a technique.

htmlplayground.com - Preview

html css sandbox tools web design development

A tool that will generate browser specific CSS for you and package it all up in a C# HttpHandler (ASHX) so that it will deliver only the CSS for the browser that makes the request. Interesting idea to get around having to use browser hacks and still have all your code in one file for easy maintenance.

www.conditional-css.com - Preview

css tools generator C# php web development design crossbrowser optimization opensource

Great list of CSS tools, tutorials and generators. Good resources for web design.

www.smashingmagazine.com/...50-really-useful-css-tools - Preview

web development tools css design linklist

Tutorial demo on how to make containers on web pages that are shaped like triangles and other polygons with regular and irregular straight edges using no graphics. This is an exploit of how browsers render borders to produce straight angles. Cool technique.

infimum.dk/slantinfo.html - Preview

css tutorials web design development codesnippets

Tutorial demo on how to make containers with irregular straight edges (angles) using only CSS/HTML (no graphics).

meyerweb.com/...demo.html - Preview

css codensippets web design development tutorials

A set of CSS standards for a generic cross-browser rendering of HTML 4 tags. It resets all elements and browser defaults so you can start with a standard base. Separates content from typographical layout and supports W3C standards. Also includes a demo generator with different 3 column/header/footer layouts.

devkick.com/tripoli - Preview

css html generator web development codesnippets downloads standards

An implementation of the CSS Sprites approach to elements with changing image states that is wrapped in a jQuery plugin. Allows you to choose the transition animation between the states which is a nice enhancement from the standard CSS only version.

www.newmediacampaigns.com/...g-an-unobtrusive-jquery-plugin - Preview

css javascript jquery plugin web development codesnippets downloads

Handy tool by the YUI guys that will generate the HTML/CSS for you for page layouts with parts you specify (columns, text wrapping, headers, footers, etc.). Also optimizes for SEO by letting you put the most important containers first in document order even if they're not arranged that way on the displayed page. Nice tool.

developer.yahoo.com/grids - Preview

css generator yahoo web development design javascript yui tools

Well done list of CSS best practices with links to other resources that take them further. Great link to hand over to friends who are getting started with CSS or need some refreshers.

www.smashingmagazine.com/...f-clean-and-optimized-css-code - Preview

css development guidelines guide web tutorials bestpractices

Nice list of extreme CSS tutorials and examples.

www.noupe.com/...ve-examples-and-tutorials.html - Preview

linklist css tutorials web development

A javascript library that encapsulates the image manipulation features of the popular browsers. Features only work in browsers that support them, of course, but the library standardizes the access to them so that you don't have to worry about making those checks yourself. Uses some of the features of HTML 5.0's canvas for browsers that can use that.

www.nihilogic.dk/imagefx - Preview

javascript libraries library downloads graphics effects css

A set of free small icons with transparent backgrounds so the color of the icons can be designated by CSS. They also come with 3 border styles, block, rounded courners and nearly circular. I think they could be used as sprites as well.

somerandomdude.net/...sanscons - Preview

icons graphics web design development free downloads library css

A set of hack-less CSS examples of various liquid layout configurations. A nice starting point when designing a site. Some of the layouts are relatively complex. This will save a lot of time on the next project.

matthewjamestaylor.com/...ct-multi-column-liquid-layouts - Preview

css web development tutorials codensippets layout

How to get rid of those annoying dots around active links in FF and IE (for use with the text-indent method of image replacement).

sonspring.com/...removing-dotted-links - Preview

css troubleshooting web development codesnippets firefox ie

Examples of CSS tweaks for use with the few standard fonts that are available on everyone's computers to create elegant typography for websites. Interesting uses of letter-spacing and line-height to dress up your limited font choices.

www.3point7designs.com/...typography-and-how-they-did-it - Preview

fonts typopgraphy css web design inspiration codesnippets typography

Using WebKit's latest implementation (Safari 3.1) to exhibit CSS transforms. It's really cool! Still works but not as "slick" in other browsers because of the jQuery slider, and the author is going to port it to work with the new canvas element supported in FireFox 3.0.

paulbakaus.com/?p=6 - Preview

jquery javascript webkit css demos ajax ria coolstuff safari

A CSS framework that promotes standard print typographical rules. Base on the 960 Grid System. It allows easy user resizing of text because it's standardized on EMs. It also supports "vertical rhythm" ensuring that all lines of text line up horizontally.

csswizardry.com/typogridphy - Preview

css downloads libraries web development typography

Some tools to help with debugging and troubleshooting web development contained as bookmarklets. Some of these do what FireBug or some of the standard sidebar tools in FireFox do, but could be useful in other browsers.

www.squarefree.com/...webdevel.html - Preview

css web development debugging troubleshooting bookmarklets firefox tools javascript

How to use CSS to find things in legacy HTML that should be cleaned up to make the site more accessible, such as font and center tags, and leaving alt text off of images.

24ways.org/...diagnostic-styling - Preview

css troubleshooting debugging accessibility ui techniques codesnippets

How to use the IE proprietary expression attribute to fix the IE specific problem of not rendering min and max-heights in a compliant way. The downfall is that it will fail if the user has disabled javascript.

perishablepress.com/...and-width-in-internet-explorer - Preview

css ie web development expression javascript tutorials codesnippets