EverythingCSS - over 200 useful CSS links

  1. How do different e-mail clients parse CSS? - Designing an HTML email that renders consistently across the major email clients can be very time consuming. Support for even simple CSS varies considerably between clients, and even different versions of the same client. We've put together this CSS support in email clients guide to save you the time and trouble of figuring it out for yourself. With 21 different sets of results, all the major email systems are covered, both desktop applications and webmail. If you do notice results different to the ones we've listed, we'd love to hear your feedback. Email clients (particularly webmail) often change without notice, so we appreciate your help keeping this resource up to date.
  2. CSS Message Boxes for different message types - Can you believe this: Few days ago I went to my bank to check my credit score with the Credit Bureau. The bank official typed in my personal data and sent a request. Web application responded by displaying a yellow message box with an exclamation icon saying that data processing is still in progress. He checked several more times, but he didn't notice that at one moment the message changed to "Account available". But the message box hasn't changed. He continued to check a few more times and eventually he realized that the request was successful.
  3. Understanding CSS Positioning part 3 - CSS3 is built up out of individual modules. The advanced layout module and the Grid layout module both are quite similar, and it’s reasonable to assume that they get merged in the future (At least, I certainly hope so) or that they choose one over the other. Both fix the same problems: Multicolumn complex layouts like the ones that are currently possible in print (think magazines) but awfully hard to do with CSS.
  4. CSS Grid Builder - CSS Grid Builder is an online GUI for customizing the YUI Grids CSS - a lightweight CSS framework developed by Yahoo! that comes with over 1000 page layout combinations. The CSS Grid Builder allows you to rapidly generate a CSS-based, web-standards compliant page layout in a matter of minutes (or even seconds). Once you've got the page layout the way you want it, all you have to do is press "Show Code" and it generates the HTML for you.
  5. Top reasons your CSS columns are messed up - I believe the recent surge in popularity of CSS frameworks comes from a lack of basic understanding of the CSS box model and how it's implemented across browsers. I wanted to share with you some quick tips on how to avoid easy pitfalls so you can create your own CSS framework in no time flat, without all the cruft of having ten thousand column combinations available. Keeping these quick tips in mind at all times will allow you to do something I like to call defensive coding — and really that's all CSS frameworks are: defensively coded snippets of CSS.
  6. CSS Frame Generator - Put in your HTML file, get out a list of CSS classes you can style.
  7. 13 Reasons Why CSS Is Superior to Tables in Website Design - For the past few days, we've been scouring the web searching for the top 13 reasons why Cascading Style Sheets (CSS) are superior to table-based layouts when designing a website. Some web designers swear that table-based layouts are better than CSS-based layouts, while others believe that table-based layouts are ancient history and XHTML combined with CSS is the only real solution to coding a web site's visual layout. Since we're one of those CSS die-hards, we've compiled a list of 13 reasons why CSS-based layouts are superior to table-based layouts.
  8. Two CSS vertical menu with show/hide effects - CSS menu and "Web 2.0" transition effects are topics very popular on my site and in general I receive a lot of code requests about these arguments. So I wrote this simple tutorial with two vertical menu examples with show/hide menu effect. First example uses a simple JavaScript code. Second example uses mootools to show/hide the menu with a nice vertical slide-in/slide-out effect.
  9. CSS Properties Index - A continuously updated list of all CSS properties.
  10. CSS Layouts - 750 pixels - I am working on a research project to put together a list of great CSS design and development resources on the web. This first installment of this project is to collect as many CSS development/design resources as possible.
  11. CSS Message Box collection - Message boxes are useful elements to display status messages after or during a specific user request. Some days ago I wrote this post about how to implement a nice Ajax chains of effects (fade in, delay, fade out) for a common message box using mootools. Today I want to share with you a collection of some simple CSS styles you can apply to your message boxes (clean, solid, iconized, alternated rounded borders, tooltip).
  12. Clean Tab Bar Digg-like using CSS - This tutorial explains how to design a clean Tab Bar (Digg-like) with rounded tabs (liquid width) using CSS and just one background image to manage all status for each tab (standard, active, hover).
  13. The Amazing LI: Using CSS and Unordered List Items to Do Just About Anything - I can still remember the day I discovered the li tag. It's not that I had never used list items before—I had built plenty of bulleted lists. What I discovered that day was that with a little CSS, the li becomes one of the most powerful and versatile tags in a web designer's arsenal. So versatile is the list item, in fact, that you could build and entire website layout out of just ul li tag pairs. Of course, that wouldn't be semantically correct, but you could do it. This article is a tutorial and a tribute to the amazing li.
  14. 10 CSS Form Examples - Forms can be greatly enhanced with a touch of CSS, making them more usable and far more visually attractive. Follow some of the examples below and you'll be creating stunning CSS forms in no time at all.
  15. Free Css menu navigations. Publish your menu styles! - TabCreatr.com is an application that allows you to create your own tabs and Css menus. Using the application is simple. Public your own styles or find your proper style and include it on your homepage.
  16. Write a well structured CSS file without becoming crazy - This is a descriptive post about how to write a well structured CSS file. I already spoken about code readability in CSS files, but after several most specific requests about this argument (mainly about the difficult of some readers to manage CSS file with a big quantity of layout elements), I decided to illustrate the process I use in these cases.
  17. CSS Pagination Links - Inspired by the pagination interface you see at the footer of Digg.com, this is our version of a CSS pagination links bar, digg style. The links are list based for a cleaner and more semantically approach (in our opinion). The bar itself can easily be left or right aligned, by modifying the text-align attribute.
  18. Simple CSS: How To Make Clickable Areas Bigger - One basic principle of interaction design is that the larger the link you're trying to click on, the easier it is to click it. With this in mind, if you are using text-based links (for example in a navigation bar), the actual clickable area should be as large as possible.
  19. How to Create a Block Hover Effect for a List of Links - The HTML is quite straightforward. Because IE only supports the :hover element for links, the link anchor needs to go around all the text in the list item. Therefore, we need to provide some additional hooks in order to style the content.
  20. 8 Premium One Line Css Tips - The best solutions are often the simplest. Here's a list of 8 tips that contain only one css property.
  21. How to design a sexy header for your site using CSS - Yesterday I received a lot of positive messages about the new template of my site. Expecially for the new header (in particular the green bar on top of the page). Some of my readers asked to me to dedicate a post about how to realize a similar "graphic composition", so I decided to publish a post with the "process" I use in general to design graphical sections for my web sites.
  22. Floatless CSS layouts - No FLOAT means there is no need to use a script or a "faux-column" technique to paint backgrounds and/or borders.
  23. Rethinking HTML for CSS - sample chapter in PDF from CSS: The Missing Manual
  24. CSS: Perspective Text - One minute I'm editing a web page, copying and pasting some code elements, next thing you know I have this happy accident creating a perspective effect on a body of text. I realized why it happened and decided to fool around with it here, using span elements instead.
  25. Pure Css Data Chart - 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? In this example I am not using JavaScript or any backend application. All I rely on is well-formed markup and CSS. So, the goal is to present data chart. We could say that a chart is a two dimensional object. So, the best structural and semantical choice is definition list. Why? Well, for starter, it is a list of items. Although the list is linear, we could interpret definition titles (dt elements) as items on x axis and definition descriptions (dd elements) as values on y axis.
  26. The Highly Extensible CSS Interface - Introducing The Highly Extensible CSS Interface, a four-part series of how-to's and savvy conversation to be published in the coming weeks, with the first article debuting this week. The phrase highly extensible is in reference to designing and coding interfaces that are flexible enough to adapt in ways the designer or developer may not foresee when handing off coded templates, while still retaining the overall aesthetic integrity of the layout.
  27. Elegant navigation bar using CSS - This tutorial explains how to design an elegant navigation bar (gettyone inspired) for your site using CSS.
  28. How to vertically center content with CSS - A convenient benefit of using tables is the ability to vertically center content within a cell using the valign attribute. Unfortunately, acheiving the same effect with CSS isn't so convenient. So, as we continue to move towards tableless structures, there comes a need for a simple and valid CSS alternative. There have been a number of ways to approach this feat, but in this tutorial, I will lay out the technique we use to vertically center content using CSS.
  29. 100 CSS Galleries You Need to Check Out - Whether you're suffering from designer's block, or just want to see what your competition is up to, design galleries are an excellent tool. Fortunately, there's no shortage of them available, and we've found 100 of the best.
  30. CSS from the ground up - If you are frightened by the prospects of using Cascading Style Sheets, there's no need to be. Using a computer can be daunting for someone coming to it afresh but after a while, you think nothing of it. It all comes down to taking small steps to begin with and that's what I'm going to do in this series of tutorials. One step at a time! Whether you normally use a WYSIWYG editor and stay clear of that source stuff in the background or even if you have never created a Web page at all, this tutorial will set you off in the right direction. It assumes little or no knowledge of putting a Web page together. It really is 'from the ground up'.
  31. Fighting Form Spam With CSS - Fighting form spam is something almost every website owner has to face. If you allow comments on your site you will most likely be a subject of form spam attacks. The most effective and most popular way of fighting form spam is using generated images (captchas) that contain text that user should then retype into an input field. Since there are OCR algorithms that can read images, most of the time captchas contain messy and distorted text.
  32. Create Resizing Thumbnails Using Overflow Property - This tutorial is aimed at controlling the size of the thumbnails appearing on your page. Sometimes we don't have enough space to spare to fit in large thumbnails and yet we would like to avoid small and barely recognizable images. Using this trick we limit the default dimensions of the thumb, and show it in full size when user mouse-overs it.
  33. 7 CSS hacks you should use - If you are trying to do pixel-perfect cross-browser CSS layout, then you have probably ran into problems with IE . I am going to highlight the top 7 CSS hacks that we often use to have pixel perfect design.
  34. XHTML CSS validator
  35. 47 AJAX CSS forms - Forms needs a solid visual structure, a profound hierarchy of form elements (Fields and Labels), powerful techniques and Functionality (AJAX) to make the form look and work creatively. There is a great bunch of creative, outstanding and individually designed from scratch forms. Thanks to AJAX, we can provide real-time feedback to our users using server-side validation scripts and eliminate the need for redundant validation functions and processing data.
  36. Iconize textlinks with CSS - Links are fun, but sometimes we don't know where they take us. With this little CSS technique a user can identify a link by its icon.
  37. CSS all-expandable textbox - In HTML, if you don't specify a specific width, block-level elements are vertically expandable by their nature. Think of an unordered list. That list will grow be be as big as it needs to be to fit all of its list elements. If a user increases the font size in their browser, the list will expand vertically, growing to fit the larger content. Sometimes it feels like vertical-only expansion is limiting and it would be nice if the element could grow horizontally as well as vertically with a font size increase by the user.
  38. Creating sexy stylesheets - Being a CSS expert is more than just memorizing selectors. It's also working to improve the maintainability and efficiency of your stylesheets, planning for the future and mastering your workflow. In this article Jina Bolton gives 10 CSS tips culled from surveys with 12 top designers.
  39. CSS Text Wrapper - 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.
  40. CSS Discuss - wiki dedicated to CSS issues
  41. 9 CSS Ethics Every Designer Should Have - No need to get any more complicated structure than you need to. Writing a CSS Stylesheet That is Easy to Maintain is realy easy, just by following these 9 ethics. I call it ethics as it show your personality would affect your design style. How deeply you organize your CSS can greatly hinder any necessary tweaks that arise in the future. So, I proposed the question to my team to take a close look at some of the most interesting CSS coding structure and listed them below where you can probably use in every project you are developing.
  42. Lightweight dropdown menus in CSS - The original Suckerfish Dropdowns article published in A List Apart proved to be a popular way of implementing lightweight, accessible CSS-based dropdown menus that accommodated Internet Explorer by mimicking the :hover pseudo-class.
  43. CSS drop down menu - After playing with some javascript menus today, I decided to see if I could pull off a drop down menu without any javascript. I've seen it done before, so I thought I'd give it a shot. It actually ended up being pretty simple, so I thought I'd share the how-to. I uploaded a demo of what I mean. If you take a look at the source, the basic elements of the menu are ul and li tags. The first thing to do is differentiate the parent menu items from the menu items that only appear after you hover over the parent item. I did this with classes.
  44. CSS menus - all sorts of menus made with CSS, including sliding ones
  45. Future-Proof Your Web Site Design by Planning Your CSS In Advance - A web site is like a building. Over time it gets lived in. And, regardless of the initial intentions of the designer for how everything within it should be arranged, things get moved around, stuff gets added, some things get taken away, more stuff gets added, the occasional renovation takes place, and yet more stuff gets added.
  46. The 7 CSS Hacks that we should use - If you are trying to do pixel-perfect cross-browser CSS layout, then you have probably ran into problems with IE. I am going to highlight the top 7 CSS hacks that we often use to have pixel perfect design.
  47. CSS Sprites: What They Are, Why They're Cool, and How To Use Them - Do you really understand them? The name might be a little misleading, because sprites aren't little images like you might be picturing, a sprite is actually one big image. Have you ever seen the CSS technique where the on and off states of a button are contained within the same image and are activated by shifting the background-position? Think of CSS Sprites as an extension of that technique. The difference is that instead of just two or three images being combined into one, you can combine an unlimited number of images into one.
  48. How to create great Web forms - proper CSS for creating Web forms
  49. Advanced CSS Menu - This tutorial I will show you how to slice up the menu design (step by step) and put them together with CSS. Most of you probably know how to code a horizontal or vertical CSS list menu. Now let's take it to the next level - code an advanced (un-typical) list menu utilizing the CSS position property.
  50. Creating Liquid CSS Tabs for Menus - CSS Tabs based menu systems are really improving instead of all the classic button based navigation. This small tutorial will help you create a image based liquid tab using CSS and xHTML.
  51. List expander with CSS and JavaScript - So, we have an unordered list that can go on in depth as much as we want. The script analyzes the list tree and applies toggle functions for expanding/collapsing child objects. Parent items, the ones we should click to expand child objects, don't need to be wrapped inside an anchor element. Script checks for child objects and adds appropriate clickable elements. Furthermore the script adds two buttons above the list, one for expanding and one for collapsing all the elements.
  52. CSS Diagrams - I encountered a problem at work one day: I needed to create a set of state transition diagrams for the documentation of a simple XML parser I had written. The documentation is done in HTML, so my first idea was to draw the diagrams as GIF or PNG images. Unfortunately, the only drawing tool available was Microsoft Paint - in a version that would only save files in BMP format.
  53. Lose the Images: How to Get Rounded Corners, Gradients, Drop Shadows and More Using CSS - With the widespread adoption of CSS, web designers have been given more style freedom than ever before. What once was done with images and tables can now be accomplished with a few lines of code. This article gives examples on how to accomplish common design elements with the use of very minimal images, if any at all. Use CSS to lose the excess images and keep your page loading fast.
  54. CSS TOOLBOX: 20+ Tools For Working With CSS - Have you always been reliant on others' templates for your blog or website? You'd like to customize them, but you're just not sure how? Perhaps it's time to finally wrestle with the secrets of CSS. This collection of CSS-related links should be a good start - from basic tutorials to advanced tools, it's all here.
  55. How to create Vista-styled toolbars in CSS - CSS way to create a toolbar just like one in Microsoft Windows Longhorn/Vista
  56. CSS Menu Maker - pick a menu, pick colors, and you're done
  57. Diagnostic styling - Where things got tricky was when I wanted to do things like higlight images that didn't have alt or title attributes. In a perfect CSS3 world, I could just say img:not(img[alt]) to select non-alted images. At least, I think that's what I would say - :not() syntax makes my temples throb. Since I was developing these with the idea of releasing them to a more general development audience, though, I decided to use regular old non-:not selectors.
  58. Using CSSCAT to Build CSS-Friendly Web Apps - The CSS Control Adapter Toolkit (CSSCAT) helps you break free of table-based layouts in your ASP.NET 2.0 apps.
  59. 16 Sortable Table Techniques - Tabular data in table form is a regular technique on web sites and web applications for represent data and information. Therefore, a sortable, selectable and paging table can help you manipulate and show all the complex data effectively. Here is the list of useful sortable table techniques with DHTML, Javascripts and AJAX. Click the thumbnails to see live demo immediately.
  60. BluePrint - Blueprint is a CSS framework, which aims to cut down on your CSS development time. It gives you a solid CSS foundation to build your project on top of, with an easy-to-use grid, sensible typography, and even a stylesheet for printing. See a sample website built with BP, or a demonstration of the grid.
  61. XRay - Load any Web page, press bookmarklet, click elements on the page.
  62. Little CSS print stylesheet tip - I've seen printer stylesheets designed a variety of different ways. But any way you slice it, the most common element in a print stylesheet is usually the display: none; rule. Printer sheets are usually about printing less rather than printing more. What I do is gang up all the things we don't want to print in a single block at the top of the sheet. I always know where the don't print stuff is, and removing another thing from the printout is as easy as adding the class or ID selector to the common display: none; rule.
  63. Browser test for CSS3 properties - a table of CSS3 support for different browsers
  64. Conflicting Absolute Positions - On two separate occasions this month, I've been required to produce a layout in which a fixed-width scrolling side pane and flexible scrolling main pane must resize to fill all available space in a browser window.
  65. Understanding the C in CSS - If you are not fully utilizing the cascading feature of CSS, or you just need a quick brush up, then you need to review this article. These techniques will help you avoid duplication and make it easier to maintain your styles.
  66. Bulletproof & Flexible Layouts Made Simple - Yet Another Multicolumn Layout (YAML) is an (X)HTML/CSS framework for creating modern and flexible floated layouts. The structure is extremely versatile in its programming and absolutely accessible for end users.
  67. Sandbox Theming Tricks: Pure CSS Asides - Now, I'm not the first to implement asides. As I mentioned in my first aside, Matt Mullenweg has had asides on his blog for quite a while, and specifically the inline type of asides that I think work the best. (The other kind of asides tend to be listed in a separate and thinner column alongside the main content column, but in my opinion these are often lost in the clutter of what, for most blogs - mine included, is a very busy second/third column.)
  68. BoxedCSS - Boxed CSS is a free website that offers you CSS grids : they are free to be downloaded and modified, without a linkback required.
  69. Css Redundancy Checker - A simple script that, given a CSS stylesheet and either a .txt file listing URLs of HTML files, or a directory of HTML files, will iterate over them all and list the CSS statements in the stylesheet which are never called in the HTML. Basically, it helps you keep your CSS files relevant and compact. And it's reasonably accurate.
  70. Review of The Art and Science of CSS - The Art and Science of CSS was a quick read (208 pages) and packed full of valuable code examples. Unlike other CSS books that teach you the specifics of CSS with vague examples (not vague in a bad way), this book teaches you specific examples and gives you extra resources. This book is somewhat of a cookbook of commonly used CSS methods. Each author brings their unique writing style to the table, and each chapter focuses on a specific aspect of design and its CSS and styling methods.
  71. Fighting spam with CSS - It can be very frustrating when you have a form on your site which has a good and useful purpose, but almost becomes obsolete because of relentless spamming. I had this problem a few months ago with my old site, and was thus forced to find a solution that was light-weight, easy to implement, and most importantly was effective. I decided to turn toward my friend CSS to help me out.
  72. Ten CSS tricks you may not know - Cascading Style Sheets are the foundation on which many of the best websites are built. Using CSS allows developers to describe the common style for the website, in terms of colours, fonts and layouts. In this tutorial, Trenton Moss of Webcredible shares some of his top tips to help you get the most from your CSS.
  73. Tabbed Navigation Using CSS - Throughout the tutorial, I try to explain most of the things I am showing you, at a somewhat basic level. I have left some things out on purpose, because I assume you can figure them out on your own.
  74. 9 Expert CSS Ideas You Should Think Twice About Before Using - 9 techniques to avoid or use carefully
  75. MyCSS - MyCSS is a WordPress plugin that allows you to attach your personal CSS stylesheet to your blog, regardless of the theme you might be using. This is useful for users who want extra control over the presentation of individual blog entries by using self-defined CSS classes without worrying about compatibility issues when switching theme from one to another.
  76. CSS Expressions: The Potential Performance Killer - We just spent a few days tracking (and fixing) a horrible performance problem in our app. For the longest time everybody thought it was a JavaScript problem, too big a DOM tree, etc.
  77. CSS Dock Menu - If you are a big Mac fan, you will love this CSS dock menu that I designed. It is using Jquery Javascript library and Fisheye component from Interface and some of my icons. It comes with two dock styles - top and bottom. This CSS dock menu is perfert to add on to my iTheme. Here I will show you how to implement it to your web page.
  78. CSS hover effect - I would like to share some insight on a piece of CSS I've used for the homepage for a website a while ago that I've built together with Roger Johansson. I'm talking about the hover effect on the 4 tabbed boxes shown on this page.
  79. Pretty buttons with CSS - This tutorial will teach you how to create pretty looking textual buttons (with alternate pressed state) using CSS. Dynamic buttons save you heaps of time otherwise spent creating graphics and will basically make you a happier person at the end of the day.
  80. SimpleCSS - a downloadable cross-platform tool for working with CSS. To help you work with CSS, we've created a free tool called Simple CSS, which runs on Macs, Windows and Linux. Simple CSS allows you to easily create Cascading Style Sheets from scratch, and/or modify existing ones, using a familiar point-and-click interface.
  81. Sticky CSS Footer - footer that works
  82. CSS Easy - learn CSS the modern way
  83. Form field hints with CSS and JavaScript - It's a basic example of how helpful a little JavaScript and CSS can be in a form. Instead of the input hints always showing and potentionally cluttering a very simple form, only the hint for the currently focused input will show. This article will show a way to do this.
  84. Parallax Backgrounds - Note how the text scrolls normally, but the green background scrolls slowly, and how the clouds scroll faster than normal. That's the parallax effect.
  85. Control.Tabs - Control.Tabs is a javascript library for creating accessible, flexible & unobtrusive tabbed interfaces in your applications or pages. It uses anchors and element ids to function, so browsers that do not support javascript will still be able to navigate through your tabs.
  86. (The Only) Ten Things To Know About CSS - The Point of CSS is to use clean, simple HTML in your page, then write CSS "rules" that style the objects on your page. The page stays clean and looks cool, and your HTML page works on both mobile devices and regular browsers. That's the point of CSS.
  87. CSS+Javascript power. Fancy menu - When it comes to creating the navigation part of your Website, the first thing you might think of is an unordered list that you style as tabs. Lately, such navbars are everywhere, as many people believe they'll make their site more Web 2.0-compatible. Personally, I just think they're semantically better and accessible.
  88. CleanCSS - CSS Formatter and Optimiser
  89. CSS Fly - CSSFly is a web 2.0 tool for easy editing websites direct and in real-time in your browser. Simply edit the (X)HTML-code and the external Style-Sheet files : what you code is what you get! This tool is designed for developers. Use it for developing, testing or checking your web-project or take a look behind the scenerys of your favourite websites.
  90. CSS Tutorials - a great collection of CSS links
  91. Faux Column CSS Layouts - whole bunch of column designs with CSS
  92. CSS Shorthand Guide - There is no official guide for each and every CSS shorthand property value. So let's work together and put one together shall we? Ok. Straight to the business. Anytime I've run into a specification (besides the confusing mess at the W3C), it turns into showing off a couple of examples and you're supposed to be set on your way. Well well. Over the years, I've found quite some interesting unknown quirky facts about these shorthands... hence this Guide was born.
  93. Doing menus in CSS - a whole bunch of useful links
  94. How to Create Digg Comment Style Sliding DIVs with Javascript and CSS - First we figure out how many frames total are used and store it in frames, tIncrement is the time in milliseconds spent on each frame, and sIncrement is the size in pixels moved every frame. After that, we create a new array called frameSizes that will actually hold the size that the DIV should be at each frame. We run it through my magic for loop that adds adjusts for acceleration and deceleration (yes I wrote it, no I didn't steal it, yes you can use it, no I don't mind, yes I like credit, no you don't have to).
  95. Tableless forms - I consider this a very important step in learning web design the right and straightforward way. CSS is no longer just a way of adding some simple styles to an element in your page. More and more web designers work very much with styles in order to create a unique and easy to maintain website. You can see some inspirational examples by visiting a gallery like CSSREMIX or cssdrive. Those are CSS galleries that won't showcase just any kind of website. The design must be unique, CSS based, valid, XHTML etc. It's a great starting point if you're into learning to design.
  96. Even More Rounded Corners With CSS - Yep, it's another article detailing a method of doing rounded corners with CSS. In this case, single-image, PNG-based, fluid rounded corner dialogs with support for borders, alpha transparency throughout, gradients, patterns and whatever else you (or your designer) could want.
  97. Working With Fractions In CSS and PHP - Most of us are uncomfortable with using fractions when writting programs. If we encounter a fraction, we will first convert it into a floating point number (with decimals) and proceed from there. Most programming languages would prefer to use 0.5 as opposed to 1/2 because the later might conflict with the syntax of the languages. In this article, I will discuss my attempt to work with fractions in one of the PHP projects that I have done.
  98. Vertical Bar Graphs with CSS and PHP - Who wants to use Excel to make a new graph each week? Using CSS and PHP you can create attractive bar graphs (yes, even the stacked kind) that are always up to date.
  99. CSS speech bubbles - those nifty looking bubbles you can use for comments on your blog
  100. Free CSS Templates - download free CSS
  101. Multi-Column Layouts Climb Out of the Box -A project I recently we thought of myself as a CSS expert for a while now (I'll challenge anyone to a competition, seriously) but I still keep learning and improving. I've come across some techniques lately that are extremely valuable and worth sharing.
  102. NiceForms 1.0 - Niceforms is a script that will replace the most commonly used form elements with custom designed ones. You can either use the default theme that is provided or you can develop your own look.
  103. Advanced CSS Layouts: Step by Step
  104. Beginner’s guide from a seasoned CSS designer
  105. CSS Advanced Guide
  106. CSS and HTML examples and tutorials by Ove Klykken
  107. CSS Basics.com
  108. CSS Beginner’s Guide
  109. CSS Demonstrations and Tutorials
  110. CSS Drop Shadows
  111. CSS Intermediate Guide
  112. CSS Layout Techniques: for Fun and Profit
  113. CSS Menu Tutorial
  114. CSS Tutorial
  115. CSS TUTORIAL
  116. Floatutorial: Step by step CSS float tutorial- Floatutorial takes you through the basics of floating elements such as images, drop caps, next and back buttons, image galleries, inline lists and multi-column layouts.
  117. Learn CSS Positioning in Ten Steps
  118. Listutorial: Step by step CSS list tutorial
  119. Selectutorial - CSS selectors
  120. Site in an Hour
  121. Stylemaster CSS Tutorial
  122. Online tutorials
  123. Stylesheets
  124. Top 10 CSS Tutorials
  125. 53 CSS Techniques You Couldn’t Live Without
  126. Creating a graph
  127. CSS FOR BAR GRAPHS
  128. Super simple CSS bars
  129. Dynamic Pie Chart with CSS
  130. CSS Diagrams
  131. CSS Image Maps
  132. Map Pop
  133. Star Rater
  134. CSS Star Rating
  135. Star Rater
  136. CSS Ratings Selector
  137. Star Rater
  138. All About CSS Drop Shadows
  139. :BefTer Drop Shadows
  140. Fun with Drop Shadows
  141. Simple CSS Image Switcher
  142. Simple(r) CSS Image Switcher
  143. A Two Step Photograph Gallery
  144. Hoverbox Image Gallery
  145. Sliding Photograph Galleries
  146. CSS and Round Corners
  147. CSS Rounded Corners ‘Roundup’
  148. Navigation Magnification
  149. Lightbox JS by Lokesh Dhakar
  150. Popup Windows
  151. Pure CSS Popups
  152. Pure CSS Popups 2
  153. Pure CSS Pop Ups
  154. Bubble Tooltips
  155. JavaScript Fading Tooltips
  156. CSS Printing Guide
  157. CSS Centering
  158. Cross browser tabbed pages with embedded links
  159. CSS layout: 100% height with header and footer
  160. Get rounded corners on your site with JS and CSS
  161. Show and hide notes on your Web sites using CSS positioning
  162. Create a CSS alert message on your Web site
  163. Allow users to set custom width
  164. Create an HTML visual sitemap tool
  165. Adaptive layout techniques
  166. Resizable underlines
  167. Create hierarchical sitemap in CSS
  168. Create footnotes
  169. Dynamic pie chart in CSS
  170. Styled images with captions with example here
  171. Create captions on images
  172. Unobtrusive sidenotes with CSS
  173. Horizontal and vertical centering with CSS
  174. Build navigation tabs for the site in CSS
  175. All sorts of navigation tabs in CSS
  176. Colorful shaded menus in CSS
  177. Create bar graphs in CSS
  178. Cool-looking CSS bar graphs
  179. Create collapsible tables
  180. Custom radio buttons with CSS
  181. Image replacement techniques
  182. Shaded and framed images with CSS for photo galleries
  183. Create drop shadows in CSS
  184. The encyclopedia of rounded corners in CSS
  185. Rounded corners without any images in CSS
  186. A pretty good collection of nifty CSS tricks
  187. Create a block hover effect for a list of links
  188. Giant impressive pullquotes
  189. Automatic pullquotes with some CSS and JS
  190. Creating flow diagrams in CSS
  191. Create nice-looking curves in CSS
  192. Enforce the footer to appear at the bottom of the page, if there's room to scroll
  193. Put CSS hotspot pop-ups on maps
  194. A calendar made entirely in CSS out of unordered list
  195. Style an online calendar with CSS
  196. Create all sorts of nifty-looking forms in CSS
  197. Make tables prettier with CSS
  198. Creating right print stylesheets with CSS
  199. Creating nice Submit buttons with CSS
  200. CSS teaser box
  201. Custom bullet lists with CSS
  202. Nice visual hints for visited links in CSS
  203. Switch to large and medium text sizes with CSS and JS
  204. Creating a star rater all in CSS
  205. Some more cool ways to style visited links
  206. Labeling PDF links properly with CSS
  207. Displaying percentages and progress in CSS
  208. Make an image float without a text wrap
  209. Automatic zebra in table displays
  210. Vertical centering in CSS
  211. Image maps with CSS
  212. Image pop-ups with CSS
  213. CSS image preloading
  214. Image replacements for submit buttons
  215. A thumbnail for a link
css on del.icio.us | css on clipmarks