Search
Things You Can Do With CSS Today
17.2.2021
Some nice coverage from Andy about CSS things that are truly new. If you haven’t looked at new things in CSS in, say, a year, I’d bet pretty much all of this will be new to you. A lot of …
The post Things You Can Do With CSS Today appeared first on CSS-Tricks.
You can support...
A table with both a sticky header and a sticky first column
10.2.2021
We’ve covered that individual <table> cells, <th> and <td> can be position: sticky. It’s pretty easy to make the header of a table stick to the top of the screen while scrolling through a bunch or rows (like this …
The post A table with both a sticky...
iam8bit's Persona 5 Royal Vinyl Soundtrack Looks Pretty Sweet
8.2.2021
Pre-orders for iam8bit’s three-LP vinyl soundtrack to Persona 5 Royal opened back in December, with fans dropping $75 on it without knowing what the album art or actual records look like. We’ve got an exclusive first look at the package, and, luckily for them, it’s a thing of beauty. Read more
Fallout Mod Returns After Removing Some Pretty Questionable Stuff
3.2.2021
The Frontier, a huge Fallout: New Vegas mod that was pulled last week after one of its artists was found to have posted “animated pedophillic content” online, is now back.Read more
A Whole Website in a Single HTML File
28.1.2021
I can’t stop thinking about this site. It looks like a pretty standard fare; a website with links to different pages. Nothing to write home about except that… the whole website is contained within a single HTML file.…
The post A Whole Website in a Single HTML File appeared first...
On Type Patterns and Style Guides
19.1.2021
Over the last six years or so, I’ve been using these things I’ve been calling “type patterns” in my web design work, and they’ve worked out pretty well for me. I’ll dig into what they are and how they can …
The post On Type Patterns and Style Guides appeared first on CSS-Tricks.
You...
AnimXYZ
18.1.2021
There are quite a few CSS animation libraries. They tend to be a pile of class names that you can apply as needed like “bounce” or “slide-right” and it’ll… do those things. They tend to be pretty opinionated with …
The post AnimXYZ appeared first...
For A Bootleg Pokémon Game, This Looked Pretty Good
15.1.2021
This week, a bootleg Pokémon game called Pocket Trainer DX was finally pulled from the Google Play store. It featured Pokémon characters and art, and for a totally unofficial app, it didn’t look too shabby.Read more
The PS5's DualSense Is The Perfect Canvas
7.1.2021
One of my first thoughts upon seeing the futuristic armored look of the PlayStation 5’s Dualsense controller was, “Man, I bet that’s going to look awesome with a custom paint job.” Indulging my pink and black obsession, the painting pros at Colorware have confirmed my hypothesis.Read more
Win a Copy of Zell Liew’s Learn JavaScript Course
7.1.2021
Zell Liew is giving away 10 free copies of his Learn JavaScript course, and entering the giveaway is pretty easy: sign up for his newsletter. I’ve personally subscribed for some time now and all I get is as occasional …
The post Win a Copy of Zell Liew’s Learn JavaScript Course...
Some Recent Videos About Websites That Are Pretty Good
5.1.2021
Here’s a little hodgepodge of videos I’ve recently bookmarked (and watched). I couldn’t decide if each one of them should be a separate blog post or if I should do this combined list post thing. If I had a lot …
The post Some Recent Videos About Websites That Are Pretty...
What's the Best Scratching Post for My Beautiful Cat?
4.1.2021
Because life wasn’t changing enough in 2020, I decided to get my first ever pet at the tail end of last year. My new partner in crime is a black and white little rescue named Mirah, who is an angel on Earth. Mirah is a pretty chill 1-year-old who’s unphased by just about everything. During...
Automatic Social Share Images
29.12.2020
It’s a pretty low-effort thing to get a big fancy link preview on social media. Toss a handful of specific <meta> tags on a URL and you get a big image-title-description thing. Here’s Twitter’s version of an article on this …
The post Automatic Social Share Images...
A Calendar in Three Lines of CSS
24.12.2020
This article has no byline and is on a website that is even more weirdly specific than this one is, but I appreciate the trick here. A seven-column grid makes for a calendar layout pretty quick. You can let the days (grid items) fall onto it naturally, except kick the first day over to the correct...
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...
Chaintip Creator Unveils New Tipping Tool Sharetip
14.12.2020
Tipping internet users with cryptocurrency, particularly Bitcoin Cash, seems like a great way to spread adoption. The creator of one popular tipping tool is cooking up something brand new. Self-Serve Tipping It’s called Sharetip and I had the opportunity to try it. I tipped someone Bitcoin...
There is No Normal
12.12.2020
This year I learned, or relearned maybe, that “normal” is subjective at best, and pretty misleading otherwise. If this forsaken year has taught us anything, it’s that there is no such thing as normal. Things change. People adapt. Everything is relative to everything else.
Besides being quite...
Happier HTML5 form validation in Vue
3.12.2020
It’s kind of neat that we can do input:invalid {} in CSS to style an input when it’s in an invalid state. Yet, used exactly like that, the UX is pretty bad. Say you have <input type="text" required>. That’s immediately invalid before the user has done anything....
Under-Engineered Responsive Tables
1.12.2020
I first blogged about responsive data tables in 2011. When responsive web design was first becoming a thing, there were little hurdles like data tables that had to be jumped. The nature of <table> elements are that they have something a minimum width depending on the content they contain...
Thinking Outside the Box with CSS Grid
19.11.2020
Great tutorial from Alex Trost (based on some demos, like this one, from Andy Barefoot) showcasing how, while CSS grid has straight grid lines across and down, you can place items across grid lines creating a staggered effect that looks pretty rad. Grid-like, but it appears to align to diagonal...