Search
How Film School Helped Me Make Better User Experiences
12.11.2020
Recently, I finished a sixty-day sprint where I posted hand-coded zombie themed CSS animation every day. I learned a lot, but it also took me back to film school and reminded me of so many things I learned about storytelling, cinematography, and art.
Turns out that much of what I learned back then...
How to Write Loops with Preprocessors
5.11.2020
Loops are one of those features that you don’t need every day. But when you do, it’s awfully nice that preprocessors can do it because native HTML and CSS cannot.
Sass (SCSS)
for Loop
CodePen Embed Fallback
while Loop
CodePen Embed Fallback
each Loop
CodePen Embed Fallback
Less
for...
Little Things on My Personal Site
30.10.2020
I updated my personal website the other day. Always a fun project since it’s one of the few where it’s 100% just me. It’s my own personal playground with no other goal than making the site represent me to have a little fun. It’s not a complete re-write, just some new paint....
Parsel: A tiny, permissive CSS selector parser
2.10.2020
If you’ve ever thought to yourself, gosh, self, I wish I could have an Abstract Syntax Tree (AST) of this CSS selector, Lea has your back.
If you’ve ever thought that same thing for an entire CSS file, that’s what PostCSS is, which has gone v8. PostCSS doesn’t do anything...
Nova
21.9.2020
Nova is a new (vehemently macOS-only) code editor from Panic, the folks behind Coda. It’s like “Coda 3” except this was such a major re-write that they gave it a whole new name.
I played with some of the betas as they were building it. I got a little discount as it went live, so...
Let’s Make a Vue-Powered Monthly Calendar
21.8.2020
Have you ever seen a calendar on a webpage and thought, how the heck did they did that? For something like that, it might be natural to reach for a plugin, or even an embedded Google Calendar, but it’s actually a lot more straightforward to make one than you might think. Especially when we use...
US Says North Korea Has 6,000 Hackers: Many in Belarus, China, India, Malaysia, Russia
20.8.2020
North Korea allegedly has about 6,000 hackers, many of whom operate abroad, according to a recent report published by the U.S. Army. The infamous Lazarus Group, thought to be linked to a number of cryptocurrency exchange hacks, is among them. North Korea’s Bureau 121 The U.S. Army recently...
Vitalik Buterin: Ethereum 2.0 Presents a ‘Much Harder’ Challenge Than We Thought
17.8.2020
Vitalik Buterin says it’s likely that some Ethereum applications may fail, while others succeed — but he accepts it as integral to how the project as a whole will move forward
CSS-Tricks Chronicle XXXVIII
15.8.2020
Hey gang! I’ve been fortunate enough to be a guest in a variety of different here, so I thought it was time for another Chronicle post. You know, those special posts where I round up the random goings-on of things I do off of this site.
I joined Ed & Tom over on A Question of Code.
We...
What I Learned by Fixing One Line of CSS in an Open Source Project
14.8.2020
I was browsing the Svelte docs on my iPhone and came across a blaring UI bug. The notch in the in the REPL knob was totally out of whack. I’m always looking to contribute to open source, and I thought this would be a quick and easy fix. Turns out, there was a lot more to it than just changing...
$5.6 Million Double Spent: ETC Team Finally Acknowledges the 51% Attack on Network
6.8.2020
The Ethereum Classic (ETC) blockchain network lost $5.6 million to one miner following a 51% attack initially thought to be a chain split. During the attack, the offending miner managed to double-spend 807,260 ETC ($5.6 million) after spending 17.5 BTC or $200,000 (at time of writing) to acquire...
A Bit on Web Component Libraries
29.7.2020
A run of Web Components news crossed my desk recently so I thought I’d group it up here.
To my mind, one of the best use cases for Web Components is pattern libraries. Instead of doing, say, <ul class="nav nav-tabs"> like you would do in Bootstrap or <div class="tabs"> like...
What ya need there is a bit of templating
22.7.2020
I had a fella write in to me the other day. He had some HTML, CSS, and JavaScript, and it just wasn’t behaving like he thought it ought to. The HTML had some placeholders in it and the JavaScript had some data in it, and the assumption was that the data would fill the placeholders.
To those...
How to Make a Monthly Calendar With Real Data
21.7.2020
Have you ever seen a calendar on a webpage and thought, how the heck did they did that? For something like that, it might be natural to reach for a plugin, or even an embedded Google Calendar, but it’s actually a lot more straightforward to make one than you might think and only requires...
Telecom Argentina S.A Hit by Major Ransomware Attack, Criminals Demand $7.5M Worth of Monero
21.7.2020
Telecom Argentina S.A has been hit by a ransomware attack and the cyber-criminals are demanding $7.5 million paid in the privacy coin monero. The Spanish language site, elperiodista.com quotes anonymous employees stating that the attack started last Wednesday. Initially thought to be a small...
Bitcoin Price Not as News-Driven as Previously Thought, Study Finds
18.6.2020
Source: Adobe/Pixel-Shot
Despite bitcoin (BTC) having a reputation for wild price swings, investors shouldn't necessarily get too concerned about potential bad news surrounding it, suggest the results of a new study on bitcoin’s price volatility.
The study went into great detail on the impact...
Creative Background Patterns Using Gradients, CSS Shapes, and Even Emojis
10.6.2020
You can create stripes in CSS. That’s all I thought about in terms of CSS background patterns for a long time. There’s nothing wrong with stripes; stripes are cool. They can be customized into wide and narrow bands, criss-crossed into a checked pattern, and played with in other ways using the idea...
Diverse Illustration
7.6.2020
Hey gang, #BlackLivesMatter.
One tiny way I thought we could help here on this site, aside from our efforts as individuals, is to highlight some design resources that are both excellent and feature Black people. Representation matters.
Here’s one. You know Pablo Stanley? Pablo is a wonderful...
A First Look at `aspect-ratio`
29.5.2020
Oh hey! A brand new property that affects how a box is sized! That’s a big deal. There are lots of ways already to make an aspect-ratio sized box (and I’d say this custom properties based solution is the best), but none of them are particularly intuitive and certainly not...
Responsive web design turns ten.
27.5.2020
Ethan on the thinking and research that inspired the term:
Around that time, my partner Elizabeth visited the High Line in New York City shortly after it opened. When she got back, she told me about these wheeled lounge chairs she saw in one section, and how people would move them apart for a...