Things you can do with a simple anchor tag
The <a> tag can be used for more than just linking to other pages, you can for example start downloading a file or open an email application.
mailto: to create a link which will open the user's email application of choice, pre-filled with the provided email address. You can also add a subject, CC/BCC and body text.
<a href="mailto:firstname.lastname@example.org">Send an email</a> // With subject <a href="mailto:email@example.com?subject=Example subject">Send an email</a> // With CC and BCC <a href="mailto:firstname.lastname@example.orgemail@example.comfirstname.lastname@example.org">Send an email</a> // With body text <a href="mailto:email@example.com?body=Example body">Send an email</a>
tel: inside an anchor tag a click by your user should open the device's phone application. While many devices will recognize phone numbers and link them anyway, this should cover up in those cases it wont.
<a href="tel:+123456789">Make a call</a>
You can also open the text message application by using
sms:, with a possiblity to add a pre-filled body text.
<a href="sms:+123456789">Send a text message</a> // With body text <a href="sms:+123456789?body=Example text">Send a text message</a>
download will start a download of the specified file. You can also rename the file by adding a string as the value of the download attribute.
<a href="/public/example-file.pdf" download>Download PDF</a> // Name the downloaded file <a href="/public/example-file.pdf" download="important-file">Download PDF</a>
target="_blank" to open the link in a new window/tab automatically. Also remember to add
rel="noopener noreferrer" at the same time to prevent a phishing attack vulnerability.
<a href="https://example.com" target="_blank" rel="noopener noreferrer">Open link</a>
Npm 7 is now the standard, here is what you'll get
Finally npm 7 is generally available and published as latest in the npm registry. Read up on the differences, new features and performance boosts compared to npm 6.
Detect and style for Dark Mode in CSS
Using very little CSS it is possible to detect wether the user has dark mode enabled or not. With this unexpectedly way you'll ease your visitors eyes.