Submit a CSS related link →

Posh CSS

For the modern day web designer.

Links

Curtis CSS Typeface

# Linked to 18 March 2010, 09:42 in by Sam Brown

Curtis is the name I’ve given for a family of geometric sans-serif fonts currently in development. This version takes form in CSS. All shapes are rendered by the browser, using a combination of background color, border width, border radius, and a heavily reliance on absolute/relative positioning.

Read more at desandro.com →

Create Your Own @font-face Kits

# Linked to 10 March 2010, 15:09 in by Sam Brown

CSS @font-face generator by @fontsquirrel could play a huge role in spreading webfonts love. - via @zeldman

Read more at www.fontsquirrel.com →

CSS3, Please! The Cross-Browser CSS3 Rule Generator

# Linked to 9 March 2010, 16:36 in by Sam Brown

You can edit the underlined values in this css file, but don’t worry about making sure the corresponding values match, that’s all done automagically for you. Whenever you want, you can copy the whole or part of this page and paste it into your own stylesheet.

Read more at css3please.com →

CSS Border Radius

# Linked to 2 March 2010, 09:27 in by Sam Brown

Ever find yourself struggling to remember the correct border-radius syntax? We certainly do, as, it would appear, do others. Jacob Bijani, Creative Director at Tumblr, has the answer to your problems: CSS Border Radius. (Via Web Standardistas)

Read more at border-radius.com →

CSS Transforms Creater from Westciv

# Linked to 9 November 2009, 09:07 in by Sam Brown

Need a hand creating CSS Transforms? John Allsopp from Westciv has put together this great little demonstration site to help you create them. (via For A Beautiful Web)

Read more at westciv.com →

84 Amazingly Useful CSS Tips & Resources

# Linked to 16 October 2009, 14:25 in by Ross Chapman

The love and respect for web standards is continually growing in the online community and the push to create more and more unique web designs and layouts means the use and functionality of CSS is more keenly discussed.
Feast your eyes over this collection of super useful CSS resources…

Read more at www.gracesmith.co.uk →

SlickMap CSS

# Linked to 9 July 2009, 08:50 in by Sam Brown

SlickMap CSS is a simple stylesheet for displaying finished sitemaps directly from HTML unordered list navigation. It’s suitable for most web sites – accommodating up to three levels of page navigation and additional utility links – and can easily be customized to meet your own individual needs, branding, or style preferences.

Read more at astuteo.com →

20+ Resources and Tutorials for Creative Forms using CSS

# Linked to 6 July 2009, 09:17 in by Sam Brown

Forms do not have to be boring and ugly, they too can be beautiful. With the proper understanding of each element (radio buttons, checkboxes, textareas..), CSS know-how, a little patience and some creativity you can make your forms beautiful. Throw in, the always important, semantics and accessibilty and things can get tricky.

Read more at speckyboy.com →

Modernizr

# Linked to 2 July 2009, 10:30 in by Sam Brown

Modernizr is a small and simple JavaScript library that helps you take advantage of emerging web technologies (CSS3, HTML 5) while still maintaining a fine level of control over older browsers that may not yet support these new technologies. Modernizr uses feature detection to test the current browser against upcoming features like rgba(), border-radius, CSS Transitions and many more.

Read more at www.modernizr.com →

The Mystery Of CSS Sprites: Techniques, Tools And Tutorials

# Linked to 28 April 2009, 10:30 in by Sam Brown

CSS Sprites are not new. In fact, they are a rather well-established technique and have managed to become common practice in Web development. If you haven’t heard of CSS sprites before, now is probably a good time to learn what they are, how they work and what tools can help you create and use the infamous technique in your projects.

Read more at www.smashingmagazine.com →