Search
Using a brightness() filter to generically highlight content
12.9.2020
Rick Strahl:
I can’t tell you how many times over the years I’ve implemented a custom ‘button’ like CSS implementation. Over the years I’ve used images, backgrounds, gradients, and opacity to effectively ‘highlight’ a control. All that works of course,...
Defining “View Source”
10.9.2020
Last time there was a little flurry of activity around the concept of “View Source,” I did get the sense that not everyone was on the same page about what that even means. Jim Nielsen:
First, when we talk about “View Source” what precisely are we talking about? I think this is...
AVIF has landed
8.9.2020
Everybody is talking about AVIF today because of Jake’s blog post. As the say, I was today years old when I learned AVIF was a thing. But thanks to web technology being ahead of the game for once, we can already take advantage of it.
This will be easier if you’ve abstracted your...
Jetpack 8.9: Take Donations, Capture Email Subscribers, AMP integration, and More
8.9.2020
(This is a sponsored post.)
Jetpack 8.9 shipped on September 1 and it shows why the plugin continues to be the premier way to take a WordPress site from good to holy smokes! Several new features are packed into the release, but a few really stand out.
Take donations with a new block
The first...
Working with JavaScript Media Queries
7.9.2020
What’s the first thing that comes to mind when you think of media queries? Maybe something in a CSS file that looks like this:
body {
background-color: plum;
}
@media (min-width: 768px) {
body {
background-color: tomato;
}
}
CSS media queries are a core ingredient in any responsive...
Using @property for CSS Custom Properties
3.9.2020
Una Kravetz digs into how Chrome now allows you to declare CSS custom properties directly from CSS with more information than just a string.
So rather than something like this:
html {
--stop: 50%;
}
…can be declared with more details like this:
@property --stop {
syntax:...
Excluding Emojis From Transparent Text Clipping
2.9.2020
CSS-Tricks has this pretty cool way of styling hovered links. By default, the text is a fairly common blue. But hover of the links, and they’re filled with a linear gradient.
😍
Pretty neat, right? And the trick isn’t all that complicated. On hover…
give the link a linear...
Russia Blocks Cryptocurrency Websites Ahead of Regulation
30.8.2020
Russian authorities have blocked a number of websites related to cryptocurrency ahead of the country’s crypto regulation taking effect. A popular exchange aggregator website has already been blocked twice and has now received a third notice. Russia Determined to Block Crypto Sites...
Ethereum Classic Suffers 51% Attack Again: Delisting Risk Amplified
30.8.2020
Beleaguered Ethereum Classic (ETC) blockchain suffered yet another 51% attack on August 29. The latest attack caused the reorganization of over 7,000 blocks and this corresponds to approximately two days of mining. At the time of reporting, it was not clear if there had been any double-spending...
Number Scrubbing
29.8.2020
If you use <input type="number">, some browsers give you an input that has UI for incrementing the number, like up/down arrows (often called “spinners”).
That’s a bit helpful sometimes. But people have certainly explored fancier ways of updating that number....
a11y is web accessibility
29.8.2020
Eric Bailey eviscerates the notion that the term “a11y” isn’t accessible. It’s a hot take that I’ve had myself, embarrassingly enough.
I never see people asking why WWI is written out the way it is, either. Won’t people confuse that with the first Wonder Woman movie?...
a11y is web accessibility
29.8.2020
Eric Bailey eviscerates the notion that the term “a11y” isn’t accessible. It’s a hot take that I’ve had myself, embarrassingly enough.
I never see people asking why WWI is written out the way it is, either. Won’t people confuse that with the first Wonder Woman movie?...
Copy the Browser’s Native Focus Styles
28.8.2020
Remy documented this the other day. Firefox supports a Highlight keyword and both Chrome and Safari support a -webkit-focus-ring-color keyword. So if you, for example, have removed focus from something and want to put it back in the same style as the browser default, or want to apply a focus style...
Deeper DX
27.8.2020
Shawn Wang thinks there are deeper, perhaps more uncomfortable, places to go with developer experience (DX) beyond the surface-level stuff that we recently covered. Sure, sure, documentation, CLIs, good demos. But there are much harder questions to answer that are part of the real DX. Shawn lists...
Authorities block Russia’s top crypto exchange aggregator
27.8.2020
The website is still accessible through VPNs and mirrors
A Bit on CI/CD
27.8.2020
I’d say “website” fits better than “mobile app” but I like this framing from Max Lynch:
Every production mobile app ultimately has a set of recurring tasks around integration, testing, deployment, and long term maintenance. These tasks often must be automated across...
Comparing Data in Google and Netlify Analytics
25.8.2020
Jim Nielsen:
the datasets weren’t even close for me.
Google Analytics works by putting a client-side bit of JavaScript on your site. Netlify Analytics works by parsing server logs server-side. They are not exactly apples to apples, feature-wise. Google Analytics is, I think it’s fair...
Blockchain Bites: Aave’s Advance, BitMEX’s Block, Turkey’s Bitcoin Trot
24.8.2020
Turkey is in a bitcoin bull run, a Fed branch is studying blockchains to possibly support a "digital dollar" and Aave unleashed unsecured borrowing on DeFi
Block Size and Scalability, Explained
24.8.2020
Debate over increasing block size for blockchain scalability still goes on, but what are the main arguments from proponents and detractors?
Crypto Derivatives Exchange BitMEX to Block Ontario Traders
24.8.2020
The veteran cryptocurrency derivatives exchange is to block users in Ontario, apparently at the behest of the local securities regulator