Category: Articles

Informational or theoretical articles about a variety of web design topics, including CSS, HTML, accessibility, usability, and visual design.

  • Media queries presentation at indieconf

    Download the slides for my presentation on CSS3: Using Media Queries to Improve the Web Site Experience for indieconf, as well as get links to related resources on media query techniques, tools, and inspiration.

    November 19, 2011

    2 Comments

  • Web accessibility presentation and resources

    Download the slides for my presentation on Web Accessibility for the Charlotte User Experience group, as well as get links to related resources on accessibility techniques and tools.

    November 15, 2011

    0 Comments

  • Essential considerations for crafting quality media queries

    Learn what you need to know to set up media queries that maximize efficiency and robustness for your particular project. There are pros and cons to making your media queries embedded versus external, overlapping versus stacking your media queries, starting with mobile versus desktop styles, and using conditional comments versus JavaScript to add support for IE 8 and earlier versions.

    October 21, 2011

    18 Comments

  • Videos of screen readers using ARIA, updated

    Recordings of screen readers using web page components that do and do not make use of WAI-ARIA can be a good educational resource for why ARIA is important to accessibility. Here are all the videos of such demos that I’ve found.

    October 17, 2011

    8 Comments

  • A few links: CSS and accessibility

    A few links to handy articles from 456 Berea Street related to CSS and accessibility: using list-style:none, using display:table, and styling buttons to look like links.

    October 14, 2011

    1 Comment

  • IE 7 button text redraw bug

    Internet Explorer 7 has a bug where, when it redraws the text of buttons after scrolling them out and then back into the viewport, lines of pixels are missing from the text. I can’t figure out a fix and need some help.

    April 29, 2011

    24 Comments

  • Bug fixes for removing the inner shadow on iOS inputs

    You should be able to remove the default inner shadows on text field inputs in Safari on iOS using -webkit-appearance, but a couple bugs with the property reduce its usefulness. Luckily, you can work around the bugs using CSS3 gradient background images instead.

    April 13, 2011

    4 Comments

  • 30 things I’ve learned in 30 years

    I’m 30 today. I have a lot left to learn in my life. But here are a few things I do know.

    February 20, 2011

    1 Comment

  • Videos of screen readers using ARIA

    Recordings of screen readers using widgets with and without WAI-ARIA can be a good educational resource for why ARIA is important to accessibility. There aren’t many out there, but here’s what I found.

    February 07, 2011

    15 Comments

  • Examples of flexible layouts with CSS3 media queries

    Media queries let you to feed different CSS to users based on their viewport size (among other things), allowing you to create even more flexible layouts than ever before. See visual examples of real sites that use CSS3 media queries to make the layout more adaptable to the variety of screen sizes and devices in use today.

    December 15, 2010

    40 Comments