CSS

Public Categories: 
  • Accessibility
  • CSS

I've been spending a lot of time reviewing websites lately. I keep seeing the same few mistakes over and over. Some of them may be intentional design choices, but for the most part they seem to be mistakes of omission. What I'm seeing is incomplete CSS for links. Incomplete link CSS does one of two things.

Public Categories: 
  • Accessibility
  • CSS
  • Web Design
  • Government on the Web

As part of my work with North Dakota Government's Information Technology Department (ITD) I with a team of people maintaining www.nd.gov. We've recently launched a series of updates, with more on the way. My part of the recent changes involved improving the basic HTML structure, the CSS, and overall accessibility. This new structure is now wrapped in a new theme for the Summer. The content and back-end work belongs to others, but the CSS and Photoshop work is mine.

Public Categories: 
  • CSS

Are you being selective enough with your CSS? Maybe too much? CSS Selectors are the basis of good CSS. Inappropriate Selector choice is one of the most common sources of problems I find when troubleshooting CSS. The best strategy I know of is to start simple, and build on it. Don't start with obscure Class names, start with the type selectors. How can you define a Class meant to apply to paragraphs, if you haven't defined paragraphs? Define the basic HTML your site is built from before you add anything else.

For the sake of this discussion, let's define some simple HTML.

Public Categories: 
  • Accessibility
  • CSS
  • Drupal
  • Web Design
  • Government on the Web

I just noticed at Dries Buytaert's site that New York State Senate is using Drupal. It's now a very stylish looking Drupal site. Its' visual style is quite nice, but what lurks below the surface?

Public Categories: 
  • Accessibility
  • CSS
  • Web Design

I was asked by a friend to take a look at recovery.gov yesterday. To be honest, I was disappointed. While it is a pretty site, it isn't nearly as accessible as it should be.

Here's a few things that I see that should really be fixed.

Public Categories: 
  • About this Site
  • CSS
  • Web Design
  • Accessibility

Website's in general, and blogs in particular, are all about links. Sending people where you want, to content that they want. Are your links easy to find? How about if your site was viewed by someone colorblind or partially sighted?

Accessibility can be viewed as the "ability to access" the functionality, and possible benefit, of some system or entity. - Wikipedia

Public Categories: 
  • CSS
  • Web Design

IE PNG Fix - TwinHelix

This script adds near-native PNG support with alpha opacity to IE 5.5 and 6. Now you can have full translucency and no more ugly grey borders! It requires only one line in your CSS file, and no changes to your website HTML. <img alt="" /> tags and background images are both supported.

Public Categories: 
  • CSS
  • Web Design

Test-Driven CSS (sorta) at zahnster

When starting this task, I knew that we'd have to come up with an at-a-glance method for our developers to take the newly re-factored CSS and run with it.

Public Categories: 
  • Accessibility
  • CSS
  • HTML
  • Software
  • Web Design

I was putting together a list of resources that I regularly use for someone, and I thought it might be helpful for someone else.

Public Categories: 
  • CSS
  • HTML
  • Software
  • WordPress
  • Web Design

I'm still using the CSS Menu Writer that I got to evaluate. I have to say it's very slick. I'm working on a WordPress site that I hope to reveal soon, and it came in very handy. I've worked on tabbed navigation with CSS before, but this was relatively painless. A few quick menu adjustments and it gave me a set of beautiful tabbed menus. Of course it's never quite that easy.

Subscribe to Thoughts on Design: Categories: CSS