PikoPong
  • Web Dev
  • Hack
  • Database
  • Big Data
  • AWS
  • Linux
No Result
View All Result
PikoPong
  • Web Dev
  • Hack
  • Database
  • Big Data
  • AWS
  • Linux
No Result
View All Result
PikoPong
No Result
View All Result
Home Web Dev

User agent tunnel vision

May 23, 2020
in Web Dev
280 12
User agent tunnel vision


Yesterday I published a post that I’d been writing for a while as I considered and compared three web analytics “platforms”.

Upon posting to twitter I had a few suggestions on alternatives (all of which I had reviewed myself long before), but in particular Fathom came up – one I had dismissed before because it didn’t include user agent analytics.

READER DISCOUNTSave $50 on terminal.training

I’ve published 38 videos for new developers, designers, UX, UI, product owners and anyone who needs to conquer the command line today.

$49 – only from this link

Why are user agents important (to me)

So first off, a “user agent” is a (typically) unique string that represents a certain browser flavour (usually the make, version and the operating system it runs on). It’s entirely possible for visitors to fake their user agent and there’s a very, very, very long tail of user agent strings.

When I’m asked to work on a development project that involves the browser, I always ask my client what browsers their users are using. 9 times out of 10 the client doesn’t know (though props to my very latest client for knowing ?).

Analytics aren’t in place to capture this information. Why do I ask? So that I know what the primary capabilities of the browsers are. Though really I’m trying to determine whether we’re working with “latest browsers” or “legacy browsers”. For me it really falls into those two camps.

For a legacy browser, we’re talking IE9 (and probably Safari), it means potentially leaning on polyfills for websockets, being careful about animation performance and more.

For latest browsers, we can push the envelope a little more, but still respect those lower powered devices.

So when I reviewed Fathom, from the live demo I could see there were no user agents†.

† Note that as of 2019-07-23, I’ve been told over twitter that Fathom are adding UA support in their next version.

My intended usage for the analytics was my own blog, so I wanted to know whether I could expect certain CSS features to work, or whether using “fat arrow” functions in JavaScript would cause my code to blow up (because JavaScript is rather toddler-ish like that).

Because, obviously, without user agent logging, I couldn’t best serve my users. Right?

Wrong.

Tunnel vision

As soon as I replied on Twitter that Fathom didn’t meet my requirements, I hit send and my brain kicked in with:

Progressive Enhancement

It’s not really a stretch and if I look at the code I’ve written for my blog so far, it’s exactly what I’m doing already. I’ve always cared about the lowest entry device browsing my sites (and I’ve failed them on occasion too).

There’s many debated about what progressive enhancement means. I’ve even been part of a panel discussing it. It definitely doesn’t mean “works without JavaScript” IMHO.

The important bit is that if I’m considering my users, by looking at them all, I’m going to miss the requirements of the users I cannot see.

So I’ll take my blinkers off, and stop asking the question, I’ll stop making it a requirement, and remind myself: enhance first.





Source link

Share219Tweet137Share55Pin49

Related Posts

Reader Question: Why did you choose Statamic for Laravel News?
Web Dev

Reader Question: Why did you choose Statamic for Laravel News?

Steve McDougall asked us a great question on Twitter about our redesign and relaunch of Laravel News on Statamic:...

February 26, 2021
Building User Trust In UX Design — Smashing Magazine
Web Dev

Building User Trust In UX Design — Smashing Magazine

About The AuthorAdam is a senior lead UX/UI designer with more than 8 years of experience. Adam’s passion for...

February 26, 2021
Laravel Themer package: add multi-theme support for Laravel application
Web Dev

Laravel Themer package: add multi-theme support for Laravel application

This Laravel Themer package adds multi-theme support to your Laravel application. It also provides a simple authentication scaffolding and...

February 26, 2021
CSS transitions and hover animations, an interactive guide
Web Dev

CSS transitions and hover animations, an interactive guide

The world of web animations has become a sprawling jungle of tools and technologies. Libraries like GSAP and Framer...

February 26, 2021
Next Post
Eloquent Double Entry Accounting with a focus on IFRS Compliant Reporting

Eloquent Double Entry Accounting with a focus on IFRS Compliant Reporting

Smashing Meets! Free Online Meetups On May 18th And 19th 2020 — Smashing Magazine

Smashing Meets! Free Online Meetups On May 18th And 19th 2020 — Smashing Magazine

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Recommended

Forms And Validation In Ionic React — Smashing Magazine

Forms And Validation In Ionic React — Smashing Magazine

August 27, 2020
The prototyping tool for teams

The prototyping tool for teams

May 26, 2020
How To Configure Application Color Schemes With CSS Custom Properties — Smashing Magazine

How To Configure Application Color Schemes With CSS Custom Properties — Smashing Magazine

September 1, 2020
How to Make a Media Query-less Card Component

How to Make a Media Query-less Card Component

September 1, 2020

Categories

  • AWS
  • Big Data
  • Database
  • DevOps
  • IoT
  • Linux
  • Web Dev
No Result
View All Result
  • Web Dev
  • Hack
  • Database
  • Big Data
  • AWS
  • Linux

Welcome Back!

Login to your account below

Forgotten Password?

Create New Account!

Fill the forms bellow to register

All fields are required. Log In

Retrieve your password

Please enter your username or email address to reset your password.

Log In