Search
All About mailto: Links
22.3.2019
You can make a garden variety anchor link (<a>) open up a new email. Let's take a little journey into this feature. It's pretty easy to use, but as with anything web, there are lots of things to consider.
The basic functionality
<a href="mailto:someone@yoursite.com">Email...
Text Wrapping & Inline Pseudo Elements
27.2.2019
I love posts like this. It's just about adding a little icon to the end of certain links, but it ends up touching on a million things along the way. I think this is an example of why some people find front-end fun and some people rather dislike it.
Things involved:
Cool [attribute] selectors that...
Blobs!
21.2.2019
I was recently a guest editor for an issue of Bizarro Devs. It's a great newsletter! Go sign up! I put in a bunch of links around blobs. Like those weird squishy random shapes that are so "in" right now. Here are those links as well. I'm always a fan of publishing stuff I write ;)
Blobs! Blobs...
Blue Beanie Day 2018
30.11.2018
Another year!
You better not cry, you better not shout, I’m telling you why: @BlueBeanieDay is coming Nov. 30! Start sharing your #bbd photos, links, articles, and videos now: https://t.co/3US4vHBsDR#a11y #WebStandards #InclusiveDesign #ProgressiveEnhancement pic.twitter.com/AiV3ktRqka
—...
Hyperlinking Beyond the Web
11.7.2018
Hyperlinks are the oldest and the most popular feature of the web. The word hypertext (which is the ht in http/s) means text having hyperlinks. The ability to link to other people’s hypertext made the web, a web — a set of connected pages. This fundamental feature has made the web a very...
Just a Couple’a Fun Typography Links
22.5.2018
Marcin Wichary made an incredible demo exploring "segmented type" as in, the kind you might see on a display like a microwave, but scaling up in complexity from there.
"Datalegreya is a typeface which can interweave data curves with text."
Airbnb commissions their own new font, Cereal (complete...
Overriding Default Button Styles
9.5.2018
There are a variety of "buttons" in HTML. You've got:
<button>Button</button>
<input type="button" value="Button">
Plus, for better or worse, people like having links that are styled to match the look of other true buttons on the site
<a href="#0"...
Code Challenge #9: Build A Scroll-Spy Navbar
1.5.2018
A navigation bar is undoubtedly a really important element considered while designing websites and web pages. In a website, it's utilized in navigating around the site through specific links. Howev