Skip to content. Adrian Roselli Consultant, Writer, Speaker

All Posts Tagged: JavaScript

For Infinite Scroll, Bounce Rate Is a Vanity Stat

Animation showing me scrolling an article at the Fortune site. The yellow arrow indicates when the URL changes. At that point leaving the site will not count as a bounce. About a year ago I wrote a post with a checklist of items I feel you would need to satisfy…

Posted:

Tags: accessibility, JavaScript, rant, 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, touch

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

So You Think You’ve Built a Good Infinite Scroll

So you’re saying there’s a chance … that I’ll make it to the footer. Last week Derek Featherstone posted Automatic infinite scrolling and accessibility, a quick rundown of why having your page just keep going without user input to do so can be such a hassle for users. Also, don’t…

Posted:

Tags: accessibility, JavaScript, rant, usability, UX

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

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, standards, W3C, WAI

Letting Mobile Users See Desktop View of RWD Site

Bruce Lawson tweeted out a seemingly random musing today that I have pondered myself — what if, while on a mobile device and surfing a RWD web site, I want the desktop version of a site? There are many reasons as a user that this might be the case, ranging…

Posted:

Tags: browser, css, JavaScript, mobile, standards, touch, usability, UX

2012 Advent Calendars for Web Devs

Now that the (Western, my favorite) holiday season is upon us, the tradition of advent calendars whose chocolate is replaced with web-related tips and articles is back. This year’s crop is missing some from last year, but there’s still good stuff to be found. If you know of any others,…

Posted:

Tags: accessibility, css, html, internet, JavaScript, usability, UX

Use Twitter’s New Embedded Timeline without Slowing Your Page

Update: September 7, 2012 I misunderstood how browser load external JavaScript files when that load itself comes from embedded script. Ben Ward explained it to me and referenced this handy article, Thinking Async. The gist of the article is that using JavaScript to write in a call to a JavaScript…

Posted:

Tags: html, JavaScript, social media, standards, Twitter

Codepen Has Handy Sharing Tools for Devs

There are plenty of online resources for playing around with code right in the browser, no server of your own needed, that you can then share with others. I have dabbled in them on and off but Codepen’s recent entrance has a couple additional features that I have found handy.…

Posted:

Tags: browser, css, html, JavaScript, standards

Changes to jQuery Browser Support

Currently, up to and including the jQuery 1.9 release (not out yet, but coming), jQuery actively supports the following browsers: Internet Explorer 6+ Firefox: Current -1 version Safari: Current -1 version Opera: Current -1 version Chrome: Current -1 version According to jQuery’s browser support page, any problem [in these browsers]…

Posted:

Tags: Internet Explorer, JavaScript, UX

Twitter Improves Site Speed by Dumping Hash-Bangs

Back in September 2010 Twitter changed how its site renders by pushing much of the processing to the web browser using JavaScript and hash-bang (#!) URLs. Today Twitter has announced it is essentially dumping that approach: To improve the twitter.com experience for everyone, we’ve been working to take back control…

Posted:

Tags: accessibility, JavaScript, standards, Twitter, 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.