Love the pixel art on this. The technical side of things is super interesting too!
Discussion on HN: https://
New episodes of Airquotes the Podcast Airquotes from the May 2022 #RemoteHack are up!
Hamburger Footer: Reaching the Bottom of Infinite Scroll
https://
10 Surprising Things You Didn't Know About HTTP
https://
More than you ever wanted to know about font loading on the web
https://
How classic Sierra game graphics worked (and an attempt to upscale them)
https://
That little Sega CD add-on is the cutest thing ever.
https://
Testing new web mention stuff
👋 Thanks for mentioning!
I love everything about this. 😍
Electronic Catan LCD Tiles: A collection of hexagon tiles that magnetically snap together to create a Settlers of Catan board of any shape or size. Each tile features a large round LCD and a custom magnetic pogo connector on each edge. Linking up a bunch of tiles creates a position-aware partial mesh network.
I make web stuff all day every day. This is refreshing! 👏
Intro to the Web Revival #1: What is the Web Revival?
https://
📅 Tomorrow it's #RemoteHack from 9:30 AM BST
🫂 Join in from wherever you are! 👉http://
📢 There might be new periodic Airquotes The Podcast Airquotes recordings: https://
📣 A new blog post: Using a Raspberry Pi to Host a local Visual Studio Code Server
https://
The forgotten benefits of “low tech” user interfaces https://
uxdesign.cc/ the-forgotten-benefits-of-low-tech-user-interfaces-57fdbb6ac83
Man, 90s appliance UIs were a ride!
About the Dual MN 8010, the remarkable retro stereo set you've never heard of, that has a GUI (Graphical User Interface).
The Nightmare Of Getting DOOM Running On A Serious Business Machine ...
"Using alt text properly" (2013)
https://
"When should alt text be blank?" (2012)
https://
Well this DALL-E 2 is insane! Going to have to be even more critical/sceptical when consuming content...
"My deepfake DALL-E 2 vacation photos passed the Turing Test"
https://
This is a great build log for converting a garage to a habitable workshop space.
Feeling bad that I've not done anything close to this with my garage yet!
Portal64: A demake of portal for the Nintendo 64
These are some great a11y tips, and great explanations/examples too!
https://
See also: https://
Tomb Raider Reflection Effect: How it works
This really is a thing of beauty! https://
I've still got a couple of unused branded notebooks from conferencing 5 years ago! Saying that, I'm always happy to receive free stationary...
Some notes/thoughts in response to https://
Sorting your CSS property declarations is fine, and tools such as StyleLint [1] have plugins [2] to make adhering to this goal a lot easier. If you're already pre-processing (or post-processing) then it should be easy to add StyleLint to your workflow.
In my opinion, Sass mixin includes should come after the other CSS properties in a declaration block. If you're overriding the styles in a mixin, your mixin could probably do with some more parameters, or the use of the content block [3].
Vendor prefixed properties should come before the unprefixed property (-moz-foo, -webkit-foo, foo), grouped together (-moz-foo, -moz-bar, -moz-baz, -webkit-foo, -webkit-bar, -webkit-baz, foo, bar, bar). Keep the prefixed/unprefixed properties together to reduce the cognitive load for whoever comes back to this codebase later. The unprefixed property should always come last because that will be applied if the browser supports it (even if the prefixed syntax was already applied) [4].
Alternatively, you could use Autoprefixer [5] and never have to write out all of the prefixed properties ever again 🤷
Anyway, tooling helps. Modern browsers are smart. You'll rarely hit any of the fun things we used to have to deal with when IE was a dominant browser. You shouldn't need to spend too much time thinking about cosmetic changes to your code. Besides the CSS cascade [6] (declaration order, specificity, etc.) everything else is irrelevant.
[1] https://