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

🆚@Code - an overnight success 10 years in the making

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

I love Radiobread

“Empires may rise and fall… only <input type=“datetime-local” /> is truly immortal.” 💯 https://twitter.com/dylanbeattie/status/1450733389162729473

The LinkedIn experience in a nutshell.

3 stages to a wicked halloween… stage three: https://youtu.be/pKWB-MVJ4sQ

I have been slightly frustrated with the difficulty of scanning the check-in QR codes used here in NSW, so I took a look at how they work, and how they could be better. I learnt some more things about QR codes. https://huonw.github.io/blog/2021/10/nsw-covid-qr/

Every Bank Ad.

Okay, I always knew I wasn’t exactly handsome but I’ve never had a mirror straight up kernel panicking

For those adventurous enough - we made a chrome extension that deep fries every site you visit 🙃

https://deepfriedweb.mschfmag.com/

I just read a comment that said “cryptocurrency is astrology for men” and-

where is the lie?

How a cereal box toy hacked phone lines. https://youtu.be/HDh_XRTpXxI

My new video has been over two years in the making and I think it might be my best.

Your DNA is already in a database https://youtu.be/KT18KJouHWg

The Insane Innovation of TI Calculator Hobbyists

https://www.thirtythreeforty.net/posts/2021/10/ti-calculator-innovation/

マコトさん(@makoto_wld)のご支援により、ドラクエの記事を英語化して公開しました。 今後は自分だけで書けるように英語の勉強しなければと痛感しました。

マコトさん、ありがとうございました！ https://papasensei365.com/excel-game-dq3-english/

✍️ New article: Conditional Border Radius In CSS

I just published an article about a clever CSS technique for conditional border-radius that I noticed in the Facebook feed cards. I hope you enjoy it!

🔗 https://ishadeed.com/article/conditional-border-radius/

👾 New post! Using @figmadesign and JavaScript to play board games during the pandemic.

🔥 Plugin UI with @typescript, @reactjs and CSS Grid 🪞 Mirroring Figma components 🤖 Automating tedious actions away 🦎 Using Variants for tile flipping

https://mastery.games/post/board-gaming-in-figma/

had fun making this spooky (not so spooky) CSS avatar dropdown for this week’s #CodepenChallenge 👻

https://codepen.io/inescodes/pen/LYLwBBx via @CodePen

A Netflix user will browse the app for 90 seconds and leave if they find nothing.

Thumbnail artwork is actually NFLX’s most effective lever to influence a viewer’s choice. A user will look at one for only 1.8 seconds, so NFLX spends huge to optimize them.

Here’s a breakdown🧵

Lets finally talk about how NFTs are a giant scam. (1/) 🧵

Not only did this guy steal $2.7m but even after he ran off with the money people are still trading the NFTs each of which pays the guy who stole the money a 4% royalty every time. They are paying their scammer even after he completed the scam! https://twitter.com/vice/status/1445443679703879687

Can’t setup washer/dryer bought in Europe because my iPhone’s region is US and the @hoover_uk hOn app is not available in the US App Store. If that’s not @internetofshit, not sure what is.

Facebook employees can’t enter the headquarters because their badges don’t work, and those already inside can’t enter various rooms because access is linked through the IoT (Internet of Things) and so goes through the same DNS routes that no longer exist:

#FacebookDown

“facebook is down” is one thing but “facebook is down and they can’t fix it because they locked themselves out of the house and they can’t talk to each other because facebook is down” is funnier than any joke you could write

While we’re at it: if you don’t have a Web site of your own and you’ve been blogging and creating content on third-party platforms, now might be a good time to reconsider creating one and owning your own little corner of the internet. 🔑

CORS https://wizardzines.com/comics/cors/

File this under “never trust your inputs” https://twitter.com/geoffmanaugh/status/895728956724322304

New in the latest version of VS Code is native support for bracket pair colorization 🎨 By implementing it in the core of VS Code we were able to make it 10,000x faster, and @hediet_dev explains how in this blog. Read ⬇️ https://code.visualstudio.com/blogs/2021/09/29/bracket-pair-colorization

Everybody’s like “the web is decentralized now” until us-east-1 goes down

I added #Pokemon Red to my GitHub profile!

Occurs to me there are people on here who’ve never seen the greatest Flash website intro of all time https://www.youtube.com/watch?v=Bu9u-FNEm0w

Drawing in CSS - Sci-Fi Art: A Vacuum From Space https://codepen.io/ivorjetski/pen/ZEyyzXm

No images - just pure CSS!

via @CodePen

#CSS #CSSart #CSSonly #pureCSS #drawingincode #drawingInCSS #scifiart #OriginalContentArtist #dystopian #blender

This is the absolute best conference promo video I have ever seen https://twitter.com/Netlify/status/1443365987521343488

The code worked differently when the moon was full https://www.hanselman.com/blog/the-code-worked-differently-when-the-moon-was-full