Skip to content.
Adrian Roselli
Decentralized Distrbuted Ledger Library RTFM

All Posts Tagged: css

CSS Bookmarklets for Testing and Fixing

I regularly have to test sites in development, review some third-party site, or just use a site in my day-to-day time wasting (and banking) rituals. I’ve relied on viewing the page’s source or popping into my browser’s dev tools to find a missing element, copy un-transformed text, check for inline…

Posted:

Tags: accessibility, ARIA, browser, css, html, standards, W3C

Announcing My Ring Warmer App

Animation showing the Ring Warmer in action. If you have to wear a ring, then perhaps you have experienced the discomfort of putting a cold ring on your finger (maybe in the morning in a cold house). I decided that I could do something about that using the only tool…

Posted:

Tags: apps, css, html, JavaScript, mobile, pattern, touch

Web Development Advent Calendars for 2014

For a few years now web developers around the world have celebrated Saturnalia Christmas with advent calendars covering topics related to the web. Some come and go, but you’ll probably recognize a few regulars on this list. I may have missed some, so please pass them along if you know…

Posted:

Tags: accessibility, css, design, fonts, html, internet, mobile, standards, usability, UX

Linear Gradient Problems in Chrome

Detail of the effect I wanted to re-create with a linear gradient — a gray column, a white narrow gutter, a black vertical line, and the rest as white. I’m going to tell you up front that I don’t have a fix for the issue I am raising, though there…

Posted:

Tags: browser, Chrome, css, design, html, rant, standards

NAGW Slides: Responsive Web Design Primer

I just finished a webinar for the National Association of Government Web Professionals where I provided an overview of responsive design. I always struggle when I cannot see the audience, but as always my ego carries me through to the end. The slides are embedded here for any and all…

Posted:

Tags: analytics, css, design, html, mobile, slides, speaking, usability, UX

CSS Summit 2014 Slides: Making Your Site Printable

This afternoon I awkwardly stumbled through my talk for CSS Summit, Making Your Site Printable. I can tell you that speaking to a screen instead of to a room full of people is a whole different experience than I was expecting. Fortunately for you I do not have an audio/video…

Posted:

Tags: css, print, slides, speaking, standards

Speaking at CSS Summit

In just under two weeks the 6th annual online, live CSS and SASS conference, CSS Summit, will be underway and I have been asked to speak on print styles. You don’t have to deal with airports, hotels, taxis, or strangers. Heck, you don’t even need to leave your desk. The…

Posted:

Tags: css, print, speaking, standards

Keep the Focus Outline

This animated GIF is a screen capture of cycling through every interactive element (mostly links) on the page using just the tab key. You’ll note that in all but one case, the only indication of any change is in the lower left in the browser’s status bar where it shows…

Posted:

Tags: accessibility, css, design, law, rant, standards, usability, UX, WAI, WCAG

Accessible Bootstrap Frameworks

This post originally appeared on the Algonquin Studios blog. If you work much with accessibility, then you might consider the title of this post to be an oxymoron, a self-contradicting mess. Frankly, I tend to agree. Barring a compelling use case, I never start a project with Bootstrap and I…

Posted:

Tags: accessibility, css, html, JavaScript, mobile, standards, usability, UX, WAI, WCAG

Make Getty Embeds Responsive

In my post What to Consider before Using Free Getty Images one of the many caveats I outlined was the lack of responsive support in Getty’s iframe code. Of all the issues I raised, this one is actually pretty easy to get around. Background While the other points still preclude…

Posted:

Tags: css, html, JavaScript, mobile, pattern, usability, UX

I Don’t Care What Google Did, Just Keep Underlining Links

Screen shots of Google search results showing protanopia (middle) and deuteranopia (right) forms of color-blindness. Click/tap/select the image for a full-size view. I figured I’d lead with my argument right in the title. Even if you read no further, you know where I stand. I’m just going to fill up…

Posted:

Tags: accessibility, css, Google, html, rant, usability, UX

What to Consider before Using Free Getty Images

There was quite a lot of chatter this week over Getty’s move to make its image library (ok, only 40 million of its images) free for non-commercial use on the web. Some might think they can now just start taking images from the Getty site, but not quite. Getty requires…

Posted:

Tags: accessibility, css, design, html, UX