Search
What’s the Difference Between Width/Height in CSS and Width/Height HTML attributes?
24.1.2020
Some HTML elements accept width and height as attributes. Some do not. For example:
<!-- valid, works, is a good idea --<img width="500" height="400" src="..." alt="..."<iframe width="600" height="400" src="..."</iframe<svg width="20" height="20"</svg<!-- not valid...
Searching the Jamstack
22.1.2020
Here's Raymon Camden on adding site search functionality to a site that is statically hosted. A classic trick! Just shoot 'em to Google and scope the results to your site:
<form action="https://www.google.com/search" method="get"<input type="search" name="q"...
The Best Color Functions in CSS?
20.1.2020
I've said before that HSL is the best color format we have. Most of us aren't like David DeSandro, who can read hex codes. HSL(a) is Hue, Saturation, Lightness, and alpha, if we need it.
hsl(120, 100%, 40%)
Hue isn't intuitive, but it's not that weird. You take a trip around the color wheel from...
Currency ‘Cold War’ Takes Center Stage at Pre-Davos Crypto Confab
16.1.2020
Cryptocurrencies could be at the heart of a new Cold War, at least according to some investors at the Crypto Finance Conference in St. Moritz
Unnecessary Evil: How Government Regulations Kill Crypto Startups and Encourage Crime
16.1.2020
Thanks to the EU’s most recent money laundering directive, a small business called Post-a-coin, which sold cute postcards pre-loaded with tiny amounts of bitcoin, is being forced to shut down. Meanwhile, the most heinous criminals in history are continuing to facilitate violence, trafficking...
Liquid Cancells Pre-Sale of Non-Existent Telegram’s Token
16.1.2020
Telegram’s much-anticipated Gram token pre-sale has been canceled and all funds have been returned to investors, said Japan-based crypto exchange Liquid.
Elaborating on the reasons behind the cancellation, Liquid explained:
“At the time of the Gram Token Sale on Liquid, it was anticipated that...
A Web Component with Different HTML for Desktop and Mobile
16.1.2020
Christian Schaefer has a great big write-up about dealing with web advertisements. The whole thing is interesting, first documenting all the challenges that ads present, and then presenting modern solutions to each of them.
One code snippet that caught my eye was a simple way to design a component...
How many CSS properties are there?
15.1.2020
Tomasz Łakomy posted a joke tweet about naming all the CSS attributes and Tejas Kumar replied with a joke answer, going as far as making an npm module. You can even run a terminal command to see them:
npx get-all-css-properties
You'll get 259 of them. The source code uses the website quackit.com...
Netlify High-Fives
14.1.2020
We've got Netlify as a sponsor around here again this year, which is just fantastic. Big fan. Our own Sarah Drasner is Head of DX (Developer Experience) over there, if you hadn't heard. And if you haven't heard of Netlify, well, you're in for a treat. It's a web host, but for your jamstack sites...
Pre-Bitcoin Halving Race Pushes Mining Difficulty to Record High
14.1.2020
As Bitcoin (BTC) mining difficulty and hashrate are reaching new all-time highs, the Cryptoverse is discussing the meaning behind it, and it seems unlikely that the miners are capitulating ahead of the Bitcoin mining reward halving in May.
As reported by Cryptonews.com in October 2019, miners will...
Snowpack
14.1.2020
Snowpack. Love that name. This is the new thing from the Pika people, who are on to something. It's a bundler alternative, in a sense. It runs over packages you pull from npm to make sure that they are ES module-compatible (native imports).
This is how I digest it. When you write a line of code...
Is “is” Useful?
3.1.2020
God I'm funny.
Anytime we have fairly repetitive selectors that have a common parent, it's probably a place we can use the :is() pseudo-selector.
Holger Bartel demonstrates like this:
section section h1, section article h1, section aside h1, section nav h1,
article section h1, article article...
New Year, New Job? Let’s Make a Grid-Powered Resume!
1.1.2020
Many popular resume designs are making the most of the available page space by laying sections out in a grid shape. Let’s use CSS Grid to create a layout that looks great when printed and at different screen sizes. That way, we can use the resume online and offline, which might come in handy during...
A Use Case for a Parent Selector
31.12.2019
Having a "parent selector" in CSS is mentioned regularly as something CSS could really use. I feel like I've had that thought plenty of times myself, but then when I ask my brain for a use case, I find it hard to think of one. Well, I just had one so I thought I'd document it here.
A classic...
Ethereum Proponent Virgil Griffith Deemed a Flight Risk, Judge Denies Bail
30.12.2019
U.S. law enforcement filed in November criminal charges against Ethereum researcher Virgil Griffith because he traveled to North Korea and taught “his audience how to use blockchain technology.” Griffith was arrested on Thanksgiving Day and has been forced to remain in prison the whole...
7 Uses for CSS Custom Properties
27.12.2019
I find all seven of these quite clever and useful.
I particularly like using custom properties when you can sneak a variation into a place where you'd normally have to re-declare a whole big chunk of code.
.some-element {
background-color: hsla(
var(--h, 120),
var(--s, 50),
var(--l...
PHP Templating in Just PHP
26.12.2019
With stuff like template literals in JavaScript and templating languages, like JSX, I've gotten used to wanting to write my HTML templates in one nice chunk and sprinkling in variables wherever I need them.
I had a situation where I needed to do that in "raw" PHP the other day, so I'm just...
7 Steel Crypto Wallets That Withstand Extreme Fire and Water Damage
25.12.2019
Cryptocurrencies have become valuable over the last few years and hardware wallets are now a mainstay within the cryptosphere. More recently, steel-crafted wallets that store crypto keys on a hard piece of metal have become increasingly popular. The following is a look at the wide variety...
Meet Snowglobe: An Avalanche-Based Pre-Consensus Protocol for BCH
22.12.2019
On December 20, BCHD and Openbazaar developer Tyler Smith published first draft specifications for a protocol he calls “Snowglobe.” Smith’s Github repository says that Snowglobe is a propagation protocol for nodes using Nakamoto Consensus and it uses an Avalanche-based consensus...
The Order of CSS Classes in HTML Doesn’t Matter
17.12.2019
That’s right! And I can prove it, too. Let’s look at some CSS first:
.a {
color: red;
}
.b {
color: blue;
}
And now let’s look at some markup:
<div class="a b">Here’s some text</div>
The text is going to be blue because .b is defined last in the CSS, right? But what if we...