Sitemap
Here are links to most content on this site. Standalone pages are listed first, followed by blog posts by month in reverse chronological order. This page currently does not contain links to experiments and demos located in Lab, since each blog post that refers to a demo links to it.
Be aware that this is a rather long page.
Pages
Blog posts
September 2016
April 2016
March 2016
November 2013
October 2013
September 2013
June 2013
- Height in percent when parent has min-height and no height
- How to proportionally scale images that have dimension attributes
May 2013
April 2013
- Using a transparent image as an icon fallback
- Conditional sibling class names for IE patching
- Responsive drop shadows
March 2013
February 2013
- Fieldset, legend, border-radius and box-shadow
- Making elements keyboard focusable and clickable
- CSS background-position and percent
January 2013
December 2012
November 2012
October 2012
September 2012
- Use inherit to reduce repetition of CSS property values
- Tell CSS that JavaScript is available ASAP
- IP address-independent access to Mac virtual hosts from Parallels virtual machines
June 2012
- Using media queries to hide CSS3 from older browsers
- Beware of @import rules when concatenating CSS files
- An alternative to select elements as navigation in narrow viewports
May 2012
- Hiding visible content from screen readers with aria-hidden
- Safer event handling with jQuery namespaced events
- CSS generated content and screen readers
- iOS orientation change and automatic text resizing
- Make sure your HTML5 document outline is backwards compatible
April 2012
- Automatic line breaks in narrow columns with CSS 3 hyphens and word-wrap
- End tags, semi-colons and maintainable code
- The HTML5 placeholder attribute is not a substitute for the label element
March 2012
February 2012
December 2011
- How to adjust an iframe element’s height to fit its content
- Visited links can only be differentiated by colour
- The difference between width:auto and width:100%
November 2011
- Styling buttons in iOS WebKit and -webkit-appearance:none
- Screen readers and CSS
- JavaScript-created markup also needs to be semantic and accessible
- An accessible, keyboard friendly custom select menu
October 2011
- No more conditional comments in IE10
- Please provide a usable fallback for Flash content
- Using display:table has semantic effects in some screen readers
- Styling button elements to look like links
September 2011
August 2011
- Testing on mobile devices without the hardware
- Line-height in input fields
- Do not use display:none to visually hide content intended for screen readers
July 2011
June 2011
- On using h1 for all heading levels in HTML5
- The iOS Zoom setting disables maximum-scale=1 and user-scalable=no
- Centering button elements and input buttons
May 2011
- Styling ordered list numbers
- Do unobtrusive, accessible social media sharing widgets exist?
- Accessibility checklists can be helpful if used right
- Get element text, including alt text for images, with JavaScript
- iOS tip: how to zoom on web pages that have disabled user zoom
- Clipping text with CSS3 text-overflow
- Validate URL syntax with JavaScript
April 2011
- Time to make the title attribute device independent
- Make links focusable (or use real buttons)
- How to find the center of an area element with JavaScript
- Keyboard accessibility (again)
- HTML5 document outline revisited
- Week numbers in Mac OS X
- Controlling width with CSS3 box-sizing
March 2011
- X-UA-Compatible and HTML5
- The CSS3 Flexible Box Layout (flexbox)
- Source order and display order should match
- Flexible height vertical centering with CSS, beyond IE7
- HTML5 sectioning elements, headings, and document outlines
February 2011
- Merging directories (folders) on Mac OS X
- Now on Twitter
- HTML5 sectioning elements, headings, and document outlines
- A selection of Mac OS X keyboard shortcuts
- Writing useful page titles
January 2011
- CSS Validator to report vendor-specific extensions as warnings, not errors
- HTML beyond HTML5
- HTML5 logo FAQ updated to add clarification
- HTML5 now includes CSS3, SVG and WOFF?
- Media queries, viewport width, scrollbars, and WebKit browsers
- Why do drive-through ATMs have Braille keypads?
- Merging directories (folders) on Mac OS X
- Make your iPad and iPhone apps accessible
- iOS browsers that allow font scaling and text reflow
- Safari for iOS needs a text size preference and text reflow
December 2010
- @font-face tip: define font-weight and font-style to keep your CSS simple
- Controlling text size in Safari for iOS without disabling user zoom
- Use uppercase text judiciously
November 2010
- HTML5 allows almost any value for the id attribute – use wisely
- Beware of -webkit-text-size-adjust:none
- HTML5 syntax guidelines
October 2010
- Style visited and unvisited links differently (most of the time)
- IE 9 does not resize text sized in pixels
- Is hiding text with CSS to improve accessibility bad for SEO?
September 2010
- “Inspect element” is not the same as “View source”
- Validation matters
- Accessibility improvements in Apple iOS 4 for iPhone/iPod Touch
- You can’t reliably detect screen readers
- Remember non-vendor-prefixed CSS 3 properties (and put them last)
August 2010
- What characters are allowed unencoded in query strings?
- No longdesc attribute in HTML5
- Frustrated by the Web
June 2010
May 2010
- Accessibility does not prevent you from using JavaScript or Flash
- If you use the accesskey attribute, specify unique values
- Void (empty) elements and self-closing start tags in HTML
- Internet Explorer market share now below 60 percent
- The Web is a web of content, not an application framework
April 2010
- Why iPhones, iPods and iPads are Flash-free
- Built-in or bolt-on accessibility in HTML5? How about a bit of both?
- Web Inspector adds Timeline and Audits panels
- HTML5 input types
- Using the lang attribute makes a difference
- Whenever you use :hover, also use :focus
March 2010
- A selection of VoiceOver keyboard commands
- Heading navigation in web browsers
- Open hidden folders in the Mac OS X Finder
- IE9 Platform Preview available
- Reverse chronological order comments
February 2010
- CSS efficiency tip: use a single stylesheet file for multiple media
- Remember the Authoring Tool Accessibility Guidelines (ATAG)
- How to respond to email messages that contain multiple questions
- Specify a text colour for img elements
- Forgotten CSS selectors
- Beware of “Web Page, complete” when saving HTML pages with your browser
January 2010
- XHTML Media Types Working Group Note updated
- Unobtrusive JavaScript is not necessarily accessible JavaScript
- Embedding video files without JavaScript
- A call for consistent display of alt text across browsers
- Is SVG support coming to Internet Explorer?
- Telling organisations that their websites are inaccessible
- W3C HTML Accessibility Task Force
December 2009
- If you must use a dropdown menu, make sure it’s keyboard friendly
- JAWS has a weird way of recognising data tables
- That's a useful feature, but when can I use it?
- Safari, WebKit and alt text for missing images
- Use a background image in your CSS? Remember to specify a backup colour.
- HTML 5 syntax
November 2009
- CSSquirrel makes comics out of hot topics
- Do you find table summaries helpful?
- Vendor-specific extensions are invalid CSS
- WebKit Web Inspector improvements
- Headings and document structure conclusions
- New accessibility overview on the W3C website
- Results from WebAIM’s screen October 2009 screen reader user survey
October 2009
- Use the th element to specify row and column headers in data tables
- Design patterns and examples for colour blindness
- Lightboxes and keyboard accessibility
- New W3C website launched
- Remove the outline from links on :active only
- Improve your keyboard accessibility
- Gesture-based VoiceOver on the iPhone and iPod touch
- Use the optgroup element to group select options
September 2009
- Skip links need to be at least temporarily visible
- Java is not JavaScript
- Write HTML and CSS quicker with with Zen Coding
- Användbarhetsboken – a free online book on usability
- Opera adds support for the longdesc attribute
- HTML 5 and the summary attribute
- (Almost) never add a reset button to a form
August 2009
June 2009
- Page zoom does not mean the end of flexibility
- Accessibility improvements in Mac OS X Snow Leopard
- Using the Web with a refreshable Braille display
- Enabling keyboard navigation in Mac OS X Web browsers
- Help screen reader users by giving data tables a summary
May 2009
- Building accessible forms with WCAG 2.0
- The mysterious sideways jump, a.k.a. scrollbar present or not present
- Line wrapping text in legend elements
- Do not remove the outline from links and form controls
- Don’t forget keyboard navigation
- CSS background images cannot and should not have alternate text
- Hiding with CSS: Problems and solutions
April 2009
- Use the fieldset and legend elements to group HTML form controls
- Using an XML declaration triggers Quirks mode in IE 6
- Let your links look like links
- Professional front-end engineering explained
- Do not create empty links
- Making accessibility more real
- Accessibility is more than “possible to access”
- Don’t use the title attribute for essential information
March 2009
- Don’t duplicate link text in the title attribute
- NVDA – a free, open source screen reader
- WCAG 2.0 Checklist by WebAIM
- The evolution and future of HTML
- Use the p element to create paragraphs
- Screen reader testing
- Safari 4 public beta with WAI-ARIA support. Or not?
- Check your design with text size increased to 200 percent
February 2009
- IE 8 still does not resize text sized in pixels
- WCAG 2.0 recommends using luminosity contrast ratio to check colour contrast
- The alt attribute is for images only
- It’s “class”, not “CSS class”
- No more pixel perfectionism in IE 6
- Results from the WebAIM screen reader survey
- Use CSS Diagnostics with Stylish to find bad HTML
- Validating WAI-ARIA in HTML and XHTML
- Creating valid names with the id attribute
January 2009
- State of the Web 2008 findings
- Headings, heading hierarchy, and document outlines
- Specify each HTML document’s main natural language
- Reformat and repartition hard drives before using them with Time Machine
December 2008
- Find inline CSS and JavaScript with Inline Code Finder
- Reveal new window links and links to non-HTML files with a user stylesheet
- WCAG 2.0 finally a W3C Recommendation
- Version control with Subversion on Mac OS X
- The id attribute’s value must be unique
- Quick Tips for web developers and web designers
- Making Google Maps more accessible
November 2008
- TextMate productivity tips
- The order of link pseudo-classes matters
- Remember to specify a background colour
- Writing good alt text
- Find nasty JavaScript with the Obtrusive JavaScript Checker
- Going from WCAG 1.0 to WCAG 2.0
- Character encoding
- Reading up on WAI-ARIA
October 2008
- The WebKit/Safari Web Inspector is getting even better
- NoScript for Firefox
- Recently discovered web developer-related Firefox add-ons
- Google to webmasters: Write clean HTML and consider accessibility
September 2008
April 2008
February 2008
- DOMAssistant 2.6 released
- Beware of id and name attribute mixups when using getElementById in Internet Explorer
- Make sure your website works with or without www
- Helping others understand web accessibility
December 2007
November 2007
- Manual for Apple VoiceOver in Mac OS X 10.5 Leopard
- Does advanced search sound too advanced?
- Use the label element to make your HTML forms accessible
- Screen readers sometimes ignore display:none
- The W3C process may be slow, but browser vendors are slower
October 2007
- CSS diagnostics with XRAY and MRI
- Mac OS X 10.5 Leopard improves accessibility
- Mac OS X Web browser rundown 2007
- Videos of people using assistive technology
- Helping your client maintain markup quality
- The resurrection of downloadable Web fonts
- NoSquint allows site-specific text zoom
September 2007
- Scrap text resize widgets and teach people how to resize text
- 10 colour contrast checking tools to improve the accessibility of your design
- Help improve support for Web Standards in HTML email
- Can the alt attribute be omitted without hurting accessibility?
- Provide an accessible alternative if you must use a CAPTCHA
August 2007
- Understanding and extending semantics in HTML
- JavaScript interaction must be input device independent
July 2007
June 2007
- London 2012 Olympics branding film causes epileptic seizures
- Safari/WebKit has a new Web Inspector
- Keep HTML and CSS out of my inbox. Please.
- Reasons for code bloat
May 2007
- Why styling form controls with CSS is problematic
- Creating bulletproof graphic link buttons with CSS
- Browsers will treat all versions of HTML as HTML 5
April 2007
- How to prevent HTML tables from becoming too wide
- Unobtrusive and keyboard accessible connected select boxes
- Adding vs. not removing accessibility
March 2007
February 2007
- International RSI Awareness Day 2007
- Browser testing CSS and JavaScript
- New CSS properties in Safari
January 2007
- Seven accessibility mistakes you don’t want to make
- Elements and Attributes in HTML 5
- Apple iPhone is cool, but where is my keypad?
- Styling form controls with CSS, revisited
December 2006
- Internet Explorer and the CSS box model
- Forget WYSIWYG editors—use WYSIWYM instead
- Firebug 1.0—Web developer tool of the year?
November 2006
October 2006
- Accessibility statements or Site help pages?
- New W3C working group to improve HTML
- Useful tips for writing efficient CSS
- Closing the gap between list items in IE
- CSS Validator colour warnings are not errors
- Inline quotations: use q elements or not?
September 2006
- Font size inconsistencies with font-family: monospace
- Transparent custom corners and borders, version 2
- CSS Frames v2, full-height
August 2006
June 2006
May 2006
- Levels of HTML knowledge
- A letter from WASP-EduTF to Skolverket
- AJAX, JavaScript support and screen reader accessibility
April 2006
March 2006
February 2006
January 2006
- Safari Web Inspector
- Search engines and canonical URLs
- Styled bar graphs marked up as lists or tables
- CSS 3 selectors explained
- Luminosity contrast ratio
December 2005
- Use CSS background images responsibly
- Required elements and optional tags in HTML
- How to write a useful accessibility statement
- Elements of Typographic Style for the Web
- The history of CSS hacks
- Accessible DHTML: two different approaches
- Ten reasons to learn and use web standards
- CAPTCHA is bad for accessibility
- Accessibility and usability for interactive television
November 2005
October 2005
- Colour blindness simulator for Mac OS X
- CSS 2.1 selectors, Part 3
- Character references in HTML and XML
- Google, SEO and using CSS to hide text
- Stop using CSS hacks now
- Are invalid attributes valid?
- CSS 2.1 selectors, Part 2
September 2005
- CSS 2.1 selectors, Part 1
- Check marking visited links
- Keyboard navigation problems in IE and Safari
- Custom borders with advanced CSS
- Print-friendly CSS and usability
August 2005
June 2005
May 2005
- Transparent custom corners and borders
- VoiceOver and Safari: Screen reading on the Mac
- Usability testing without a budget
April 2005
March 2005
February 2005
January 2005
December 2004
November 2004
- Quotations and citations: quoting text
- Who framed the web: Frames and usability
- Mozilla, clearers, and dropped floats
October 2004
- Bring on the tables
- Document titles and title separators
- Styling even more form controls
- Safari and XHTML
September 2004
- Styling form controls
- Printing stylesheets
- Gbrowser based on Mozilla? Let’s hope.
- Accessibility vs Branding
- Converting your team
- Grids, tables, CSS
- Content negotiation, AdSense, and comments
August 2004
- Web development mistakes, redux
- Web development mistakes
- Sizing monospaced fonts
- Compression
- Content negotiation
June 2004
- Inverted Sliding Doors Tabs
- Flexible box with custom corners and borders
- Flexible news list
- CSS teaser box revisited
- Ampersands and validation
- CSS Teaser Box
- Equal height boxes with CSS, part II
May 2004
April 2004
March 2004
February 2004
January 2004
December 2003
November 2003
October 2003
- More Sliding Doors
- CSS Borders
- Safari 1.1
- A List Apart relaunch
- URL rewriting
- Float it
- Doggie style HTML
- Mid Pass Filter
- Soft dropshadow
- Practices and Patterns
- CSS Frames updated
September 2003
- Nested Lists Tabs
- Listamatic 2
- Verdana bad?
- Rounding Tab Corners
- Image Replacement for IE5/Mac
- Floating bugs
- Skipping links
- More lists
- Lists of lists
August 2003
- Standards, semantics and old habits
- Apple to join the web standards race
- Macintosh Browser Smackdown
- CSS Frames
- CSS Tabs
- Image replacement techniques
- Making a case for standards and accessibility
July 2003
- CMS, standards and semantics
- Centering with CSS
- Fun with forms
- More dropshadows
- Dropshadows
- Rounded corners
- Netscape murdered
- Building Accessible Websites
- Summer cleaning