Skip to content. Adrian Roselli Consultant, Writer, Speaker

All Posts Tagged: design

Network Solutions and Yet More Dark Patterns

In late 2012 I related my extreme displeasure of trying to register a domain through the intentionally confusing Network Solutions ecommerce flow. In my post, Network Solutions and Dark Patterns, I used a whole lot of screen captures to show the convoluted flow that I believe Network Solutions uses to…

Posted:

Tags: design, NetSol, rant, usability, UX

“Tracking Printed Pages (or How to Validate Assumptions)” at Web Standards Sherpa

Today my second article at Web Standards Sherpa has been posted, Tracking Printed Pages (or How to Validate Assumptions). I fit a lot in there, but the gist is that I show you how to track when and what pages from a site are printed so you can make a…

Posted:

Tags: analytics, clients, css, design, html, print, standards, usability, UX

Web Development Advent Calendars for 2013

Ganesha may or may not be stealing chocolate from the advent calendar. 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…

Posted:

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

Tables as Responsive Image Containers

If you’ve been following the latest chaos in the responsive image debate, you may know that there is a battle afoot between supporters of src-n, srcset and picture. If you don’t believe me, I refer you to this WHATWG post, a polite round-up of today’s bar fight. Key is that…

Posted:

Tags: browser, css, design, rant, W3C, whatwg

Slides: Responsive Web Design Primer

Yesterday I had the pleasure of visiting the University at Buffalo (my alma mater) to give a presentation for its CIT professional development series. I got to talk about responsive design. Knowing in advance that the room would have technical and non-technical users I went for a code-free presentation. One…

Posted:

Tags: accessibility, css, design, html, mobile, print, project management, slides, speaking, standards, touch, usability, UX

Infographically Disinclined

I don’t care for infographics. Their original purpose of visually conveying otherwise complex information has been superseded by their current use as marketing drek with “quirky” illustrations, blocks of prose, and the occasional useful factoid. The love affair with inforgraphics is confounding to me as a web developer. They are…

Posted:

Tags: accessibility, design, infographic, rant, standards

My Carousel Use Stats

I started this post way back in March after reading Brad Frosts’ bit on carousels. Then I let it sit unfinished. With the buzz around ShouldIUseACarousel.com this week, I figured I’d finish it up. The data is old, although I offer updated numbers at the bottom. The Process I looked…

Posted:

Tags: accessibility, analytics, design, mobile, rant, touch, usability, UX

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, print, QR, standards, usability

Network Solutions and Dark Patterns

We should be familiar with anti-patterns in user interface design — counter-intuitive or ineffective user interface techniques. Dark patterns are user interface design patterns that intentionally try to steer users into taking actions that are in the best interest of the site owner, not the user. Sadly, users encounter these…

Posted:

Tags: design, NetSol, rant, usability, UX

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, typefaces

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, standards, touch, usability, UX

Where’s the Viewport Size Data?

StatCounter released data on Wednesday showing that the screen resolution of 1,366 x 768 has surpassed 1,024 x 768 as the most common screen resolution. If you’ve paid attention to the drive for widescreen displays on newer machines, this may not come as much of a surprise to you. I…

Posted:

Tags: browser, design, standards, usability, UX

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.