*** DIGG THIS ***
- Top 71 CSS Menus Navigation Tabs ( 1155 )
Articles / Tutorials on lists, menus, navigations and tabs. 1. 11 CSS navigation menus : at Exploding Boy 2. 12 more CSS Navigation Menus. : at Exploding Boy 3. 14 Free Vertical CSS Menus : at Exploding Boy 4. 2-level horizontal navigation : demo at Duoh 5. Absolute Lists: Alternatives to Divs : An approach of using lists instead of divs at evolt 6. Accessible Image-Tab Rollovers : demo at Simplebits 7. ADxMenu : multiple menu examples at aPlus 8. A drop-down theme : at CSS Play 9. Bookend Lists: Using CSS to Float a Masthead : at WebSiteOptimization 10. Bulletproof Slants : demo at Simplebits - 12 Free Common CSS Layouts ( 1132 )
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. - 53 CSS Techniques you couldnt Live without ( 1109 )
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. - Advanced CSS Menu ( 1015 )
A wall of design ideas, web trends, and tutorials. - CSS Gallery- Web design Gallery for Inspiration ( 995 )
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. - CSS Layouts ( 926 )
Simplify your CSS designs with these easy Pure CSS Layouts - Powerful CSS techniques For Effective coding ( 882 )
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. - Most Used CSS Tricks for your website By Stylized Web. ( 846 )
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 - Total Tutorial - Photoshop Tutorials, Flash Tutorials, Programming Tutorials and Web Tutorials ( 804 )
Online directory of the best free tutorials from around the web. - Free Open Source CSS Editor ( 802 )
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 - CSS Play - Great site for CSS ( 767 )
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 Float Theory - Things you should know. ( 741 )
A very good & comprehensive tutorial on CSS Floats . It will CLEAR a lot of things for you. - Online CSS Scrollbar Color Changer- Only for Internet Explorer ( 718 )
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. - Practical CSS Layout Tips, Tricks, & Techniques ( 697 )
A good article with great tips. - 10 Examples of Beautiful CSS Typography and how they did it… ( 658 )
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? - CSS Fill - Free CSS Layouts and Templates ( 651 )
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. - RoundedCornr: Rounded Corner and Gradient Generator ( 644 )
This online tool generates HTML/CSS code and images to decorate your Web site with rounded corners and gradient. - Pure CSS data Chart ( 642 )
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? - Agitprop ( 631 )
Agitprop is an experimental space at Metrius (formerly Verso), featuring items of interest to Web developers, particularly with regard to typographical design support. - CSS Creator Forum ( 629 )
Forum for CSS users and developers. - CSS Basics.com ( 628 )
# 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 - glish.com : CSS layout techniques ( 623 )
A resource for web designers and developers who want to learn CSS layout techniques to replace archaic table-based web page layouts.. - List-u-Like CSS Generator ( 619 )
Create cross-browser list-based navigation bars with ease - CSSTYPE ( 607 )
CSSTYPE - web safe typography on screen for pixel perfectionists - Free CSS Templates ( 603 )
Some beautiful free templates for use and inspiration. - Particletree - Dynamic Resolution Dependent Layouts ( 594 )
Particletree is the beginning of something. This place, this collection of knowledge, is a gathering of forces, a sharpening of skills. - CssTweak - Blaze New Media: Blog ( 588 )
Andy Peatling of Blaze New Media talks about designing and developing with the latest in web technologies. - CSS Rounded Box Generator ( 572 )
Use this tool to create rounded box for your CSS page - Spiffy Box - Simple Rounded Corner CSS Boxes made easy. ( 571 )
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 TinderBox ( 567 )
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. - CSS Text Wrapper - Wrap content to Any Shape! ( 564 )
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. - Top 10 CSS Tutorials - Cameron Olthuis ( 562 )
A collection of 10 great tutorials - CSS Menu Maker ( 549 )
CSSMenuMaker.com provides quality, cross-browser compliant, fully CSS menus that you can customize and tweak to your heart’s content. - Bits and Pixels - Cross-browser transparent columns ( 532 )
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. - CSS Builder - Generate Styles on the Fly | Meta Titan ( 518 )
Generate styles for your CSS selectors on the fly. Valid syntax and property names are defined for you. - QrONE CSS Designer ( 511 )
CSS Style Editor - CSS Reboot ( 508 )
The CSS Reboot is a community event for web professionals and enthusiasts - Ruthsarian Layouts ( 482 )
CSS-based layouts. - Templates:CSS, A searchable repository of css based layout ( 480 )
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. - Code Sucks- CSS Layouts and ideas. ( 477 )
There are a total of 53 Fixed width and 42 Faux Column CSS Layouts for download. - CSS Redundancy Checker ( 472 )
Use this tool to find CSS selectors that aren't used by any of your HTML files and may be redundant. - CSS Menu Tabs Designer ( 467 )
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! - CollyLogic - CSS Multi-element Rollover Generator ( 464 )
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 ( 459 )
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! - CSS Workshop ( 442 )
English translation of CSS developer,Marek's work. Has about 30 interesting CSS samples. - Free CSS Layouts at Layout Gala ( 436 )
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. - Online CSS Optimiser/Optimizer : flumpCakes ( 430 )
This tool is used to optimise CSS code - HTML and CSS Table Border Style Wizard ( 426 )
Use this wizard to experiment with table border styles and generate style source code. - css-discuss.org ( 422 )
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 ( 420 )
A tool for visual layout development of YAML based CSS layouts - /CSS/ - A Guide for the Unglued ( 409 )
Web Development: CSS in the real world. Quick fix resource guide. - Video - CSS Tutorial -Add Images 2 Links with Common File Extensions ( 409 )
Watch this CSS Tutorial -Add Images 2 Links with Common File Extensions - CSS Source Ordered 1-3 Columned Page maker ( 408 )
Columned page maker by Cleva Treva Designs. - e-lusion-CSS Tutorials & Basic Know-how. ( 408 )
It will act as a quick reference to issues you may have relating to CSS, web standards and CSS layouts. - Online CSS Optimizer ( 401 )
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. - Optimize JavaScript and CSS ( 399 )
best way to compress javascript and css and make your code faster for free - CSS Tutorial ( 399 )
Free tutorials on HTML and CSS - Build your own website. HTML.net provides guidance and help about designing and developing websites. - Clean CSS - Optimize and format ( 397 )
CleanCSS is a powerful CSS optimizer and formatter. Basically, it takes your CSS code and makes it cleaner and more concise. - CSS/Experiments ( 392 )
Various CSS experiments done by Mark Schenk. - Newt Edge ( 384 )
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. - Format CSS Online ( 379 )
Formatting tool for your CSS - Cascading Style Sheets, Level 2 ( 379 )
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 Resources and Tutorials ( 378 )
Web design, development and training resources. - format CSS ( 378 )
Automatically format your CSS (cascading style sheets) so they are easy to read and edit. - Creating Thumbnails Using the CSS Clip Property ( 364 )
One of the least used properties in CSS is the Clip property. Clip is part of the visual effects module of CSS 2.1 and its job is to place a visible window on top of an object that is being clipped. It is useful for clipping images and creating thumbnails without having to create additional files. This trick can be used to create square thumbnails, or to create other varieties of thumbnails without actually duplicating files on the server. Read more... - CSS/edge ( 359 )
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. - Pure CSS Timeline ( 342 )
We have a nice looking timeline styled completely with CSS, but what happens if the visitor doesn’t have CSS enabled? Since we used unordered lists, we still have a nicely accessible list of events. What makes this even more useful is that I put the dates in parenthesis after the label for the timeline block. I would suggest doing this as it will help with accessibility, you can always hide the dates if you don’t want them with CSS later using the display: none; property. - A Roundup Of 25 Advanced CSS Tips And Tutorials ( 335 )
From menus to galleries, Jon shows us a roundup of 25 different pure css tips and tutorials.Web-design has evolved greatly in the past couple years, thanks to all the great CSS tutorials out there. Of course now that browsers like Safari/webkit and Firefox/moz support some CSS3 properties, we’re seeing more and more designers use those newer techniques. - Style Neat - Free online CSS Formater ( 302 )
Organizes and standardizes your CSS - selectors, sub-selectors and properties - in a structure that makes it easier to define page areas and see how they relate to each other. - Stunning CSS only menus ( 294 )
Here is a set of fresh CSS-only menus for your website – no images, no JavaScript. The markup for the menus is always the same and I used 12 different stylesheets for their appearance. The main idea is to have a big title link and some description under the link. The description can be hidden with visibility:hidden and then shown when hovering over the link element - 10 Extremely USEFUL CSS Snippets ( 265 )
Centering on website, Sticky footer and many more such CSS snippets that you want to use in your website. - Introduction to CSS3 ( 161 )
Learn New techniques and save effort, It is very important to learn that while it is fun to play with CSS3 – as I will demonstrate over the next few tutorial submissions – it is not yet fully supported in current browsers. This means that if you are to incorporate CSS3 in your website, be sure to have some fallback code for the browsers that are not supporting it! - Understanding the basics of CSS3 ( 85 )
Some of the new features in CSS3 will completely change the way we design websites. Let’s go ahead and get familiar with some of the basics. Cascading Style Sheets, commonly known as CSS, has been around for sometime now allowing us to create much more powerful and flexible websites than in the past. Now that CSS has evolved a bit and the acceptance of CSS3 is making its way to our favorite browsers, we can begin to play around with some of the newer features available - CSS3 Generator ( 63 )
As the name says this is an online CSS3 Code generator. You just have to select the element you want set the attributes / parameters and code is generated online. - 25 Incredibly Useful CSS Snippets for Developers ( 49 )
I liked their first snippet itself. CSS is no doubt up there with the most important web languages that we use. While html provides the structure it can be inconsistent and unpredictable across different new and old browsers. Css is where the html is styled though, and where we get creative as well as addressing those inconsistencies. Below is a fantastic list of 25 Css snippets that I am sure you will find extremely useful. Whether you are a veteran web developer, or are just getting your foot in the door of css, they are all well worth checking out. - CSS Dock menu like Mac ( 28 )
If you are a big Mac fan, you will love this CSS dock menu. It is using Jquery library and Fisheye component from Interface and some of my icons. It comes with two dock position: top and bottom. This CSS dock menu is perfect to add on to my iTheme. Here I will show you how to implement it to your web page.
