"I love 456 Berea Street: Articles and news on web standards, accessibility, and usability"

2022-05-05 15:16:48

Skip to main contentAboutArchiveLabLatest postsHiding inline SVG icons from screen readersIcon fonts are finally being phased out in favour of a technology that’s more fit for purpose: SVG. There are many tutorials and guides that describe different ways in which you can use SVG icons, which is great. I do however see an issue related to accessibility pop up now and again, so I’d like to share a little tip about that.Posted on September 30, 2016 in AccessibilityLinting CSS with stylelintI use stylelint to keep my CSS in order. Here’s how I configure it.Posted on April 3, 2016 in CSSWhy I don’t use CSS preprocessorsI don’t use CSS preprocessors they way many people do. Here’s an attempt to explain why.Posted on March 27, 2016 in CSSCutting down on vendor prefixesA number of CSS3 properties that you can use unprefixed or with just a single vendor prefix.Posted on November 13, 2013 in CSSFull-width justified vertically centered navbarTwo different ways of creating a full-width navigation bar with vertically centered links whose entire height is clickable.Posted on October 13, 2013 in CSS, JavaScriptResponsive scrollable tablesA responsive technique for making data tables (or any other element) wider than their parent horizontally scrollable.Posted on September 21, 2013 in CSS, JavaScriptHeight in percent when parent has min-height and no heightGiving an element a height in percent may not do what you expect if its parent does not have an explicit height set.Posted on June 28, 2013 in CSSHow to proportionally scale images that have dimension attributesImages that have dimension attributes in the HTML will retain their height when scaled down with CSS unless you add a height:auto declaration.Posted on June 13, 2013 in CSSMore posts are in the archive.© 2003-2020 Roger Johansson. Powered by the power of HTML, CSS, and Eleventy. There is a sitemap.You can also subscribe to my RSS feed and follow @rogerjohansson on Twitter.