It's a big redesign of a site I'm sure all of use have visited many, many times. It even resides on a new subdomain: fonts.google.com.
Live typing samples in the search index for the win! There are also much nicer font specimen pages with clearer examples, cool/nerdy data visualizations, and pairing recommendations. Reminder that you may want to use a bit more sophisticated font loading than the snippets they provide, though.
I wrote a post last summer where I identified myself as a web designer in light of my experience in front-end web development. The response was pretty overwhelming and has stuck with me ever since.
What stuck with me most is how relative job descriptions are in web development. I might be a web designer standing next to one person, but a web developer standing next to someone else. Creating exact labels (and job descriptions, for that matter) is an inexact science. When it comes to designing, building, and maintaining websites, it's hard to pin down labels, despite all our best efforts to do it.
What if we were able to properly categorize and label what we do into neat buckets?
CSS can control the appearance of a cursor. There are a ton of options available to us and we've covered them pretty thoroughly in the ol' Almanac here on CSS-Tricks.
Still, it's easy to overlook cursors and their impact on the user experience of our sites. Remember when we learned
::selection was a thing and every site started using it to personalize the background color of text selections? Customizing cursors is just as easy and adds that extra bit of understated flourish when used correctly.
In this post I'll cover two ways I think controlling the cursor in CSS an improve user experience.
I hope you read that title out loud in your best Seinfeld impression.
A recent question in our forums made me aware that there are more properties that can be added to
@font-face than the usual
src suspects. What are the point of those? Why would you want to declare other font declarations there?
Telephone links are a thing. Like an anchor link you tap to (probably) go to another page, these are links you tap to call a number on a phone-capable device. They’ve been around for quite some time. Yet, they cause me a lot of confusion. For example, many devices will automagically recognize phone numbers and do the linking for us, but not always.
I like to think of CSS as a love language. If written well, it can be as lovely as poetry. There are rules, semantics and, like love itself, it can be communicated in many ways. Consider the variety of options we have to write
black in CSS:
rgb(0, 0, 0)
hsla(360, 100%, 0%, 1)
In the spirit of Valentine's Day, I thought it would be fun to push this concept a little further with the many ways we can make hearts in HTML & CSS.