Skip to content. Adrian Roselli Consultant, Writer, Speaker

All Posts Tagged: pattern

Tracking When Users Print Pages

A few months ago I had the pleasure of writing a piece for .net Magazine about print styles (Make your website printable with CSS). It was posted to .net’s web site last month and received an overwhelming one comment. That comment, however, summed up something I hear all the time:…

Posted:

Tags: analytics, css, pattern, print, standards

Calling QR in Print CSS Only When Needed

For those of us who put together print styles for our sites, we’ve probably tossed around the idea of embedding QR codes so that users can quickly get back to a page they have printed. In the hardcopy version of my article for .net Magazine, “Make your website printable with…

Posted:

Tags: css, design, pattern, print, QR, standards, usability

ARIA Tabs

Last week I spent my Friday afternoon trying to get my head around how to apply ARIA properly to a tabbed interface. I even got so far as to map it out on my whiteboard and snap a photo so I could mull it over during the weekend. And then…

Posted:

Tags: accessibility, ARIA, css, html, JavaScript, pattern, standards, W3C, WAI

Chromatic Type with Pseudo Elements

Typography on the web has come a long way from the days of a handful of web-safe fonts, six sizes, and little other control. With the ability to embed custom typefaces in web pages and exert a great deal of control via CSS, it was a matter of time before…

Posted:

Tags: css, design, fonts, html, pattern, typefaces

CSS Background Images & High Contrast Mode

I try to stay up on accessibility gotchas and weird browser implementations, but I just discovered one that I suspect I should have already known. In Steve Faulkner’s post, Notes on accessible CSS image sprites, he tosses out a factoid that was new to me: When high contrast mode is…

Posted:

Tags: accessibility, browser, css, Internet Explorer, pattern, standards, W3C, WHCM

CSS-only Radial Menu Experiments

I have been working on a slow and plodding redesign of my personal site and am playing around with some navigation ideas. I wanted to create a JavaScript-free and image-free radial menu, an idea I toyed with a couple years ago and abandoned due to the lack of CSS support…

Posted:

Tags: css, design, html, mobile, pattern, standards, touch, usability, UX

Style Switcher in ASP

This article was originally posted on evolt.org, an online resource for web developers, maintained by web developers. I have granted evolt.org the right to use this article on their web site, and they are the only entity with the right to reproduce it. As more and more sites move away…

Posted:

Tags: css, pattern, standards, usability

Breadcrumbs for Those Using ASP

This article was originally posted on evolt.org, an online resource for web developers, maintained by web developers. I have granted evolt.org the right to use this article on their web site, and they are the only entity with the right to reproduce it. Instead of going through the usefulness of…

Posted:

Tags: css, html, pattern, usability

Real-World Browser Size Stats, Part I

This article was originally posted on evolt.org, an online resource for web developers, maintained by web developers. I have granted evolt.org the right to use this article on their web site, and they are the only entity with the right to reproduce it. Everybody has their own take on what…

Posted:

Tags: JavaScript, pattern

Let the User Skip the Splash Page

This article was originally posted on evolt.org, an online resource for web developers, maintained by web developers. I have granted evolt.org the right to use this article on their web site, and they are the only entity with the right to reproduce it. The proliferation of splash pages on web…

Posted:

Tags: JavaScript, pattern, usability

Give the User Control Over Your Fonts

This article was originally posted on evolt.org, an online resource for web developers, maintained by web developers. I have granted evolt.org the right to use this article on their web site, and they are the only entity with the right to reproduce it. There’s nothing quite like getting your text…

Posted:

Tags: pattern

Search icon Used in the search form as a button. Search icon Used in the search form as a button. Information icon Lower-case 'i' in a circle. Checkmark icon Symbol showing a checkmark. Alert icon Exclamation mark within a triangle.