Unmatched Style is not just another CSS design gallery. We want to foster constructive design criticism as well as provide inspiration to our readers.
Unmatched Style always strives to bring inspiration to web designers across the web, from providing quality content in the form of informative articles, interviews and discussion.
Direct link: Unmatched Style
A CSS Image Map allows you to use to use a single image and then define multiple clickable hotspots. There are a multitude of solutions, here’s a list of the most helpful techniques and tutorials…
Direct link: CSS Image Map Techniques and Tutorials
This article will explain and show you how to style lists inside blog posts, articles or other basic HTML documents…
Direct link: How to Create Beautiful and Elegant HTML Lists Using CSS
A collection of useful CSS code snippets, tips and tricks…
Direct link: Easy CSS Techniques that Simplify the Webdesigner’s Life
A web grid system designed by Joseph Silvashy and New Gold Leaf that allows designers to use the screen real estate on large monitors and retain great design on smaller ones. The Fluid Grid System combines the principals of the typographic grid and a baseline grid into one resolution-independent framework…
Direct link: Fluid Grid System
There are so many articles and resources on the web about grid based design. Here’s a list of the best resources/tools all in one fell swoop…
Direct link: Grid Based Design Toolbox
IE7 supports a custom bicubic resampling mode for images. If you resize images in CSS and don’t use this, your images will have really poor quality…
Direct link: High quality CSS thumbnails in Internet Explorer
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…
Direct link: CSS Text Wrapper – wrap text around any shape
Before CSS, images were always put into Web pages with image tags. We gave them alternate alt text so they still made sense when images were turned off – it was the only way. Today, we have Cascading Style Sheets. Using CSS to add images to Web pages has been called a "vital cornerstone of all future Web design". It gives us new power to control the presentation not just of basic styles like borders, but all the images across a whole site. Fahrner Image Replacement FIR was the first widespread method of doing this, and remains the most well known. But it isn't perfect. Today I'll show you two methods that overcome its problems.
Direct link: Accessible Header Images With CSS And XHTML
Article covering the basics of baseline grids (defined grid areas within which content is placed) and how they can be applied effectively to the web medium…
Direct link: Setting Web type to a baseline grid