Posh CSS

20 Useful CSS Tips For Beginners

Ross Chapman — Mon, 09 Nov 2009 12:24:28 PST

Whether you are interested in picking up CSS to create your own website, or merely to tweak your blog’s look and feel a little – it’s always good to start with the fundamentals to gain a stronger foundation. Let’s take a look at some CSS Tips we thought might be useful for beginners.

Review: HTML and CSS Web Standards Solutions

Ross Chapman — Mon, 09 Nov 2009 12:21:35 PST

This book, HTML and CSS Web Standards Solutions, by Christopher Murphy and Nicklas Persson is subtitled, “A Web Standardistas’ Approach.” As you might imagine, the book takes a purist approach to teaching the basics of HTML and CSS to the reader.

8 CSS tips for better linking

Ross Chapman — Mon, 09 Nov 2009 12:19:52 PST

It may sound stupid to say that, but the ability to link is one of the best features of the web. It is then really important to make your links display as convenient for use as possible. In the following collection you’ll find some tips to make your links better looking and more usable.

CSS Transforms Creater from Westciv

Sam Brown — Mon, 09 Nov 2009 10:07:33 PST

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)

Mobile optimised websites using CSS3 Media Queries

Sam Brown — Sat, 07 Nov 2009 10:25:51 PST

How to create a mobile optimised website using CSS3 Media Queries.

Realigning For A Beautiful Web using HTML5, CSS transforms and transitions

Kevin Holesh — Tue, 03 Nov 2009 19:18:19 PST

Example of using CSS transitions to add a visual treat to Webkit browsers. CSS transitions are coming to Firefox in 3.6, but for now, this tutorial only works in Webkit browsers.

View the live example on the For A Beautiful Web homepage.

CSS Sprites: What They Are, Why They’re Cool, and How To Use Them

Kevin Holesh — Fri, 30 Oct 2009 04:25:55 PDT

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.

This article will show you how to use CSS Sprites to cut down on HTTP requests and improve the efficiency of your web page. Also, it suggests the handy tool SpriteMe to automate the heavy calculations and eliminate the need for Photoshop.

A Dash of Rosemary on Your CSS

Sam Brown — Thu, 29 Oct 2009 16:49:49 PDT

Rosemary is an open-source modular cascading filter-based modification system for CSS files. Your CSS files are run through a series of filters that modify it one after another. These filters can be toggled on/off, rearranged, or all of them disabled completely to give you raw output. It provides a scalable CSS wrapper that you can continue to use no matter what version of CSS is supported (or unsupported).

Dropdown with Flyout CSS Menus

Ross Chapman — Thu, 29 Oct 2009 09:29:52 PDT

This page will be expanded over the coming year to show how the same simple nested unordered list can be styled in different ways to produce professional quality dropdown / pullup menus.

15 CSS Tricks That Must be Learned

Levi Figueira — Thu, 29 Oct 2009 01:41:01 PDT

As web designers and developers, we have all come to learn many css tricks and techniques that help us achieve our layout goals. The list of these techniques is an ever expanding one, however, there are certain tricks that are essential to achieve your goal.