Search
Some Typography Links
3.4.2020
I just can’t stop bookmarking great links related to typography. I’m afraid I’m going to have to subject you, yet again, to a bunch of them all grouped up. So those of you that care about web type stuff, enjoy.
I know there are lots of good reasons to be excited about variable...
Accessibility Links
2.4.2020
Austin Gil has kicked off the first in a five-part series about “HTML Forms Right” and to starts with semantics. It’s talking to the “we build our front-ends with JavaScript” crowd. The first block of code is an example of an Ajax form submission where the data...
Performance Links
24.3.2020
I've had a number of browser tabs open to articles all related to web performance and gosh darn it if blogging them is a way for me get some closure. They are all good!
Manuel Matuzovic, Why 543 KB keep me up at night:
Yes, I know, it depends. 543 KB aren't always bad, but on that specific page...
Ideas for Distorted Link Effects on Menus
18.3.2020
Some examples of how to use decorative distortion effects on big typography menu links.
Ideas for Distorted Link Effects on Menus was written by Mary Lou and published on Codrops
How to Create a “Skip to Content” Link
17.3.2020
Skip links are little internal navigation links that help users move around a page. It’s possible you’ve never actually seen one before because they’re often hidden from view and used as an accessibility enhancement that lets keyboard users and screen readers jump from the top of the page to...
15 Things to Improve Your Website Accessibility
17.3.2020
This is a really great list from Bruce. There is a lot of directly actionable stuff here. Send it around to your team and make it something that you all go through together.
Here's a little one that prodded me to finally fix...
Most screen readers allow the user to quickly see a list of links...
Block Links Are a Pain (and Maybe Just a Bad Idea)
10.3.2020
As we noted in our complete guide, you can put an <a href=""> link around whatever chunks of HTML you like. Let's call that a "block link." Like you are wanting to link up an entire "Card" of content because it makes a big clickable target.
<a href="/article/"<!-- display: block;...
Use a:visited in your CSS stylesheet
9.3.2020
Evert Pot:
Unfortunately, when setting a new color (e.g. a { color: #44F }) the ‘purple visited link’ feature also gets disabled. I think this is a shame, as there’s so many instances where you’re going through a list of links and want to see what you’ve seen before.
The 2 examples I ran into...
4 Ways to Animate the Color of a Text Link on Hover
3.3.2020
Let’s create a pure CSS effect that changes the color of a text link on hover… but slide that new color in instead of simply swapping colors.
There are four different techniques we can use to do this. Let’s look at those while being mindful of important things, like accessibility, performance,...
Just Dropping Some Type Links
3.3.2020
I've had a bunch of tabs open that just so happen to all be related to typography, so I figured I'd give myself the mental release of closing them by blogging them. How's that for a blog post format for ya: whatever random tabs you've had open for far too long.
Times New Roman is popular on...
HTML: The Inaccessible Parts
29.2.2020
<input type="number", <input type="date", <input type="search", <select multiple, <progress, <meter, <dialog, <details<summary, <video, <div onclick, <div aria-label, <a href<divBlock Links</div</a, aria-controls...
How to Get Free Bitcoin in 2020
28.2.2020
Many early adopters who made a fortune from cryptocurrency first got their hands on coins by receiving them for free from bitcoin faucets back in the day. Today there are still a number of ways for you to get bitcoin for free including airdrops, giveaways, bounties, tipping, referral programs...
Fixed Headers and Jump Links? The Solution is scroll-margin-top
21.2.2020
The problem: you click a jump link like <a href="#header-3">Jump</a> which links to something like <h3 id="header-3">Header</h3>. That's totally fine, until you have a position: fixed; header at the top of the page obscuring the header you're trying to link to!
Fixed...
Solving Sticky Hover States with @media (hover: hover)
18.2.2020
Mezo Istvan does a good job of covering the problem and a solution to it in a blog post on Medium¹.
If you tap on something that has a :hover state but you don't leave the page then, on a mobile device, there is a chance that :hover state "sticks." You'll see this with stuff like jump-links used...
Russian Central Bank Links Crypto Transactions With Money Laundering
17.2.2020
The Russian central bank now considers any crypto exchange transaction as a money laundering risk
A Complete Guide to Links and Buttons
14.2.2020
Our complete guide to links, buttons, and button-like inputs in HTML, CSS, and JavaScript.
The post A Complete Guide to Links and Buttons appeared first on CSS-Tricks
Old CSS, new CSS
7.2.2020
I love this post that walks through the development of CSS and HTML — it shows just how far web design has come and how much easier it is for us all now.
Eevee looks at designing websites with tables, the Space Jam website, and how for centuries there was no way to easily inspect changes made to...
The Fallout From Onecoin’s Ponzi Scheme Continues to Impact Investors
25.1.2020
In late 2019, the remnants of multi-level Ponzi scheme Onecoin crumbled. However, Onecoin’s founder, dubbed the ‘crypto queen,’ Ruja Ignatova, remains on the run and law enforcement haven’t caught up with her yet. Moreover, police are investigating two churches in...
CSS-Only Carousel
10.1.2020
It's kind of amazing how far HTML and CSS will take you when building a carousel/slideshow.
Setting some boxes in a horizontal row with flexbox is easy.
Showing only one box at a time with overflow and making it swipable with -webkit-overflow-scrolling is easy.
You can make the "slides" line...
So Many Color Links
27.12.2019
There's been a run of tools, articles, and resources about color lately. Please allow me to close a few tabs by rounding them up here for your enjoyment.
Curated colors in context
Happy Hues demonstrates a bunch of color palettes in the context of the site itself. That's a nice way to do...