Submit a CSS related link →

Posh CSS

For the modern day web designer.


5 Simple, But Useful CSS Properties

# Linked to 9 November 2009, 19:47 in by Sam Brown

This post is about 5 useful CSS properties that you should be very familiar with, but will most likely rarely use. I’m not talking about the new fancy CSS3 properties. I’m referring to the old CSS2 properties such as: clip, min-height, white-space, cursor, and display that are widely supported by all browsers.

Read more at →

20 Useful CSS Tips For Beginners

# Linked to 9 November 2009, 11:24 in by Ross Chapman

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.

Read more at →

8 CSS tips for better linking

# Linked to 9 November 2009, 11:19 in by Ross Chapman

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.

Read more at →

15 CSS Tricks That Must be Learned

# Linked to 29 October 2009, 00:41 in by Levi Figueira

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.

Read more at →

Mouse Cursor Affordance

# Linked to 26 October 2009, 20:25 in by Kevin Holesh

When styling your website with CSS, in some cases you may lose the correct cursor type for certain elements. It’s important to retain this indicator as it will inform the user about how the item they’re hovering over can be used. The solution is easy: if the cursor type is wrong, specify it using the CSS “cursor” property.

Read more at →

How to Create Inset Text with CSS3

# Linked to 22 October 2009, 13:46 in by Sam Brown

We are going to use the text-shadow property that is currently supported by Firefox, Opera and Safari to create the appearance of inset text. Inset text being text that has been pushed into the background, almost like a reverse embossed effect.

Read more at →

Internet Explorer Users Don’t Care About Rounded Corners

# Linked to 20 October 2009, 09:06 in by Sam Brown

Bold statement? Perhaps. But recently I’ve taken this approach to a few designs as I’m tired of having to use some sort of rounded corner hack to support IE. It’s a lot easier to just use the CSS 3 declaration.

Read more at →

Quick Tip – Simplify List Margins with CSS

# Linked to 19 October 2009, 06:42 in by Kevin Holesh

By default, list item markers have a negative positioning in relationship to the list item itself. This means that zero-ing out margins automatically leads to an overflow if the list is contained inside anything else.

Wouldn’t it be easier to put the list item marker at the same starting point as other elements instead? Lucky for us, there’s a style to help do just that. Meet the list-style-position property.

Read more at →

Remove the outline from links on :active only

# Linked to 14 October 2009, 11:52 in by Sam Brown

A few months ago I emphasised the importance of not making things difficult for people who do not use a mouse by removing the outline from links and form controls. If leaving the outline property at its default is not an option for you, perhaps the technique Patrick Lauke describes could work.

Read more at →

Thin Text in Safari with Snow Leopard

# Linked to 30 September 2009, 14:05 in by Sam Brown

Safari has a not-so-lovely way of bulking up text using sub-pixel rendering. On previous versions of Safari, this was fixed with a text-shadow declaration, but since Snow Leopard that method no longer works. Fortunately, I’ve found an alternative.

Read more at →