🎄

this is the best action film of the year

March: Ok stuck at home, healthy eating is the future

July: Pizza for 8 days in a row is fine

December: I wonder what the dog’s food tastes like

👉🏻 “An open-source guide to help you write better command-line programs, taking traditional UNIX principles and updating them for the modern day.”

🔗 https://clig.dev/

busy afternoon in the @autogram_is offices

Google servers are down and we can’t do anything anymore. No emails, no docs, some can’t even turn on their lights. It’s quite scary to think about how centralised technologies are and how this could easily turn into a disa… nevermind, it’s back online now. Forget about it.

winter in the canadian rockies ❤️

I think everyone could use a lighthearted/happy story right now so here goes:

At the beginning of the pandemic I went through some painful personal stuff and would often go out at night for long walks because no one was around and I couldn’t sleep anyway. One night I was walking

I made a working Marauder’s Map that appears magically with AR and actually tracks people via GPS 🧙‍♂️

See the full thing here: https://youtube.com/watch?v=A3v6dLlylU8

👉🏻 “Nihilistic Password security questions”

🔗 https://www.mcsweeneys.net/articles/nihilistic-password-security-questions

Performance tip: shave of hundreds of lines of JavaScript by using the correct HTML elements.

Futuristic urban environments by Italian digital artist Annibale Siconolfi—a few more here https://instagram.com/p/CIkmiXgDYJU/?utm_source=ig_web_copy_link

The Import On Interaction Pattern: http://bit.ly/import-on-interaction ~ Lazy-load non-critical resources (e.g components, embeds) when a user interacts with UI that needs it.

✨ New blog post: “The Rules of Margin Collapse” ✨

Sometimes margins overlap, sometimes they don’t, and it’s often surprising and bewildering!

Learn how it works with this comprehensive, interactive tutorial that covers the 8 rules of margin collapse.

https://www.joshwcomeau.com/css/rules-of-margin-collapse/

👉🏻 “Automatic Social Share Images”

🔗 https://www.ryanfiller.com/blog/automatic-social-share-images/

by @ryanfiller_

OH: Changing random stuff until your program works is bad coding practice, but if you do it fast enough it’s Machine Learning.

“X is a compiler” alignment chart

How Disney Ruined Culture https://youtu.be/_jed8B4L4-4

The First Computer Program https://youtu.be/_JVwyW4zxQ4

when you need to confirm you’re not a robot

Welcome to the future

Modern web architectures.

👉🏻 “The Vintage Beauty Of Soviet Control Rooms”

🔗 https://designyoutrust.com/2018/01/vintage-beauty-soviet-control-rooms/

Whoa, some of them are proper Star Trek TOS

New video! Why the web is such a mess: https://www.youtube.com/watch?v=OFRjZtYs3wY

Okay, I put WAY too much time into researching this, and I almost know what’s happening. ALMOST.

First of all, JavaScript does this for legacy reasons. In C’s <time.h> we have struct tm, which does the same thing.

But why?

We see the rabbit hole, time to jump in. https://twitter.com/garybernhardt/status/1329178764757045248

I’ll never listen to AC⚡️DC the same way again

Sometimes when I tell my friends I love their pets, I worry they don’t relay the message

Tenés 11 años en la clase de computación

@FunkCarotida DIOS! Que serion, tiene el mejor personaje para mi, y como dijeron hay algunos capitulos que son una joya

Well this is cool 😮 a collection of copy/paste single-unicode-character textures, created via the SVG <pattern> element.

https://notchris.net/patterns/

Created by Chris McGrane, shared via @tinyhelpersdev

👉🏻 “A Deep Dive Into CSS Grid minmax()”

🔗 https://ishadeed.com/article/css-grid-minmax/

All this excitement about disappearing messages.

Google’s been making entire social products disappear for years.

Static site generation + static hosting is cheap, simple and works for most blogs.

In general, it’s important that you are in control of your URLs and your content. https://twitter.com/SaraSoueidan/status/1328954494881820673

The perfect crime https://twitter.com/shellkryan/status/1327569835862142976

👉🏻 “🏛️ - An archivist browser controller that caches everything you browse, a library server with full text search to serve your archive.”

🔗 https://github.com/c9fe/22120

Nobody Is Normal: A New Animation Reveals What Lies Just Beneath the Surface of Being a Kid https://www.thisiscolossal.com/2020/11/nobody-is-normal-animation/?utm_source=feedly&utm_medium=webfeeds

if you enjoyed my digital preservation talk at @Speakeasy_JS last week you’ll be amused to know that a flash game I made 16 years ago is now up and running thanks to the Ruffle project: https://elsie.glitch.me/

you can read a bit more about the game here: https://glitch.com/edit/#!/elsie

The Raven Technique: One Step Closer to Container Queries by @batch_man https://css-tricks.com/the-raven-technique-one-step-closer-to-container-queries/

Whenever I try to philosophize with my cat

Still one of my favourite Dilberts on startups and products.

The strange sound a block of ice makes when it hits the bottom of a 90 meter borehole in an Antarctic glacier. 🧊🔊

🎉 Announcing “Operator Lookup”, a search engine for JS operators 🥳

Why? Because they’re ungoogleable: search engines ignore special characters. I can never remember what these things are called, or how they work!

Try it now: https://joshwcomeau.com/operator-lookup/

2020 encapsulated in 1-minute…

When it’s all too much, take some time to think about Harvest mice

Concept: a witch cat that’s too fat to fly

Ah, when the web was simpler.

Spiders legs are hydraulically powered. That’s why when they die they curl up like this. There’s no more pressure in the system. #TheMoreYouKnow

Life hack: save time by crying about two things at the same time

I forced a bot to read over 1,000 hours of QAnon theories and then asked it to write QAnon theories of its own. Here they are.

Ostagram - mixing two images by style. https://www.ostagram.me/static_pages/lenta?last_days=1000&locale=en

convert -depth 8 yt_dl1.png rgb:yt_dl1.part convert -depth 8 yt_dl2.png rgb:yt_dl2.part cat yt_dl1.part yt_dl2.part > yt_dl-2020.9.20.tar.gz

@codepo8 Kind of a self-promotion, but maybe ppl will also like it. Time ago i wrote this which shows you pictures from /r/PuppySmiles but i never got to finish it because it was enough to my use. It doesnt work in FF with ETP on bc reddit

Tap/Click for another https://pudymody.github.io/puppies/

🐩🐕🐶I just wrote a dog browser by breed (or random).

https://codepo8.github.io/dog-browser/

Because playing is important.

Fuck cache invalidation, the biggest problem in computer science is guessing whether the help flag is -h, --help, or -help this time.

👉🏻 “Bear gets an X-Ray w/ CSS Variables 🐻🔍 #CodepenChallenge”

🔗 https://codepen.io/jh3y/full/yREybg

🎲Yesterday we wanted to play some games, and I realised I had no dice at home, so I wrote a quick simulator.

https://codepo8.github.io/dice-throw-simulator/index.html

Qué mujera

And yes, you totally open the portal with a sledgehammer 😂

Watch the full thing here: https://bit.ly/2T2VDWT

UFOs turned out to be nanobots floating in the cornea of your eyes.

something something missing NYC subway every day https://twitter.com/jadedcreative/status/1317142561379749894

spirit animals are just fursonas for cowards

I built my dog a selfie booth so she can take photos of herself by pushing a pedal with her paw

New #Codepen!

🐻Curious Bear🐻

Simple mouse parallax with #SVG, vanilla JS and #css animations.

👉 https://codepen.io/agathaco/pen/zYBGXaz via @CodePen

25 year old software joke about a toaster https://www.danielsen.com/jokes/objecttoaster.txt 👇🏼

How it started How it’s going

👉🏻 “Security flaw left ‘smart’ chastity sex toy users at risk of permanent lock-in”

🔗 https://techcrunch.com/2020/10/06/qiui-smart-chastity-sex-toy-security-flaw/?guccounter=1

Why? Oh why?

A thread of medieval paintings of animals that look nothing like real animals because the artist had never seen them. Starting with - The Oyster

Getting data out of PDF deserves at least senior engineer title TBH.

(PDF is where data goes to die) https://twitter.com/karenkho/status/1314198352423251968

Joker & Lex Luthor

Control rooms, power stations, control panels—Soviet era mostly, and a few more modern ones.

Here’s a happy CSS Husky to start your day right: https://codepen.io/saranya-mohan/pen/vYGwNXB

This thread is evidence of the way TikTok’s duet feature can result in the most hilarious and creative collaborations.

Pretty much a guy wrote a musical number about a grocery store and everyone is adding onto it and I am deceased.

Part 1

Te odio disney, raton de mierda.

@merlinpatt77 https://youtu.be/UrrcK-RKom4

Going to any website in 2020:

Mood:

bash cheat sheet: what (), {}, $(()), $(), ${}, [], [[]] mean

permalink: https://wizardzines.com/comics/brackets-cheatsheet

Weighing a Car with Tire Pressures https://ift.tt/2VuzWR0 (cmts https://ift.tt/2YIX5Bl)

POW https://css-tricks.com/pow/

cool how in the year 2020 transferring a file between your own devices is still easiest done by DMing it to a friend and apologizing for using them for file transfer

What strikes me is how it’s grounded not in the ostentation or performativity of the theory but the HARM https://twitter.com/caseybriggs/status/1309826779146629122

@thephysicsgirl Dianna! What did you do!! The miscommunications game really started to derail with your interpretation from @3blue1brown’s animation!! 😂🤣🤣😂 https://youtu.be/MCuCBt24hAk

[New blog post!]: The failed promise of Web Components

https://lea.verou.me/2020/09/the-failed-promise-of-web-components/

This started as a series of tweets, but I quickly realized I needed something more long form to properly unfold my thoughts.

Not the same https://www.commitstrip.com/2020/09/24/not-the-same/

A useless experiment for iOS and iPadOS only: Copy and paste the next tweet in Safari’s URL bar.

You will get an origin-less, server-less PWA fit in a tweet 🧐😜 What you install is not even the same content that you see in Safari ⏬

Okay, my phone is ridiculously aesthetic now

shell script arguments

permalink + transcript: https://wizardzines.com/comics/shell-arguments/

A faculty member has been asking how to stop Zoom from removing his head when he uses a virtual background. We suggested the usual plain background, good lighting etc, but it didn’t work. I was in a meeting with him today when I realized why it was happening.

Kids, I got the new TikTok for ya.

Tik the box of owning your own domain and website and Tok to your friends by self-publishing content in a place you control.

(The old man says on twitter dot com)

“experience will degrade without software updates”

inserts flyer under the door for this thing called … web sites … which magically send you new feature whenever available when you open it. https://twitter.com/FinancialTimes/status/1306922024141492225

🍱 Used #CSS grid to make better use of space for various viewports.

The editor root element is measured when resized and updates the data-layout property, which contains:

Orientation: landscape | portrait Height: short | tall Width: narrow | wide

📷 https://pqina.nl/doka/

This is the best application I’ve ever built. Honestly, it showcases all of my design and development expertise.

Is it secure? No. Is it accessible? No. Is it beautiful? NOPE.

Internet you are welcome.

http://theworstwebsiteinthe.world

👉🏻 “Centering in CSS - A guide to everything you need to know about centering in CSS”

🔗 https://ishadeed.com/article/learn-css-centering/

By Ahmad Shadeed - @shadeed9

for the past six months i’ve been secretly participating in the Do Not Get Arrested Challenge 2020 https://mango.pdf.zone/finding-former-australian-prime-minister-tony-abbotts-passport-number-on-instagram

#ad NEW VIDEO: About the time Kodak detected an atomic bomb before anyone else and kept it secret.

https://youtu.be/7pSqk-XV2QM

Part of this video was sponsored by @hbomax and their new series #RaisedByWolvesMax

We @citizenlab got quite the shoutout on @joerogan’s #jre podcast today by @Snowden. If you are concerned about your digital security, start basic & simple. Then build from there. We made a website to get you started: https://securityplanner.org

🚘 Array transformations 🚘

.forEach: everyone’s car gets a new paint job

.map(): everyone gets a newer model of the same car

.filter(): only people with station wagons get new cars

.reduce(): everyone’s car gets crushed into one super car

Soy estudiante de 1er año de derecho como te diste cuenta