Skip to main content

Smiley Cat

  • Home
  • Elements of Design
  • About
  • Contact

CSS

New Image Replacement Hack Replaces the -9999px Hack

April 12, 2012August 5, 2016 Christian Watson

I was pretty interested to read about a potential replacement for the venerable -9999px image replacement hack that we’ve been using for so many years, which Zeldman has christened the “Kellum Method.”

Read More

Is This New Browser-Based CSS Editor a Firebug Replacement?

July 23, 2011October 4, 2020 Christian Watson 4 Comments

When I read the words “browser-based CSS editor” recently on RedWriteWeb I got excited because it sounded like a way to be able edit CSS on the fly in browsers other than Firefox (yes, you Internet Explorer).

Read More

Rotating Text with CSS

September 9, 2009August 2, 2016 Christian Watson 1 Comment

If you look up you’ll notice I made a small update to the way dates are presented in my headings. It’s not a big change, but I wanted to include the year without increasing the height of the date stamp.

Read More

Future-Proof Your Web Site Design by Planning Your CSS In Advance

November 25, 2007August 14, 2016 Christian Watson 19 Comments

A web site is like a building. Over time it gets lived in. And, regardless of the initial intentions of the designer for how everything within it should be arranged, things get moved around, stuff gets added, some things get taken away, more stuff gets added, the occasional renovation takes place, and yet more stuff gets added. Read More

Create Resizable Images With CSS

May 12, 2007August 3, 2016 Christian Watson 10 Comments

I’m a big fan of layouts that still work if a user increases their browser’s text size. However, I was wondering what it would be like if any images resized along with the text rather than staying constant in size. Would everything seem more in proportion?
Read More

Pull-quote Design Showcase

April 8, 2007August 14, 2016 Christian Watson 5 Comments

I’m a big fan of using pull-quotes (or callouts) to improve the readability of content-heavy pages. Not only do call out important content, but they can also be used to break up content on the page and provide additional visual interest. Read More

Quick Fix For IE7 Display Issues

November 27, 2006September 20, 2020 Christian Watson 5 Comments

I’m sure you’ve all been there — you install IE7; fire it up and tentatively type in your web site’s URL. You hit Enter and cross your fingers. Up comes your site. Quickly you scan the page. All looks good … no, there’s a display issue. Damn!

Read More

CSS Rounded Corners ‘Roundup’

October 11, 2006January 15, 2021 Christian Watson 67 Comments

This collection of techniques to create boxes with rounded corners using CSS has become quite popular. The problem now is there are so many choices it’s hard to know which one to choose.

Read More

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

Posts navigation

1 2 3 Older posts

Recent Posts

  • 5 Product Management Myths You Need to Stop Believing
  • The Key Strengths of the Best Product Managers
  • Effective Prioritization Strategies for Product Managers
  • The HEART Framework: A Practical Approach to Measuring User Experience
  • 5 Product Principles for Product Managers

Categories

  • Web Design 140
  • UX Design 118
  • Tools & Resources 86
  • Web General 59
  • Writing for the Web 56
  • Real Life 54
  • Elements of Design 46
  • Top Ten Lists 42
  • Showcases 41
  • Blogging 40
  • SEO 37
  • Ecommerce 36
  • Email Marketing 29
  • CSS 22
  • Web Analytics 17
  • Mobile Design 16
  • Reviews 16
  • Product Management 10
  • Infographics 2

Top Posts

  • How to Mass Delete All the Emails in a Folder in Gmail
  • Discussion Forums Design Gallery
  • 30 Call-to-Action Examples that are Better than Learn More
  • Easily Create iOS and Android App Store Badges
  • LinkedIn Recommendation Generators
  • How to Write a Web Site Creative Brief
  • The Most Popular Medium Articles on Product Management
  • Using a Background Image Grid to Lay Out Your Web Site

Popular Categories

  • Web Design 140
  • UX Design 118
  • Tools & Resources 86
  • Web General 59
  • Writing for the Web 56
  • Real Life 54
  • Elements of Design 46
  • Top Ten Lists 42

You Should Follow Me

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