Search
I Will Talk About Whatever You Want To Talk About
28.7.2021
CuddlyVeedles is an artist from Thailand.Read more
Organize your CSS declarations alphabetically
23.7.2021
Eric, again not mincin’ no words with blog post titles. This is me:
The most common CSS declaration organization technique I come across is none whatsoever.
Almost none, anyway. I tend to group them by whatever dumps out of my …
The post Organize your CSS declarations alphabetically...
Fixing a slow site iteratively
1.4.2021
Site performance is potentially the most important metric. The better the performance, the better chance that users stay on a page, read content, make purchases, or just about whatever they need to do. A 2017 study by Akamai says as …
The post Fixing a slow site iteratively appeared first...
Maquette's Love Story Has Already Broken My Heart
3.3.2021
Ever listen to a song so powerful you stop, drop, and roll to frantically figure out what it is? That’s what happened to me last night while playing Maquette, a puzzle game out this week for PC, PS4, and PS5. Yes, the game’s fantastic, which we’ll get to in a moment, but first: that song.Read more
Boost app engagement with chat, voice, and video APIs
25.2.2021
Sendbird is a service for helping you add social features to your app. Wanna add in-app chat? Sendbird does that. Wanna add in-app voice or video calls? Sendbird does that.
Here’s how I always think about stuff like this. Whatever …
The post Boost app engagement with chat, voice,...
You Can Play A Classic Racing Game Right Now On Whatever You're Using To Read This
22.1.2021
Modern racing games owe so much to Sega’s Virtua Racing. Released to arcades in 1992, Virtua Racing wasn’t the first 3D polygonal racing game, though it was the first to really get it right, thanks to a blistering sense of speed and smooth, responsive 30 frame-per-second gameplay that outpaced...
This Website Lets You Make GLaDOS Say Whatever You Want
17.1.2021
Do you like GLaDOS, the homicidal, yet charming AI overlord of the Portal games? Do you also wish you could hear her sing the opening line from My Chemical Romance’s “Black Parade?” Guess what? I got a website for you and your oddly specific dream.Read more
clipPath vs. mask
27.12.2020
These things are so similar, I find it hard to keep them straight. This is a nice little explanation from viewBox (what a cool name and URL, I hope they keep it up).
The big thing is that clipPath (the element in SVG, as well as clip-path in CSS) is vector and when it is applied, whatever you...
MDN on GitHub
14.12.2020
Looks like all the content of MDN is on GitHub now. That’s pretty rad. That’s been the public plan for a while. Chris Mills:
We will be using GitHub’s contribution tools and features, essentially moving MDN from a Wiki model to a pull request (PR) model. This is so much better...
'We should do whatever we can' to legalize Bitcoin, says libertarian Ron Paul
7.12.2020
The former congressman from Texas believes the government is “watching very closely” to see what happens with crypto
On the Web Share API
6.10.2020
I think the Web Share API is very cool (here’s our coverage). In a nutshell, it taps into the native sharing features on whatever platform you’re on, if that platform supports it. So essentially…
I like this:
Web Share API activated on iOS
A heck of a lot more than these...
How to Detect the Default Branch in a git Repository
28.9.2020
Over the past few years, many engineering teams have switched their default git branch name from master to a different, potentially less offensive term. I’m all for choosing to name your default branch whatever you’d like, but not having a universal default branch name can complicate...
One Action, Multiple Terminal Windows Running Stuff
8.9.2020
Many development environments require running things in a terminal window. npm run start, or whatever. I know my biggest project requires me to be running a big fancy Docker-based thing in one terminal, Ruby on Rails in another, and webpack in another. I’ve worked on other projects that...
Menu Reveal By Page Rotate Animation
8.9.2020
There are many different approaches to menus on websites. Some menus are persistent, always in view and display all the options. Other menus are hidden by design and need to be opened to view the options. And there are even additional approaches on how hidden menus reveal their menu items. Some...
Optimize Images with a GitHub Action
20.8.2020
I was playing with GitHub Actions the other day. Such a nice tool! Short story: you can have it run code for you, like run your build processes, tests, and deployments. But it’s just configuration files that can run whatever you need. There is a whole marketplace of Actions wanting to do work...
That’s Just How I Scroll
14.8.2020
How do you know a page (or any element on that page) scrolls? Well, if it has a scrollbar, that’s a pretty good indication. You might still have to scrapple with your client about “the fold” or whatever, but I don’t think anyone is confused at what a scrollbar is or what...
Tradeoffs and Shifting Complexity
16.7.2020
This is a masterclass from Dave:
After you hit the wall of unremovable complexity, any “advances” are a shell game, making tradeoffs that get passed down to the user … you get “advances” by shifting where the complexity lives.
You don’t get free reductions in complexity. In CSS land...
Settling down in a Jamstack world
3.7.2020
One of the things I like about Jamstack is that it’s just a philosophy. It’s not particularly prescriptive about how you go about it. To me, the only real requirement is that it’s based on static (CDN-backed) hosting. You can use whatever tooling you like. Those tools, though...
Styling Layout Wrappers In CSS
29.6.2020
Two things that strike me often about the web are how many ways there are to go about the same thing and how many considerations go into even the most seemingly simple things.
Working with wrapper elements is definitely on both those lists. Wrappers (or containers or whatever) are so common...
Let’s Make a Multi-Thumb Slider That Calculates The Width Between Thumbs
23.6.2020
HTML has an <input type="range">, which is, you could argue, the simplest type of proportion slider. Wherever the thumb of that slider ends up could represent a proportion of whatever is before and whatever is after it (using the value and max attributes). Getting fancier, it’s possible...