Download the slides for my presentation on Building Responsive Layouts for the CSS Dev Conference, as well as get links to related resources on fluid layouts, media queries, and other responsive web design techniques, tools, and inspiration.
Posts Categorized: Articles
Some updates to stunningcss3.com, and a border-image problem
I recently updated the articles on @font-face that are on the companion site for my book Stunning CSS3. In doing so, I also discovered border-image isn’t working in Firefox, and I can’t figure out how to fix it.
The Future of CSS Layout presentation at Future of Web Design conference
Download the slides for my presentation on The Future of CSS Layout for the Future of Web Design NYC 2012 conference, as well as get links to related resources on flexible box layout, new CSS3 layout-related modules, and other float-alternative layout techniques.
Building Responsive Layouts presentation at Responsive Web Design Summit
Download the slides for my presentation on Building Responsive Layouts for the Responsive Web Design Summit 2012, as well as get links to related resources on fluid layouts, media queries, and other responsive web design techniques, tools, and inspiration.
Responsive web design presentation at STC Summit
Download the slides for my presentation on CSS3, Media Queries, and Responsive Web Design for the STC Summit 2012, as well as get links to related resources on media query and responsive web design techniques, tools, and inspiration.
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.
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.
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.
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.
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.