CSS Resources

inno · 10th April 06, 07:55 AM

I decided to make a css resource thread, here we go:

Blogs

http://simplebits.com
http://alistapart.com
http://zeldman.com
http://mezzoblue.com
http://maxdesign.com.au

CSS Galleries

Webcreme
CSS Zen Garden
Dark Eye
Design Shack
Stylegala
Tom.ma screenblog
Thesis
CSS Beauty
CSS Import
Styleboost
CSS Vault

CSS Layouts

204 manually selected layouts
3column layouts
Bluerobot layout reservoir
Inknoise layout-o-matic
The noodle incident : boxes
Nemesis project layouts
ThreeColumnLayouts
Layout cook book

CSS Navigation menus

14 free vertical navigation menus
Drop-Down Menus, Horizontal Style
Sliding Doors of CSS
CSS Design: Taming Lists
CSS menus gallery
ADxMenu
CSS Menu Generator
CSS Vault Navigation Resources
Free Menu Designs
V 1.1*
Hybrid CSS Dropdowns
Simplebits Mini-Tab Shapes
Simple CSS Tabs
Simplified CSS Tabs
Simplebits Mini-Tab Shapes 2
CSS Mini Tabs (the UN-tab, tab)
Accessible Image-Tab Rollovers
Suckerfish Dropdowns.
dTree free JavaScript tree menu.
Free css 2 levelmenu
Nundroo navigation menu
0 degree shadow

CSS Techniques

Adam’s Radio/Checkbox customisation
Airtight Corners
Collapsible tables with DOM and CSS
Snook Comments: Behind the Scenes
A CSS framwork
CSS Constants
CSS Hacks Footerstick
CSS Cursors
CSS for bar graphs
CSS submit buttons
Strategies for CSS Switching
CSS tests and experiments
the white-space property
Ticked-off visited links Reloaded
Creating a Star Rater using CSS
Customized borders and corners in flexible layouts – part II
Dynamic Text Replacement
Trimming form fields
Free form for all
Playing Nice with the Other CSS Kids
Soup to Nuts: Making a CSS-based layout start to finish
Language specific styling: quotation marks
MIR image replacement
Naughty or Nice? CSS Background Images
Niceforms
PDF Links Labeling
Quirks mode and strict mode
qTip - CSS Tooltips
Snook's Resizable Underlines
Revised Image Replacement
The Scalable Inline Image Replacement (SIIR) technique
sIFR 2.0: Rich Accessible Typography for the Masses
Two Color sIFR Take Two
sIFR Documentation & FAQ
sIFR Beauty: accessible interface with beautiful headers?
Semantic horizontal Forms
Simple, accessible external links
Simple, accessible "more" links
Simple CSS Image Switcher
Single Image Multi Replacement
Tables with Style
Ten more CSS tricks you may not know
The CSS and XHTML Lab
The Fade Anything Technique
A CSS Stylesheet Collection for Web Forms.
"Sliding Doors" Box– Rounded Corners for All
A Simple, Semantically Correct CSS Box with Clean Code
Using Background-Image to Replace Text

CSS tools, firefox extensions and online services

CSSVista
Will the browser apply the rule(s)?
Generate a CSS layout for your site
CSS Formatter and Optimiser
Colly's CSS rollover generator
CSS Cascading Style Sheet Optimiser
CSS Syntax Checker for BBEdit and TextWrangler
List-u-Like CSS Generator
Nifty Corners: rounded corners without images
CSS Compressor
CSS editor
w3c CSS Validation Service
ColorZilla
Firefox extensions I couldn't live without
MeasureIt 0.3.5
How to create Firefox extensions
New Firefox Extension: X-Ray
Web Developer Extension
Rapid Web Development and Testing with Mozilla Firefox

HTML VALIDATOR (based on Tidy)

If you have any links you'd like to be added, answer in this thread.

stealthyninja · 11th April 06, 02:47 AM

I've been using the HTML Validator extension (based on Tidy) for FireFox for a while now. I find it quite handy for immediate validation of errors in off-line documents I'm busy working on before I upload them or pass them through the W3 validator.

inno · 11th April 06, 10:44 AM

Quote:

Originally Posted by stealthyninja

I've been using the HTML Validator extension (based on Tidy) for FireFox for a while now. I find it quite handy for immediate validation of errors in off-line documents I'm busy working on before I upload them or pass them through the W3 validator.

It seems usable, but my post reaches past the 10000 chars maxlimit with your new link it sums up to 10032 chars, maybe an admin can add it or something or split my post into two, so I can continue adding stuff.

marks · 17th April 06, 06:40 AM

Awesome list, thanks for sharing!

Jonna Blaze · 25th April 06, 12:12 PM

Thanks. Great list!

Jbilsten · 15th May 06, 05:26 PM

As an addendum to the galleries (this one concentrates on pure liquid designs):

Liquid CSS

I should also mention this collection of links:

Web Designers Handbook

DarkSuiyoken · 22nd May 06, 07:12 AM

Add OSWD.org to the list! It's definitely one handy site to learn and get free CSS layouts.

joe · 23rd May 06, 04:10 PM

Thanks for sharing those. A lot I didn't know about.

Andy · 30th May 06, 10:22 AM

You missed off CSS Mania

Justin G · 30th May 06, 01:32 PM

Great links, really helpful.

10th April 06, 07:55 AM	#1
inno WLC Lover Join Date: Apr 2006 Location: Malmö, Sweden Posts: 102	CSS Resources I decided to make a css resource thread, here we go: Blogs http://simplebits.com http://alistapart.com http://zeldman.com http://mezzoblue.com http://maxdesign.com.au CSS Galleries Webcreme CSS Zen Garden Dark Eye Design Shack Stylegala Tom.ma screenblog Thesis CSS Beauty CSS Import Styleboost CSS Vault CSS Layouts 204 manually selected layouts 3column layouts Bluerobot layout reservoir Inknoise layout-o-matic The noodle incident : boxes Nemesis project layouts ThreeColumnLayouts Layout cook book CSS Navigation menus 14 free vertical navigation menus Drop-Down Menus, Horizontal Style Sliding Doors of CSS CSS Design: Taming Lists CSS menus gallery ADxMenu CSS Menu Generator CSS Vault Navigation Resources Free Menu Designs V 1.1* Hybrid CSS Dropdowns Simplebits Mini-Tab Shapes Simple CSS Tabs Simplified CSS Tabs Simplebits Mini-Tab Shapes 2 CSS Mini Tabs (the UN-tab, tab) Accessible Image-Tab Rollovers Suckerfish Dropdowns. dTree free JavaScript tree menu. Free css 2 levelmenu Nundroo navigation menu 0 degree shadow CSS Techniques Adam’s Radio/Checkbox customisation Airtight Corners Collapsible tables with DOM and CSS Snook Comments: Behind the Scenes A CSS framwork CSS Constants CSS Hacks Footerstick CSS Cursors CSS for bar graphs CSS submit buttons Strategies for CSS Switching CSS tests and experiments the white-space property Ticked-off visited links Reloaded Creating a Star Rater using CSS Customized borders and corners in flexible layouts – part II Dynamic Text Replacement Trimming form fields Free form for all Playing Nice with the Other CSS Kids Soup to Nuts: Making a CSS-based layout start to finish Language specific styling: quotation marks MIR image replacement Naughty or Nice? CSS Background Images Niceforms PDF Links Labeling Quirks mode and strict mode qTip - CSS Tooltips Snook's Resizable Underlines Revised Image Replacement The Scalable Inline Image Replacement (SIIR) technique sIFR 2.0: Rich Accessible Typography for the Masses Two Color sIFR Take Two sIFR Documentation & FAQ sIFR Beauty: accessible interface with beautiful headers? Semantic horizontal Forms Simple, accessible external links Simple, accessible "more" links Simple CSS Image Switcher Single Image Multi Replacement Tables with Style Ten more CSS tricks you may not know The CSS and XHTML Lab The Fade Anything Technique A CSS Stylesheet Collection for Web Forms. "Sliding Doors" Box– Rounded Corners for All A Simple, Semantically Correct CSS Box with Clean Code Using Background-Image to Replace Text CSS tools, firefox extensions and online services CSSVista Will the browser apply the rule(s)? Generate a CSS layout for your site CSS Formatter and Optimiser Colly's CSS rollover generator CSS Cascading Style Sheet Optimiser CSS Syntax Checker for BBEdit and TextWrangler List-u-Like CSS Generator Nifty Corners: rounded corners without images CSS Compressor CSS editor w3c CSS Validation Service ColorZilla Firefox extensions I couldn't live without MeasureIt 0.3.5 How to create Firefox extensions New Firefox Extension: X-Ray Web Developer Extension Rapid Web Development and Testing with Mozilla Firefox HTML VALIDATOR (based on Tidy) If you have any links you'd like to be added, answer in this thread. Last edited by Jen; 6th July 06 at 07:38 AM. Reason: Added links

11th April 06, 02:47 AM	#2
stealthyninja WLC Lover Join Date: Apr 2006 Location: Pretoria, South Africa Posts: 71	Re: CSS Resources I've been using the HTML Validator extension (based on Tidy) for FireFox for a while now. I find it quite handy for immediate validation of errors in off-line documents I'm busy working on before I upload them or pass them through the W3 validator.

17th April 06, 06:40 AM	#4
marks WLC Lover Join Date: Apr 2006 Location: Austin \|\| Dallas, TX, USA Posts: 160	Re: CSS Resources Awesome list, thanks for sharing! __________________ [/INDENT] Personal Tumblelog: To view links or images in signatures your post count must be 5 or greater. You currently have 0 posts.

25th April 06, 12:12 PM	#5
Jonna Blaze WLC Member Join Date: Apr 2006 Location: Norway Posts: 10	Re: CSS Resources Thanks. Great list!

15th May 06, 05:26 PM	#6
Jbilsten WLC Lover Join Date: May 2006 Location: SLO, California, USA Posts: 78	Re: CSS Resources As an addendum to the galleries (this one concentrates on pure liquid designs): Liquid CSS I should also mention this collection of links: Web Designers Handbook

22nd May 06, 07:12 AM	#7
DarkSuiyoken WLC Member Join Date: Apr 2006 Posts: 43	Re: CSS Resources Add OSWD.org to the list! It's definitely one handy site to learn and get free CSS layouts.

23rd May 06, 04:10 PM	#8
joe WLC Member Join Date: Apr 2006 Posts: 49	Re: CSS Resources Thanks for sharing those. A lot I didn't know about.

30th May 06, 10:22 AM	#9
Andy WLC Member Join Date: May 2006 Posts: 22	Re: CSS Resources You missed off CSS Mania

30th May 06, 01:32 PM	#10
Justin G WLC Member Join Date: Apr 2006 Location: Texas, USA Posts: 36	Re: CSS Resources Great links, really helpful. __________________ To view links or images in signatures your post count must be 5 or greater. You currently have 0 posts. l To view links or images in signatures your post count must be 5 or greater. You currently have 0 posts. l To view links or images in signatures your post count must be 5 or greater. You currently have 0 posts. Justin Garza - Internet Entrepreneur

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Two perfectly resources	Kevin	Resources	7	31st May 11 05:56 PM
Design resources. . .	netfuel	HTML & XHTML	3	19th June 07 08:12 PM
Good resources for learning CSS	johnmr	CSS	3	8th October 06 04:55 PM