Skip to content.
Adrian Roselli
Outsourced Blockchain Wallet sFTP

All Posts Tagged: pattern

Show/Hide Script-Free (Which Means CSS Only)

There are many ways to hide and show content with a click (or tap or poke or key-press or …). Many of them have JavaScript under the hood and nearly all of them have dependencies on third-party libraries and/or CDNs. This may be fine when you already have to load…

Posted:

Tags: accessibility, css, JavaScript, pattern, usability, UX

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

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

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

This post was written in 2012, when Internet Explorer was still a browser in common use, Edge did not exist (in either form), and WHCM was not yet on standards track. If you are supporting IE or looking for historical support, then this article is for you. Otherwise I recommend…

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