MY WORKSHOPMaster Next.js
Everything you need to master universal React with Next.js in a single intense master class. Includes full pass to ffconf, the web developer conf.
Please note, this post is unedited – and written on a tablet!
What I'm posting is a proposal for an alternative approach (that I couldn't fit, and didn't want to fit into 140 characters!).
Instead of hiding the URL entirely, take the lead from what exist now (the path is semi-opaque), but in addition the subdomain is truncated and dimmed the same way long paths are.
The point is to get the actual domain across to the visitor, so how about this for a solution:
Note that the URL is shown in the browser tab (because in this example, there's no
title element), this should also be used to highlight the actual domain, and not default to showing the full URL.
When compared to the current situation:
The change (which I'd expect across all Chrome browsers, i.e. mobile too) is:
- Semi-opaque pathname
- Semi-opaque subdomains (cname)
- Truncate long paths to ellipsis
- Truncate any preceding subdomains with ellipsis (with sensible defaults, like it would show
wwwor perhaps the final subdomain fragment)
- When the
titleelement is missing, match the text displayed in the tab title to the truncated URL shown in the URL bar.
I'll note that most browsers already highlight the domain part of the URL, but the point I'm trying to make with my proposed mockup, is that everything before the domain (the jakearchibald.com part), should be truncated as well as dimmed.
Perhaps this is a strong enough move to make clear to visitors exactly what URL they're on, whilst still communicating that they're visiting a specific URL and not just the root of the domain.