Skip to content.
Adrian Roselli
Containerized Trained Platform VTOL

All Posts Tagged: css

Slides: Selfish Accessibility for Avega Group

The slides and video from my talk (a little background). Selfish Accessibility by Adrian Roselli. Insider seminar at Avega Group. pic.twitter.com/EPeTxcACpl— Vera Olsson (@en_surkova) March 19, 2015

Posted:

Tags: accessibility, ARIA, css, html, slides, speaking, standards, usability, UX, W3C, WAI, WCAG

ACE! Conference Slides: Selfish Accessibility

In addition to the slides, I’ve embedded video of my talk and way too many tweets after that. Video Impressing everyone on the internet, Paul Klipp has already gotten videos from ACE! posted less than 24 hours after the event ended. That’s impressive. I understand his tactic is to upload…

Posted:

Tags: accessibility, ARIA, css, html, slides, speaking, standards, usability, UX, W3C, WAI, WCAG

Booster Conference Slides: Making Your Site Printable

I’ll fill this up with notes and other content later, but in the meantime here are the slides from my talk this morning: I’ve written a bunch of handy stuff on print styles, here are some links (or you can see all posts tagged print on my blog) along with…

Posted:

Tags: css, print, slides, speaking, standards, usability, UX

Using Bookmarklets on Mobile

Viewing comments on Medium (first image), then being prompted to login in order to view comment replies (second image). Both images are current version of Chrome on Android. This is a follow-up to my post CSS Bookmarklets for Testing and Fixing. While surfing Medium the other day I chose to…

Posted:

Tags: browser, css, standards

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