Search
Sunday Comics: No Spoilers!
20.12.2020
Hello! It’s time for Kotaku’s Sunday Comics, your weekly roundup of the best webcomics. The images enlarge if you click on the magnifying glass icon.Read more
Sunday Comics: Now, Are You Ready?
12.12.2020
Hello! It’s time for Kotaku’s Sunday Comics, your weekly roundup of the best webcomics. The images enlarge if you click on the magnifying glass icon.Read more
Sunday Comics: Ray Tracing
6.12.2020
Hello! It’s time for Kotaku’s Sunday Comics, your weekly roundup of the best webcomics. The images enlarge if you click on the magnifying glass icon.Read more
Doom Damage Flash on Scroll
26.8.2020
The video game Doom famously would flash the screen red when you were hit. Chris Johnson not only took that idea, but incorporated a bunch of the UI from Doom into this tounge-in-cheek JavaScript library called Doom Scroller. Get it? Like, doom scrolling, but like, Doom scrolling. It’s funny...
Winklevoss: US Dollar Is Now a 'Funny Money' Endorsement of Bitcoin
7.8.2020
Coronavirus stimulus failures show just how irrelevant the dollar supply has become and this “a wakeup call” for those not looking at Bitcoin, Cameron Winklevoss argues
When Sass and New CSS Features Collide
29.6.2020
Recently, CSS has added a lot of new cool features such as custom properties and new functions. While these things can make our lives a lot easier, they can also end up interacting with preprocessors, like Sass, in funny ways.
So this is going to be a post about the issues I’ve encountered...
Book: The Greatest CSS Tricks Vol. I
29.6.2020
Ya know, for a site called “CSS-Tricks” that I’ve run for well over a decade, it’s a little funny we’ve never done a book under that name. I’ve written a book about WordPress and SVG, but never CSS!
Well, allow me to change that. I’ve been working on...
Why we at $FAMOUS_COMPANY Switched to $HYPED_TECHNOLOGY
29.5.2020
Too funny:
After careful consideration, we settled on rearchitecting our platform to use $FLASHY_LANGUAGE and $HYPED_TECHNOLOGY. Not only is $FLASHY_LANGUAGE popular according to the Stack Overflow developer survey, it’s also cross platform; we’re using it to reimplement our mobile apps as well....
Auto-Growing Inputs & Textareas
25.3.2020
By default, <input> and <textarea> elements don't change size based on the content they contain. In fact, there isn't any simple HTML or CSS way to make them do that. Kinda funny, as that seems like a reasonable use-case. But of course, there are ways, my friend. There are always...
Different Favicon for Development
24.3.2020
I bet a lot of us tend to have the production website and the development website up simultaneously a lot. It's almost a developer cliché at this point to make some local change, refresh, refresh, refresh, refresh, and just not see the change, only to discover you were looking at the production...
How Many Women Users Before Crypto Is Not Sexist?
17.3.2020
A recent headline on Micky — an iconoclastic media outlet that focuses on cryptocurrency — read “Crypto Twitterstorm: ‘Creepy sexist trolling’ or just a funny meme?” The article explained, “A post making fun of Blockstream’s Samson Mow has sparked...
Careful with Nested `display: grid; height: 100%;`
11.3.2020
It's not every day you can feel CSS be slow at something. Reddit user jgbbrd discovered nesting grid containers that all have 100% height can cause many-seconds of rendering delay. Probably not something you'll ever have to worry about, but still, interesting. From the comments:
What a funny...
Currying in CSS
6.3.2020
Funny timing on this I was just looking at the website for Utopia (which is a responsive type project which I hate to admit I don't fully understand) and I came across some CSS they show off that looked like this:
:root {
--fluid-max-negative: (1 / var(--fluid-max-ratio)...
Bundling JavaScript for Performance: Best Practices
24.1.2020
Performance advice from David Calhoun on how many scripts to load on a page for best performance:
[...] some of your vendor dependencies probably change slower than others. react and react-dom probably change the slowest, and their versions are always paired together, so they...
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...
How Many Websites Should We Build?
27.12.2019
Someone emailed me:
What approach to building a site should I take?
Build a single responsive website
Build a site on a single domain, but detect mobile, and render a separate mobile site
Build a separate mobile site on a subdomain
It's funny how quickly huge industry-defining conversations...
Motion Paths – Past, Present and Future
6.12.2019
Cassie Evans has a great intro to motion paths. That is, being able to animate an element along a path. Not just up/down/left/right, but whatever curvy/wiggly/weird path you want.
It's an interesting subject because there are so many different technologies helping to do it over time. SMIL...
CZ Crypto Deepfake is Funny Now, But it May Not be So Amusing Soon
30.10.2019
Source: a video screenshot, Youtube, Alethea AI
A deepfake of crypto trading master CZ is out, entertaining the Cryptoverse. But deepfakes, entering this industry may not be so funny in the near future.
In a deepfake video, published today, we see the CEO of major cryptocurrency exchange Binance...
Preloading Pages Just Before They are Needed
27.9.2019
The typical journey for a person browsing a website: view a page, click a link, browser loads new page. That's assuming no funny business like a Single Page App, which still follows that journey, but the browser doesn't load a new page — the client fakes it for the sake of a snappier...
Overflow And Data Loss In CSS
17.9.2019
"Data Loss" is a funny term. My brain thinks of like packet loss on the way from the server to your browser, resulting in missing content in files. Perhaps it is that on some level, but in CSS parlance, it has to do with the overflow property. Too much content for sized container + hidden overflow...