5 Simple, But Useful CSS Properties
# Linked to 9 November 2009, 19:47 in Tips 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, anddisplaythat are widely supported by all browsers.
20 Useful CSS Tips For Beginners
# Linked to 9 November 2009, 11:24 in Tips 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.
8 CSS tips for better linking
# Linked to 9 November 2009, 11:19 in Tips 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.
15 CSS Tricks That Must be Learned
# Linked to 29 October 2009, 00:41 in Tips 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.
Mouse Cursor Affordance
# Linked to 26 October 2009, 20:25 in Tips 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.
How to Create Inset Text with CSS3
# Linked to 22 October 2009, 13:46 in Tips 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.
Internet Explorer Users Don’t Care About Rounded Corners
# Linked to 20 October 2009, 09:06 in Tips 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.
Quick Tip – Simplify List Margins with CSS
# Linked to 19 October 2009, 06:42 in Tips 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-positionproperty.
Remove the outline from links on :active only
# Linked to 14 October 2009, 11:52 in Tips 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.
Thin Text in Safari with Snow Leopard
# Linked to 30 September 2009, 14:05 in Tips 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.