60+ Wacky CSS resources - Tutorials, Layouts, Optimizers, Editors and lots more.
*** DIGG THIS ***
- CSS Gallery- Web design Gallery for Inspiration ( 389 )
CSS Heaven is all about Fresh and innovative CSS / XHTML web designs submitted by web designers from around the world. Objective to is provide you with a central resource to view a wide range of eye catching and innovative web designs plus inspire you to create new and exciting web designs. Please feel free to submit your site to CSS Heaven. - Free Open Source CSS Editor ( 372 )
cssed is a small developer editor and validator, that tries to ease the CSS editing. It is an Open Source project, it means that you can download the program but also its source - 12 Free Common CSS Layouts ( 358 )
12 Free Common CSS Layouts, both Static and Fluid layouts. If you are webmaster you can save time by taking readymade css code from here. - CSS Play - Great site for CSS ( 321 )
this site in the hope that it will help newcomers to CSS and show old hands that it is more than just a mechanism for styling your documents. It is oh so much more, things that you have never imagined to do in CSS... Check out this great site - CSS Layouts ( 318 )
Simplify your CSS designs with these easy Pure CSS Layouts - Advanced CSS Menu ( 292 )
A wall of design ideas, web trends, and tutorials. - Online CSS Scrollbar Color Changer- Only for Internet Explorer ( 290 )
Use the controls to change the color of your HTML scrollbars for Internet Explorer. Enter your colors in hex format, e.g. "FF0033" or click the color chip for a popup color picker. - Total Tutorial - Photoshop Tutorials, Flash Tutorials, Programming Tutorials and Web Tutorials ( 283 )
Online directory of the best free tutorials from around the web. - Practical CSS Layout Tips, Tricks, & Techniques ( 258 )
A good article with great tips. - 53 CSS Techniques you couldnt Live without ( 252 )
Over the last few years web-developers have written many articles about CSS and developed many useful techniques, which can save you a lot of time - of course, if you are able to find them in time. Below you’ll find a list of techniques we , as web-architects, really couldn’t live without. They are essential and they indeed make our life easier. Check these 53 CSS-based techniques you should always have ready to hand if you develop web-sites. - CSS Creator Forum ( 251 )
Forum for CSS users and developers. - CSS TinderBox ( 250 )
The CSS Tinderbox is an effort to support open source web design by providing very basic, yet solid, CSS/XHTML templates that web designers/developers can use as the foundation for their own projects. - Most Used CSS Tricks for your website By Stylized Web. ( 247 )
This is a collection of 12 CSS tricks along with code and images that can enhance the look of your website. To name some, 1. Rounded corners with and without images 2. Gradient text effect 3. Tableless columns - Free CSS Templates ( 233 )
Some beautiful free templates for use and inspiration. - Agitprop ( 232 )
Agitprop is an experimental space at Metrius (formerly Verso), featuring items of interest to Web developers, particularly with regard to typographical design support. - Particletree - Dynamic Resolution Dependent Layouts ( 230 )
Particletree is the beginning of something. This place, this collection of knowledge, is a gathering of forces, a sharpening of skills. - CSS Rounded Box Generator ( 228 )
Use this tool to create rounded box for your CSS page - RoundedCornr: Rounded Corner and Gradient Generator ( 228 )
This online tool generates HTML/CSS code and images to decorate your Web site with rounded corners and gradient. - CSS Fill - Free CSS Layouts and Templates ( 224 )
Free CSS / XHTML based layouts & templates designed by Michael Strand, it is recomended that you read the important info section before using the CSSFILL templates. You can find the CSSFILL navigation to the left hand side of each page, click the category name to view all the CSS / XHTML templates in the choosen category. Listed below are the most recent templates added to CSSFILL all obviously CSS / XHTML based. - Powerful CSS techniques For Effective coding ( 224 )
In tune with time. This is a second article showing some powerful css techniques that will save you time and improve the quality of your code. I am sure this read will be worth of every second spent. - glish.com : CSS layout techniques ( 208 )
A resource for web designers and developers who want to learn CSS layout techniques to replace archaic table-based web page layouts.. - CSS Basics.com ( 206 )
# Chapter 1 - Introduction to CSS # Chapter 2 - CSS Syntax # Chapter 3 - CSS Classes # Chapter 4 - CSS IDs # Chapter 5 - CSS Divisions # Chapter 6 - CSS Spans # Chapter 7 - CSS Margins # Chapter 8 - CSS Padding # Chapter 9 - CSS Text # Chapter 10 - CSS Fonts # Chapter 11 - CSS Anchors, links and pseudo classes # Chapter 12 - CSS Backgrounds # Chapter 13 - CSS Borders # Chapter 14 - CSS Lists # Chapter 15 - CSS Width and Height # Chapter 16 - CSS Classification # Chapter 17 - CSS Position # Chapter 18 - CSS Pseudo Elements - CSS Menu Maker ( 196 )
CSSMenuMaker.com provides quality, cross-browser compliant, fully CSS menus that you can customize and tweak to your heart’s content. - CSS Float Theory - Things you should know. ( 195 )
A very good & comprehensive tutorial on CSS Floats . It will CLEAR a lot of things for you. - Pure CSS data Chart ( 192 )
Data visualization is mostly achieved with flash applications or with help of some programming languages. Are those solutions the only way to present, let's say simple data chart? How about giving it a try with nothing but good ol' css? - PSD 2 CSS Free online convertor - Create CSS Pages Fast. ( 191 )
psd2css online converts your fantastic, creative, artistic, no holds barred web page designs into strict XHTML compliant CSS web pages automatically. Use Photoshop or The Gimp to express yourself and create the most professional, aesthetically perfect and functional designs you can think of. Upload your .psd designs, download your .html file and images. It's that simple. - CssTweak - Blaze New Media: Blog ( 183 )
Andy Peatling of Blaze New Media talks about designing and developing with the latest in web technologies. - CSS Reboot ( 182 )
The CSS Reboot is a community event for web professionals and enthusiasts - Spiffy Box - Simple Rounded Corner CSS Boxes made easy. ( 174 )
The Spiffy Box is really just an automated way to create the code and image needed to employ Ryan Thrash's now infamous ThrashBox. Or rather, "Simple Rounded Corner CSS Boxes". - CSS Text Wrapper - Wrap content to Any Shape! ( 169 )
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. Get to it! Tested in Internet Explorer 6+, Firefox, Safari, Opera, and Netscape. - Templates:CSS, A searchable repository of css based layout ( 168 )
Template:css collects many css formatted page templates, developed and distributed by different designers. They aim to provide an easy to use, comprehensive repository where people can find what they need. These tools help both experienced professionals, who want to speed up their developing process by using tested templates, and css newbies. Css templates provide a fully commented page layout, which turns out to be a great learning tool. - QrONE CSS Designer ( 163 )
CSS Style Editor - Free CSS Layouts at Layout Gala ( 162 )
Free Commonly used CSS layouts. All layouts use valid markup and CSS, and have been tested successfully on Internet Explorer/win 5.0, 5.5, 6 and beta 2 preview of version 7; Opera 8.5, Firefox 1.5 and Safari 2. Each of the columns could be the longest, and for testing columns length I've used the script filler text on demand. - CSS Builder - Generate Styles on the Fly | Meta Titan ( 160 )
Generate styles for your CSS selectors on the fly. Valid syntax and property names are defined for you. - CollyLogic - CSS Multi-element Rollover Generator ( 158 )
With this CSS rollover generator, you can create two distinct styles of rollover button, using CSS and just one image. - CSS Vista - Edit your CSS code Live in IE and Firefox ( 155 )
CSSVista is a free Windows application for web developers which lets you edit your CSS code live in both Internet Explorer and Firefox simultaneously. If you like this, you may be interested in our browser compatibility service, Litmus. Yes, that's why this software is free! - Bits and Pixels - Cross-browser transparent columns ( 155 )
There is a way to make content transparent, using the opacity tag and a proprietary opacity filter in IE-based browsers. The problem with this CSS-property is that all children to the transparent element will be transparent as well, which often isn’t the desired effect. Knowing all this, how do we create transparent columns that can work in all browsers? What if we could use the opacity property but still have the content opaque? This is possible using some clever use of CSS-positioning. What we’ll be doing is having a parent element that contains two children. One transparent background that fills the entire width and height of the parent, and one child that contains the content. This way we can have a transparent background while the content remains opaque. - HTML and CSS Table Border Style Wizard ( 149 )
Use this wizard to experiment with table border styles and generate style source code. - Ruthsarian Layouts ( 147 )
CSS-based layouts. - Code Sucks- CSS Layouts and ideas. ( 147 )
There are a total of 53 Fixed width and 42 Faux Column CSS Layouts for download. - Top 10 CSS Tutorials - Cameron Olthuis ( 147 )
A collection of 10 great tutorials - CSS Redundancy Checker ( 144 )
Use this tool to find CSS selectors that aren't used by any of your HTML files and may be redundant. - List-u-Like CSS Generator ( 143 )
Create cross-browser list-based navigation bars with ease - CSS Workshop ( 142 )
English translation of CSS developer,Marek's work. Has about 30 interesting CSS samples. - CSS Menu Tabs Designer ( 141 )
Free CSS Tab Designer is a unique and easy to use software to help you design css-based lists and tabs visually and without any programming knowledge required! - e-lusion-CSS Tutorials & Basic Know-how. ( 138 )
It will act as a quick reference to issues you may have relating to CSS, web standards and CSS layouts. - format CSS ( 134 )
Automatically format your CSS (cascading style sheets) so they are easy to read and edit. - CSS Tutorial ( 133 )
Free tutorials on HTML and CSS - Build your own website. HTML.net provides guidance and help about designing and developing websites. - Online CSS Optimiser/Optimizer : flumpCakes ( 132 )
This tool is used to optimise CSS code - Cascading Style Sheets, Level 2 ( 131 )
CSS2 is a style sheet language that allows authors and users to attach style (e.g., fonts, spacing, and aural cues) to structured documents (e.g., HTML documents and XML applications). By separating the presentation style of documents from the content of documents, CSS2 simplifies Web authoring and site maintenance. - /CSS/ - A Guide for the Unglued ( 130 )
Web Development: CSS in the real world. Quick fix resource guide. - Online CSS Optimizer ( 128 )
Online CSS Optimizer/Optimiser is a web tool for reducing the file size of cascading style sheets. In order to save more space optimized files would be messy even so you may output it as a file. - CSSTYPE ( 126 )
CSSTYPE - web safe typography on screen for pixel perfectionists - CSS/Experiments ( 124 )
Various CSS experiments done by Mark Schenk. - css-discuss.org ( 123 )
css-discuss is a mailing list devoted to talking about CSS and ways to use it in the real world; in other words, practical uses and applications. The list sports a very large membership and strong sense of community - YAML Builder ( 121 )
A tool for visual layout development of YAML based CSS layouts - CSS/edge ( 118 )
It's a search for new ways to approach Web-based design.The goal here is to find ways to make CSS live up to its fullest potential, with only minimal regard to browser limitations. - Clean CSS - Optimize and format ( 117 )
CleanCSS is a powerful CSS optimizer and formatter. Basically, it takes your CSS code and makes it cleaner and more concise. - Optimize JavaScript and CSS ( 116 )
best way to compress javascript and css and make your code faster for free - Format CSS Online ( 115 )
Formatting tool for your CSS - CSS Source Ordered 1-3 Columned Page maker ( 113 )
Columned page maker by Cleva Treva Designs. - 10 Examples of Beautiful CSS Typography and how they did it… ( 110 )
There are a lot of great sites out there that have beautiful Typography using only CSS, however simply looking at them is only half of the picture. We want to know what did they do, and how/why does it result in beautiful type? - Newt Edge ( 107 )
This Newt Edge site is created not for the faint-hearted browsers, but more specifically to highly standards compliant browsers, such as Gecko-based browsers. This site is the place for collections of markup test cases, style sheets demonstrations and coding workarounds. - CSS Resources and Tutorials ( 98 )
Web design, development and training resources.
 |
