Skip to main content

Smiley Cat

  • Home
  • Elements of Design
  • About
  • Contact

CSS

Inline CSS Tabs with Rounded Corners

May 3, 2006December 6, 2020 Christian Watson 4 Comments

Sometimes you have a lot of information to present on a page. In certain circumstances (say, when you have a constrained space in which to present this content) I think the concept of using inline tabs to present users with choices as to what they see at any one time works really well.

Read More

How to Create a Block Hover Effect for a List of Links

March 8, 2006September 20, 2020 Christian Watson 33 Comments

Among the many things to like about Veerle’s redesign of her blog is the way she does the hover effects for lists of links, such as those in her “approved” section.

Rather than force others to wade through Veerle’s CSS (wow, that’s quite a stylesheet!) I thought it’d be helpful to show how to create this “block hover” effect.

Read More

More CSS Optimization Techniques

February 27, 2006September 20, 2020 Christian Watson 1 Comment

A lot has been written about more efficient CSS (see below for some examples). Certainly, when you work with multiple people on larger sites, organizing your CSS in a logical, consistent manner becomes increasingly important.

Read More

How to Style ‘Author’ Comments Differently on Your Blog

January 24, 2006August 14, 2016 Christian Watson 9 Comments

Recently I posted 10 tips to improve the design of your blog’s comment section. One of those tips was to make your ‘author’ comments look different so that your readers could easily see your contribution to the discussion. Read More

How to Style an A to Z Index with CSS

January 16, 2006August 12, 2016 Christian Watson 5 Comments

I’ve always been taken with the way that the BBC styles their A-Z index using a simple list and CSS. However, because they use pixels to set the dimensions of each list item, the design breaks when you increase the text size.
Read More

Top 10 CSS Sites

October 11, 2005November 7, 2020 Christian Watson 9 Comments

There are hundreds of sites that offer tutorials, examples and inspiration about CSS. In no particular order, here’s a list of my favorites that I visit on a regular basis.

Read More

“Yet Another” Image Replacement Technique?

September 7, 2005September 18, 2020 Christian Watson

I was a little surprised that this new image replacement – or, should I say “placement” – technique didn’t get a little more press when it came out as it looks pretty interesting.

Read More

Tips and Tricks for Organizing Complex CSS

July 20, 2005August 1, 2016 Christian Watson

Garrett Dimon has written a good article, Architecting CSS for Digital Web Magazine which is well worth a read. Two points he made particularly struck home with me.

Read More

Optimize Your CSS by Combining Classes

July 12, 2005July 27, 2016 Christian Watson

This is one of the more useful CSS techniques I’ve learned, and seeing as I picked it up somewhat later than I would have liked, I’m sure there are others who are not simplifying their CSS by breaking it up in this way.
Read More

What is Happening to CSS?

May 18, 2004September 18, 2020 Christian Watson 2 Comments

As I was reading “How To Clear Floats Without Structural Markup” at Position is Everything I started to wonder what is happening with CSS at the moment?

Read More

Posts navigation

Newer posts 1 2 3 Older posts

Recent Posts

  • Easily Create iOS and Android App Store Badges
  • Abandoned Cart Email Copywriting that Brings Shoppers Back
  • How to Convert Popup Windows to Tabs in Google Chrome
  • Abandoned Cart Emails Design Gallery
  • Online Form Error Message Design Gallery

Categories

  • Web Design 157
  • Usability 100
  • Web General 98
  • Tools & Resources 90
  • Writing for the Web 59
  • Elements of Design 46
  • Real Life 46
  • Top Ten Lists 44
  • Blogging 43
  • Showcases 41
  • SEO 37
  • Ecommerce 36
  • Email 29
  • CSS 23
  • Web Analytics 18
  • Mobile 17
  • Reviews 16
  • Infographics 12
  • Product Management 4

Top Posts

  • How to Mass Delete All the Emails in a Folder in Gmail
  • Easily Create iOS and Android App Store Badges
  • LinkedIn Recommendation Generators
  • Website Footers Design Gallery
  • Save Time and Effort With the Testimonial Generator
  • 30 Call-to-Action Examples that are Better than Learn More
  • Discussion Forums Design Gallery
  • 37 Examples of Abandoned Shopping Cart Emails

Popular Categories

  • Web Design 157
  • Usability 100
  • Web General 98
  • Tools & Resources 90
  • Writing for the Web 59
  • Elements of Design 46
  • Real Life 46
  • Top Ten Lists 44

You Should Follow Me

  • LinkedIn
  • Twitter
  • RSS
  • Instagram
© 2020 Christian Watson • Theme by Colorlib Powered by WordPress