Search
Stop Using “Dropdown”
16.3.2020
Adrian Roselli notes that it might actually mean:
A <select> menu
An ARIA Listbox, Combobox, Menu, or Disclosure Widget
An input with a <datalist>
An input with autocomplete
A <details><summary> block
An accordion
Flyout navigation
In my own usage, I tend to mean...
Using the HTML title attribute
15.3.2020
Steve Faulkner:
User groups not well served by use of the title attribute
• Mobile phone users.• Keyboard only users.• Screen magnifier users.• Screen reader users.• Users with fine motor skill impairments.• Users with cognitive impairments.
Sounds like in 2020, the only useful thing the title...
How to Track, Get and Set the Best Transaction Fees with Bitcoin and Bitcoin Cash
14.3.2020
Once set up with a bitcoin or bitcoin cash wallet and some coins, using and sending them is pretty easy. Part of this process involves paying a transaction fee, which is a small amount of coin included in a transaction incentivizing miners to work the tx into a block. Both BTC and BCH transactions...
“weeds of specificity”
13.3.2020
Lara Schenck:
[...] with WordPress child themes, you are all but guaranteed to get into the weeds of specificity, hunting around theme stylesheets that you didn’t author, trying to figure out what existing declaration is preventing you from applying a new style, and then figuring out the least...
A Guide to Handling Browser Events
13.3.2020
In this post, Sarah Chima walks us through how we can work with browser events, such as clicking, using JavaScript. There’s a ton of great info in here! If JavaScript isn’t your strong suit, I think this is the best explanation of event handling that I’ve read in quite some time.
When an event...
Two Steps Forward, One Step Back
12.3.2020
Brent Jackson says CSS utility libraries failed somewhat:
Eventually, you'll need to add one-off styles that just aren't covered by the library you're using, and there isn't always a clear way to extend what you're working with. Without a clear way to handle things like this, developers tend...
Russia Seeks to Block ‘Darknet’ Technologies, Including Telegram’s Blockchain
11.3.2020
A Russian government agency has requested contractor bids to find ways to block censorship-resistant internet tech, including one blockchain: Telegram's
Sass !default and themeable design systems
11.3.2020
This is a great blog post from Brad Frost where he walks us through an interesting example. Let’s say we’re making a theme and we have some Sass like this:
.c-text-input {
background-color: $form-background-color;
padding: 10px
}
If the $form-background-color variable isn’t defined then...
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;...
Negative Margins
9.3.2020
PPK digs into the subject, which he found woefully undercovered in web tech documentation. Our entry doesn't mention them at all, which I'll aim to fix.
Agree on this situation:
This is by far the most common use case for negative margins. You give a container a padding so that its contents have...
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...
6 Crypto Websites Blocked by Russia’s Media Watchdog, Including Major News Outlet
9.3.2020
In what seems to be another episode in a long-running campaign, the Russian telecom regulator has restricted access to at least six websites posting content related to cryptocurrencies. Тhe forum section of Bits.media, a leading crypto news outlet, is among the internet pages that have been...
What to Use Instead of Number Inputs
6.3.2020
You might reach for <input type="number> when you're, you know, trying to collect a number in a form. But it's got all sorts of issues. For one, sometimes what you want kinda looks like a number, but isn't one (like how a credit card number has spaces), because it's really just a string...
Currying in CSS
6.3.2020
Funny timing on this I was just looking at the website for Utopia (which is a responsive type project which I hate to admit I don't fully understand) and I came across some CSS they show off that looked like this:
:root {
--fluid-max-negative: (1 / var(--fluid-max-ratio)...
That AlphaPoint $5.6M Funding Round? It’s a Loan
6.3.2020
The recent $5.6 million injection of capital into New York-based AlphaPoint came from bridge financing, a short-term business loan, the company confirmed to CoinDesk. But AlphaPoint would not say who made the loan or its terms
Bitcoin Gold Whale Allegedly Controls Half the BTG Supply
6.3.2020
According to a recent study, bitcoin gold (BTG) market prices are being manipulated by a single whale who holds a significant portion of the bitcoin gold in circulation. The Bitcoin Gold network was recently hit with a 51% attack that caused two blockchain reorganizations. The team of...
The 3 Laws of Serverless
6.3.2020
Burke Holland thinks that to "build applications without thinking about servers" is a pretty good way to describe serverless, but...
Nobody really thinks about servers when they are writing their code. I mean, I doubt any developer has ever thrown up their hands and said “Whoa, whoa, whoa. Wait...
JavaScript Libraries Are Almost Never Updated Once Installed
5.3.2020
Some commentary from Zack Bloom on the Cloudflare Blog, looking at requests to CDNJS for versions of jQuery.
What we don’t see is a decline in our old versions which come close to the volume of growth of new versions when they’re released. In fact the release of 3.4.1, as popular as it quickly...
What React Does (and Doesn’t Do)
5.3.2020
With a name as big as React, it's bound to cause some Stream-Crossing Confusion, as I like to call it. How do you center a <div> in React? Dave Ceddia:
React cares exactly zero about styling. Think of it as generating the barebones HTML. React will put elements on the page, but everything...
How I think about solving problems
4.3.2020
Nicholas C. Zakas:
Eventually, I settled on a list of questions I would ask myself for each problem as it arose. I found that asking these questions, in order, helped me make the best decision possible:
1) Is this really a problem?2) Does the problem need to be solved?3) Does the problem need...