Posts in the CSS category

• Attribute selectors for image styles

  03 December 2009 by Clive Walker

  I have been reading several articles recently, and reminding myself, about attribute selectors. In case you’re wondering, attribute selectors in your style sheet allow you to style an element based on an attribute and value. This means that you can set-up style rules without the need to add class names to your (X)HTML. Cool! For example, you could style all external links by using a selector that targets the href attribute and matches any href value beginning with “http”.

• Seeing more clearly with CSS opacity

  09 November 2009 by Clive Walker

  I have been trying to use some different CSS properties in recent style sheets and one of these is the opacity property. It’s quite easy to use and can give you a sophisticated effect where one element shows through another. Hey, what’s not to like!? Unfortunately, we need to apply a few Internet Explorer fixes but they are also relatively easy to implement (even if they look a bit complicated).

  1 Comments

• Blockquotes and CSS styling

  23 September 2009 by Clive Walker

  I have been busy with a new website that includes several customer comments about the business in question. That’s great but how should I code it? In this case, I thought it would be best to use the <blockquote> tag/element in my HTML. If you don’t use this tag, you should because it’s really quite useful both as a meaningful way of marking up your content and as a tag that you can style. I also decided to use the cite element. Normally, I include the <cite> tag within the <blockquote> and wrap it round the name of the person who made the comment/quote.

• The CSS Anthology from Sitepoint

  25 August 2009 by Clive Walker

  The third edition of The CSS Anthology: 101 Essential Tips, Trick and Hacks by Rachel Andrew is now available from Sitepoint.

  1 Comments

• Using advanced CSS selectors

  18 August 2009 by Clive Walker

  There's a good article called Taming Advanced CSS Selectors by Inayaili de León on the Smashing Magazine website.

• CSS Tip: Placing text on top of an image

  12 August 2009 by Clive Walker

  The other day, I needed to add a strap line or caption on top of an image. Yes, I can do this in an image editor like Photoshop or Fireworks but I wanted to compare an alternative method using CSS. The CSS method also has the advantage that the text will be read by search engines. Anyway, here's how I chose to to do it.

  7 Comments

• Rotate text with CSS

  30 July 2009 by Clive Walker

  Jonathan Snook published an interesting blog post recently where he described text rotation with CSS.

  1 Comments

• Web fonts make progress

  21 July 2009 by Clive Walker

  There has been quite a lot of progress on the subject of web fonts in recent months. Rather than sticking to a core set of web-safe fonts, web designers might soon be able to use a much wider range, by choosing one of several new methods. Here's a short summary of recent developments.

  1 Comments

• Handcrafted CSS - a new book from that Bulletproof Web Design guy

  03 July 2009 by Clive Walker

  Handcrafted CSS: More Bulletproof Web Design by Dan Cederholm and Ethan Marcotte is a new book [and DVD] due in August.

  1 Comments

• Aligning your CSS properties .... and using a few different ones

  24 June 2009 by Clive Walker

  Well, that was a slight surprise. I looked at the visitors statistics for this blog yesterday and discovered that more than 70% of you are not using Internet Explorer.

  2 Comments