refresh

I was bored last night so I basically made a fully playable excel version of Wordle

Maybe I’ll clean this up and flesh it out at some point, but here’s a little CSS/HTML diagram of how the cascade works:

https://codepen.io/miriamsuzanne/pen/gOXRzBa

it’s not VR if i can’t get into a fistfight with kermit the frog

Okay, this is pretty wild that you can run a full PalmOS emulator on an iPhone as a PWA (https://cloudpilot-emu.github.io)

we met the kittens!! (thread with lots of pics!!)

I love the web, but so many web-based desktop apps are such shitty desktop apps. I’m not even blaming Electron. These teams would probably have made bad native apps too. It’s just that it’s easier to make bad apps with web tech as you get less things for free.

Uploading my brain into a computer to live forever and getting a copyright takedown on every single memory of a show or movie I ever watched

NEW LIL PROJECT — Just some burds! 🐦

https://burds.vercel.app/

It is with great pride that today we release https://webvm.io our next-gen demo of CheerpX.

Are you ready for #webassembly powered x86 virtual machines in the browser?

In depth technical info and future plans: https://medium.com/leaningtech/webvm-client-side-x86-virtual-machines-in-the-browser-40a60170b361

40 Animators Around the Globe ‘Pass the Ball’ in a Collaborative Rube Goldberg-Esque Sequence https://www.thisiscolossal.com/2022/01/pass-the-ball-nathan-boey/?utm_source=feedly&utm_medium=webfeeds

🧵 Web platform tests are a really handy way to find out about browser support when other sources don’t have the data.

I wanted to know if I could create a Worker within a Worker.

https://caniuse.com/webworkers - no data https://developer.mozilla.org/en-US/docs/Web/API/Worker#browser_compatibility - no data

WPT to the rescue…

“The best growth hack is still to build something people enjoy while attaching no strings to it. You’d be surprised how far it can get you.

Make free stuff! The web is still for everyone.“⁩ — I share ⁦⁦@mxbck⁩’s entire sentiment in this post. https://mxb.dev/blog/make-free-stuff/

Built a sarcasm converter for your keyboard. Plug in a regular keyboard in, flip the switch and let the world know how you really feel about things

Today I released a video that I have poured my heart and soul into over the last year. It’s called Finding X and it is an animated short film about X’s search for meaning in a world full of numbers 🚀 Here’s the trailer…

His parents had a stuffed toy made from one of his drawings, so cool. 😃🔥❤️🖌

CSS Box Model — an illustrated analogy.

Always limit your global variable changes.

GPS – https://ciechanow.ski/gps/

Why didn’t the Atreides simply buy an NFT of the spice to secure control of it

@adamwathan Havent used it yet, but the other day i came across this https://github.com/SamAmco/track-and-graph

Experiencing a loss of taste? You may have COVID or NFTs.

Sorry but interface design peaked with winamp skins

今年描いたアニメーションをまとめました🌿 #indie_anime

I discovered CSS art back in September… these are some of my favorite creations since then. Can’t wait to learn & do so much more with it this year! 🎨💕

CodePen: https://codepen.io/pokecoder

this is about to be the best minute of your life

For this week’s @CodePen #CodePenChallenge, it’s about randomness… how about a random Liam Neeson movie poster? Not a real movie, but a fake one that almost-kind of sounds real… Find it here: https://codepen.io/chriskirknielsen/pen/ExwRYXO

I see a lot of people using a technology for the sake of using that technology, rather than actually considering what would be good design and tech, for the experience you want to create

This. This new “metaverse” rebranding is a retcon of history and a corporate cash grab. The new walled garden will be in 3D it seems. Sadly last year Mozilla’s whole VR team was laid off. The metaverse should be open. https://twitter.com/slhamlet/status/1476631205265109006

I’m surprised no one has @’d me about this. Playing Doom on a bluetooth USB adapter: https://next-hack.com/index.php/2021/11/13/porting-doom-to-an-nrf52840-based-usb-bluetooth-le-dongle/

👉🏼 “Why don’t we use HTML to author web components?”

🔗 https://medium.com/@getflourish/why-dont-we-use-html-to-author-web-components-10440432390e

@getflourish re-inventing HTML. I like this idea, it is kind of what XSLT tried to be, but readable.

The Google Project Zero write up on the iMessage zero-click vulnerability is incredible. I promise you won’t be able to predict the directions this is going. https://googleprojectzero.blogspot.com/2021/12/a-deep-dive-into-nso-zero-click.html

The writeup for the Visual Studio Code WSL Remote RCE or CVE-2021-43907 is here. Hope you have 30 minutes to read it or just read the Summary section.

It was yet another open local WebSocket server just like PlayStation Now.

https://parsiya.net/blog/2021-12-20-rce-in-visual-studio-codes-remote-wsl-for-fun-and-negative-profit/

Reviving a little seasonal toy… 👆 Tap screen ❄ Let it snow! 🌨 Use multiple fingers for blizzard mode 🔄 Tilt the screen as the snow melts 🌬 Watch out for gusts of wind

🎥 Why is ‘archibald’ more red than ‘surma’? What image format can be many formats? Is <image> in HTML? Why do some APIs return “array-like” things? document.all, document.domain…

@jaffathecake and @DasSurma dive into ancient, but alive, DOM ‘features’ https://www.youtube.com/watch?v=doeOKTZSX6A

👉🏼 “Web Performance Calendar » Combat CSS blockage with this one weird little trick”

🔗 https://calendar.perfplanet.com/2021/combat-css-blockage-with-this-one-weird-little-trick/

@stoyanstefanov doing ungodly, but clever things with performance again, like encoding inline JS as data URIs.

The web starts on page four

After 25 years of working for, on and with the web, I don’t like it. We lost an amazing opportunity and instead got a consumption machine that creates bubbles and assumes new users to be incapable of making own decisions. https://christianheilmann.com/2021/12/20/the-web-starts-on-page-four/

I just wanted headphones. Didn’t need 50-11 processes in the background to listen to something. Seriously. Why architect it like this? No good reason.

what is even the point of the metaverse™ when we have vrchat and ffxiv

December is for shipping!

✨ My annual portfolio refresh https://lynnandtonic.com

A bit more fun with a browser you can resize. Firefox and Edge seem to handle this best, but you do you.

That tiny dopamine rush I get every time I find a new blog I like, input the URL into Reeder and an RSS feed does show up for me to subscribe to. Hitting that subscribe button is a little exhilarating. 😌

Don’t judge me.

Hey y’all! I compiled my best and favorite reloads! No robot voice and now widescreen format! Enjoy!! :)

👉🏼 “Web browsers are ubiquitous, but how do they work? This book explains, building a basic but complete web browser, from networking to JavaScript, in a thousand lines of Python.”

🔗 https://browser.engineering/

In honor of someone’s bad bug today, I will retell a story of my worst bug:

Once upon a time I was the CEO and entire engineering team of a company which sent appointment reminders.

Each reminder was sent by a cron job draining a queue. That queue was filled by another cron job

Curious about how I make animations? Watch this.

Level Ω: The scent represents a property detached from any object, the absence of an object is in fact part of the scent. Total abstraction.

Insulin should be free.

✍️ New Article: Defensive CSS

I compiled a list of defensive CSS techniques to avoid possible issues. This is usually a checklist I use when I’m working on a new web project. Hope you find it useful.

🔗 https://ishadeed.com/article/defensive-css

👉🏼 “Catalogue | Mobile Phone Museum”

🔗 https://www.mobilephonemuseum.com/catalogue/

This is how NFTs work

Tell me your engineering team is from the Bay Area without telling me your engineering team is from the Bay Area. https://twitter.com/Kukicat7/status/1466328532250943491

Just what the world needed: a C to Excel compiler

@KevlinHenney Oh good grief. https://youtu.be/s105jek4WUI

It’s that time of year where you might be thinking of putting up your Christmas decorations. Don’t forget I built this handy app to help plan your room…

https://codepen.io/ste-vg/full/BazEQbY

🎄🎁⭐️

any time someone smugly goes “RSS didn’t die”

Fire type pokemon in a fall field.

https://twitter.com/jaffathecake/status/764522251098152961

@FreyaHolmer Have you seen https://tabbycats.club/ ?

Deployed. Better trajectory, smoother transitions of animations, fixed the timing. Little details that make the user experience feel much better.

Towards the goal of maintaining the title “cutest time and habit tracker”. 🏆😍

Is my cat Turing-complete? https://belaycpp.com/2021/11/24/is-my-cat-turing-complete/

GODZILLA CHRISTMAS TREE IN JAPAN

❤️‍🔥 Just published a new blog post, “My Custom CSS Reset”.

I share the set of styles I apply to all my new projects, and we dig into how they work and why they’re helpful.

https://www.joshwcomeau.com/css/custom-css-reset/

@danluu @stylebot Blogged with explanations: https://dev.to/swyx/100-bytes-of-css-to-look-great-everywhere-19pd

BeOS had all sorts of useful APIs. We need to go back

made a lil trajectory math toy https://www.desmos.com/calculator/9hdca5njbw

Great video on algorithmic complexity and Karatsuba’s method (and beyond) for multiplication https://youtu.be/cCKOl5li6YM

DOOM Fighters (2021) @EdyPagazaGaming https://www.moddb.com/mods/doom-fighters

I publish a new article: “How to Favicon in 2021: Six files that fit most needs”.

Let’s stop to use 20+ files from outdated generators and guides.

https://evilmartians.com/chronicles/how-to-favicon-in-2021-six-files-that-fit-most-needs

tangential speed is how fast a point is moving, when rotated around another point 🌪

s = ωr

s - tangential speed (m/s) ω - angular speed (rad/s) r - radius (m)

you might see how speed is linearly proportional to the radius in how the points form a perfect line after detaching~

It’s estimated only 1% of people disable Javascript on purpose. But there are many reasons why JS might not load. Servers responding slowly. Content Delivery Networks going down. Dodgy signal on a mobile phone. Progressive Enhancement is the insurance policy every website needs!

my new favourite pic ever

@justinfagnani @jaffathecake You are joking, but this is a real problem: https://twitter.com/BrianLinuxing/status/1454743540043587585. Someone actually thought Deno was implementing some cryptobro bs when we were really just improving Web Crypto support.

Toying around on @CodePen with one of #CSS’s greatest additions lately: accent-color.

Give it a try: https://codepen.io/herschel666/full/KKvbVVd

I simplified the code and wrote an article about how to create the border pattern. https://yuanchuan.dev/flip-invert-reverse

A neat approach for invisible backdoors in legitimate JavaScript source code. Can you spot it? Hint: unlike #TrojanSource, it does not use Unicode bidirectional-trickery! https://certitude.consulting/blog/en/invisible-backdoor/

Last year @alex_holachek dug into Better Form Inputs for Better Mobile User Experiences :: https://css-tricks.com/better-form-inputs-for-better-mobile-user-experiences/

The helper website is super useful: https://better-mobile-inputs.netlify.com/

THIS

The horror of dystopia isn’t “what if this happened?” Because in most cases it already has. To POC and disabled people.

The true horror of dystopia is, “what if this happened to Nice Middle Class White People?”

Baby cows in earmuffs to protect them from frostbite😍

This is so f*cking cool!

The real story here is that WebKit is getting hardware accelerate SVG not because of the most valuable fruit company in the world but because of a German appliance maker who are apparently running SVG-heavy WebKit workloads on their vacuum cleaners. https://twitter.com/NikolasZimmerm1/status/1454131915318046723

<sarcasm> “Don’t even bother using HTML and CSS. Use JavaScript.”

“If you’re trying to make experiences worse for your users, there will be someone in the community to help you with that. That’s just beautiful.” </sarcasm>

From @mmatuzo’s (sarcastic) talk at #AAA21 😂

@FreyaHolmer Whats even better to me, its that if you zoom-in/out it sometimes changes

https://bugs.chromium.org/p/chromium/issues/detail?id=562162 * 2015 *

🔥💀

I just fixed an old broken @CodePen of mine and it’s a good excuse to share it again! Watch these little beetles try and avoid the content!

https://codepen.io/ste-vg/full/EoGVaB

Yesterday I shared that Ketchup is the best design tool, some of you asked for a demo and here it is!

Watching these signs slowly evolve at my grocery store — some employee is learning UI design in real time

Draggable SVG Spoop 👻

psst… Shake && double-tap (sound on) 😉🤫

Happy Halloween! 🎃

🛠 @greensock Draggable + Intertia Plugin 👉 http://codepen.io/jh3y/pen/KKvXRov via @CodePen

It’s feeding time! Welcome to Purrassic Park #OwlKitty #JurassicPark #halloween2021

all dog costumes should have fake arms so the front paws are the feet. i realize this now.

D30/31 | #100DaysOfCode

A Halloween-themed Mimikyu made with pure CSS. 🎃🖤 He’s got his spooky costume ready 👀

CodePen: https://codepen.io/pokecoder/full/LYjjgGG

😂Ahahahahahahahah @cassidoo is a national treasure

https://www.youtube.com/watch?v=aMWh2uLO9OM

Fair comparison @SaraSoueidan

WTF HAHAHAHA HOW IS THIS SHIPPABLE? WHAT IS THIS?!

I’ve used @airbnb and @airbnbhelp as a guest quite a few times and was generally happy.

I do some light hosting on the side, and got to see the other side of it. Today I discovered that Airbnb actively SCAMS HOSTS by pocketing money off refunds.

Don’t believe me? Read on 👇🏼

Art featuring a black cat and some ghostly fish

NEW EPISODE: Is Your Privacy An Illusion? (Taking on Big Tech) - Smarter Every Day 263 https://www.youtube.com/watch?v=KMtrY6lbjcY