Offering Options for mailto: and tel: Links

-

I generally like mailto: links. But I feel like I can smell a mailto: link without even inspecting or clicking it, like some kind of incredibly useless superpower. I know that if I’ve got my default mail client set, clicking that link will do what I want it to do, and if I want, I can right-click and the browser will give me a “Copy email address” option to grab it cleanly.

That’s cool and all, but Adam Silver and Amy Hupe recently enumerated the problems with how these links behave:

Firstly, mailto links make it hard to copy the address, for example if you want to share the email address with someone else.

Secondly, some users use more than one mail app, and the link just uses whichever has been setup as the default, without giving them the option to use the other.

And finally, many users don’t have an email application set up, which means the link can take them to a dead end or down a rabbit hole.

Their UI experimentation ended up using a mailto: link, but putting the entire email address as the link which makes it especially obvious what the link does, while also offering a Copy button for a little UX bonus.

tel: links are weirder in the sense that a good many devices looking at them don’t have any phone-calling functionality. If they do, it’s a lot like email links in that multiple apps could do that work (e.g. WhatsApp, FaceTime, or the default phone app).

The hard part of the UX of all this is offering users choice on what they want these special link types to do. That’s what mailgo is attempting to solve. It’s a little JavaScript library that offers UI when you click them.

Live demo:

I kinda like it. I wouldn’t mind at all if that popped up when I clicked a link like this, especially since it has that “open default” option if I want that anyway. Seems to check all the boxes for the problems these types of special links can have.

The post Offering Options for mailto: and tel: Links appeared first on CSS-Tricks.

You can support CSS-Tricks by being an MVP Supporter.



from CSS-Tricks https://ift.tt/3j7nJeJ

Comments

  1. Kailey RobinsonFebruary 8, 2021 at 11:47 PM

    Download Video Player | Windows Media Player | Best Media Player

    ReplyDelete
  2. StevenHWickerJune 11, 2021 at 10:31 AM

    Thanks for this. I really like what you've posted here and wish you the best of luck with this blog and thanks for sharing. Web Agentur Berlin

    ReplyDelete
  3. AdqnixJune 13, 2021 at 7:16 PM

    Thanks for this. I really like what you've posted here and wish you the best of luck with this blog and thanks for sharing. Seo service mumbai

    ReplyDelete
  4. Code FarmingJuly 1, 2021 at 11:23 PM

    Code Farming
    laravel crud generator
    source code generator

    ReplyDelete
  5. Wilson WikkiApril 26, 2022 at 6:14 AM

    Mybusiness Visual is the leading Corporate Presentation Design company whose created customized PowerPoint Presentation with huge range of clients accross the world and they worked with VGI presentation team for delivering the best Powerpoint Production Overnight Support.

    ReplyDelete

Post a Comment

Popular posts from this blog

20 Free Professional Resume Cover Letter Format Templates for Jobs 2020

-
Image
Are you getting ready to apply to jobs and want to make a cover letter? Using a professional cover letter template will save you time and ensure that you've got a professional design. This cover letter template and hundreds more can be found on Envato Elements. Using a premium cover letter template can not only save you time, but you'll have a high-quality template for your letter. All you need to do is add the information you'd like to and customize the template and you're done. In this article, we'll explore some of the best premium and free cover letter templates available online. Find the Best Premium Resume Cover Letter Templates on Envato Elements (With Unlimited Use)  Envato Elements is an all-you-can-download resources for professionals and creatives, including good cover letter templates . With Elements, you pay a low monthly fee to get access to: resume and CV letter templates stock photos and royalty free music WordPress themes and more
Read more

How to Effectively Manage a Remote Team

-
Image
According to Flexjobs , remote work has grown by 44% in the last five years. And that statistic was published  before  the remote work boom of 2020. Remote work is here to stay.  Managing remote teams requires planning, and you'll see the best tools and techniques in this article. (Image source: Envato Elements. ) If your team is navigating the switch to working together while apart, you might be facing challenges that you didn't encounter while sharing an office. Learning how to manage a remote team is a must in 2020. Working remotely can unlock your team's full potential. But it takes a conscious effort to ensure that everyone stays connected. In this article, we're going to share the top tips, tools, and techniques so that you never miss a beat while managing remote workers. Three Top Benefits of Working Remotely Too many workplaces see managing remote workers as purely a challenge. In reality, working remotely lends itself to benefits that lead to a happier a
Read more

10 Best PHP URL Shortener Scripts

-
Image
URLs are rarely short and sweet. They usually contain multiple keywords and are accompanied by extra parameters to help with tracking of different campaigns or incoming traffic. These long URLs with so many parameters can sometimes be off-putting for potential visitors. Therefore, it is usually a better idea to use a URL Shortener script and share these shortened URLs on social media and other places. Besides being used by individual websites, URL shortening scripts are also used as a standalone service to sell paid membership plans to clients to allow them to shorten their own URLs. In this post, we will list some of the best PHP URL shortener scripts that you can use to create your own URL shortener. You can use them to create a monetized link shortening service, track your own URLs and campaigns across the web or share website posts of social media with short URLs for extra analytics information. PHP URL Shortener Scripts on CodeCanyon There are about 30 different  PHP URL Short
Read more