Tech watch?

This page contains all the interesting links and quotes I find online everyday.

It's a curated summary of my Twitter timeline.

Jump to 2019 - 2018 - 2017 - 2016 - 2015 - 2014 - 2013 - 2012 - 2011.

January-June 2019

Coming soon!

July - December 2018

COOL SITES

WEB DEV

The div that looks different in every browser link
"just frontend" link
Building the Google Photos Web UI @ Google Design - link
Once upon a time we made web pages with, you know, HTML and they’d just load fine in any browser link
I just found the magic spell that tricks Chrome and Firefox into saving a high res WebGL canvas as jpg! window.URL.createObjectURL(dataURItoBlob(c.toDataURL("image/jpeg", 0.95))); link
react-from-zero: A simple (99% ES2015 less) tutorial for React - link
Clearfix: A Lesson in Web Development Evolution - link
Thanks Economist, You Really Know What Has Gone Wrong with the Internet - link
I wrote a guide on the most scalable file structure for React projects. I’m using it every day. Best part: it works for Vue projects too. Hope it’s helpful! link
gyronorm.js: JavaScript project for accessing and normalizing the accelerometer and gyroscope data on mobile devices link
HTML 5 Cheat Sheet - link
CSS is Fine, It’s Just Really Hard link
JavaScript Equality Minesweeper - link
Refresh CSS Bookmarklet v2 link
A Minimal JavaScript Setup - link (repo: link)
Frameworks don't make much sense - link
One Invalid Pseudo Selector Equals an Entire Ignored Selector - link
The Mine: No JS, CSS only adventure game - link
The Baseline Costs of JavaScript Frameworks – link
Format the ‘Expiration Date’ Fields Exactly the Same as the Physical Credit Card (90% Get It Wrong). baymard.com/blog/how-to-fo…
SO MANY SHINY OBJECTS IN JAVASCRIPT! link
Create your own dysfunctional single-page app in five easy steps - link
<svg onload = write(id) = id = onload = id> // will output "output" in FF and Chrome but is empty in Safari. link
Do you know you can do a star rating visual with 1 semantic HTML element, SVG and CSS? link
Reluctant Gatekeeping: The Problem With Full Stack link
PHP: a fractal of bad design - link
Facebook adds 5 divs, 9 spans and 30 css classes to every single post in the timeline to make it more difficult to identify and block 'Sponsored' posts, oh my. link
Tip: "1,2,3".split(",").map(parseInt) // [1, NaN, NaN]
"1,2,3".split(",").map(x=>parseInt(x)) // [1, 2, 3]
"1,2,3".split(",").map(Number) // [1, 2, 3]
(more info: link)
Tip: cookies aren’t specific to ports, so a cookie on localhost:3333 will also be present on localhost:1234
Tip: <!DOCTYPE html> can be minified into <!DOCTYPEhtml>, without the space. It’s invalid HTML, but it still successfully enables standards
Tip: Did you know that :focus-visible allows you to define focus styles ONLY for keyboard navigation? No more annoying outlines when making accessible websites
Tip: How to read an SVG path declaration:
Z => close path
L => line to
H => h_lineto
V => v_lineto
C => curve to
S => smooth curve to
Q => quadratic bezier curve to
T => smooth quadratic bezier curve to
A => elliptical arc

ART

My inktober 2018 link
infinity loop link
Real Time Moon: link (slowest css animation ever)
くるくる link
Anthony James's "Portal Icosahedron" link
139-byte fish link
Eat your heart out, CNN! link
The recursive centaur: half horse, half recursive centaur link
A sea map projection centered around Antarctica link
3D Emoji Town (Pure CSS) - link
Only CSS: Mt. Fuji link
Simulation de viscosités et de tensions superficielles dans «3d studio Max» link
My journey into fractals – link
CSS Banksy Shredder - link
saddest thing I’ve drawn link
GAN Dissection: They find groups of neurons within a GAN that correlate to actual concepts, and built a cool tool that allows one to “paint” in neuron space. link
[Morph] link
C'est foufou. link
Robotic hand made with a single piece of paper and origami link
black and blue dress. link

GEEK

Great thread on human vision link
Let's talk about "how bullshit insane our brains are" link
Draw This is a polaroid camera that draws cartoons. link
N64 VR with Javascript - link
How to explain gradient boosting - link
The Bulk of Software Engineering in 2018 is Just Plumbing - link
Řrřlog :: Improving the fast inverse square root - link
Captain Einstein - link
Epicycles, complex Fourier and Homer Simpson's orbit - link
Why do CD-ROMS have rainbow reflections? link…
Clouds link
"Why do my fingers get all wrinkly when I take a bath?” link
Tutorial series: learning how to write a 3D soft engine from scratch in C#, TypeScript or JavaScript - link
Searched for JavaScript keywords ... found this. link
Super Mario Land 2 Memory Exploration - link
fun fact about how electricity travels in a conductor. link
I’m what you call a computer expert, international speaker and consultant to many a Fortune 500 company. I do have some insight on how computers and software work. We should do 100% of all voting on paper, with no exceptions. link
i can't remember if i've mentioned this here before but it's the fucking funniest thing: spain having an import tax on computers with 64kb or less RAM and amstrad getting around it by adding another 8kb RAM chip that wasn't actually connected to anything link
Unicode Consortium please explain link
'Breakthrough' algorithm exponentially faster than any previous one (P=NP?) - link
The "Boring Software" manifesto - link
Neural 3D scene rendering from 2D images - link (WOW)
How to Create a Custom 2D Physics Engine (4-part tuto) - link
Why I ripped the same CD 300 times - link
En 1910, Ramanujan donna plusieurs formules dont une somme surprenante qui permet de calculer 8 décimales supplémentaires de 1/π à chaque nouveau terme de la série. Ces formules ne furent démontrées qu'en 1987 par les frères Borwein. link
I got a question from Cris asking about how the characters in Animal Crossing "read" the letters that you send them and come up with a response. link
Arctan(1) + Arctan(2) + Arctan(3) = π
Extracting Super Mario Bros levels with Python link
How Music Was Made On Super Nintendo - link
Nightmare of the day (#js13k): I wanted to load a color emoji webfont, and draw emoji (especially flags but not only) on a canvas, on Windows browsers (because, of course, browsers can't display flags natively on Windows). How hard could that be? link link
40585 is the largest factorion and was discovered in 1964 by Leigh Janes link
(Yet another) disassembly of Super Mario World - link
Mystery of the cargo ships that sink when their cargo suddenly liquefies - link
wideNES - Peeking Past the Edge of NES Games -link
Dumping the contents of a ROM is easy, right? What if this is the first ROM you've ever seen? link
Why You Should Tell Your Co-Workers How Much Money You Make - link
Ray Tracing in a weekend (free PDF) - link
Why the world is full of buttons that don't work - link
Reboot Your Dreamliner Every 248 Days To Avoid Integer Overflow - link
Of hosting files in url minifiers - link
a regex to match "A B C" where A+B=C link
What are quaternions, and how do you visualize them? A story of four dimensions - link
How we fit an NES game into 40 Kilobytes - link
A map showing the steepness of streets - link
1³ + 2³ + 3³ + ... + n³ = (1 + 2 + 3 + ... + n)²
Ask HN: How is Facebook's iOS app 491MB? - link
Victoria's Secret Model Gets Trolled For Saying She Can Code... And She Claps Back Hard - link
Le mathématicien George Dantzig a résolu deux problèmes ouverts en statistiques alors qu'il était étudiant. Arrivé en retard à un cours, il a cru que ces deux problèmes notés au tableau étaient des devoirs.
"math-as-code", a cheat sheet that explains mathematical notation with code link
Sometimes you check just a few examples and decide something is always true. But sometimes even 9.8 × 10⁴² examples is not enough! link
You guys, Nike's robots.txt says "just crawl it." #seo #webdev link
"Windows 95 was 30Mb. Today we have web pages heavier than that! Google keyboard app routinely eats 150 Mb. Is an app that draws 30 keys on a screen really five times more complex than the whole Windows 95?" link
Get Billions of Correct Digits of Pi from a Wrong Formula (1999) - link
Gamma Steganography - link
The Riemann Hypothesis, explained – link
Pencil-and-paper normalmap, by tracing a coin in 2 directions. link
Cavalieri's Principle in 3D | Volume of a sphere - link
some of the original notes on Conway's game of life, written out on a typewriter. they are so beautiful and endearing. link
Twenty Questions (Of Maddening, Delicious Geometry) – link
The Big Hack: How China Used a Tiny Chip to Infiltrate U.S. Companies - link
GoogleMeetRoulette: Joining random meetings - link
The Coders Programming Themselves Out of a Job - link
How Does an Intel Processor Boot? - link
Ten Signs a Claimed Mathematical Breakthrough is Wrong - link
Ne faites jamais confiance à une carte. link
which chars count as 1/280 and which ones count as 2/280 on Twitter: link
The derivatives of the Position vector with respect to time have interesting names: link
Understanding Quaternions - link
Eigengrau - link
hey, you know how if you format a floppy (or hard) drive in DOS, it tells you to put in a name of up to 11 characters? link
4chan mathematicians solved an interesting problem but nobody knows how to cite them. Amazing. link
How Facebook 3D Photos Work by akella - link
An agent which learned to play Mario without rewards. link
Every unit you've ever used is "officially" derived from these 7 units. link
This made me laugh more than it should have. link
It is 2018 and this error message is a mistake from 1974. link
12345678910987654321 is prime
Alchian–Allen effect - link
A photon's energy is equal to the Planck constant times its frequency.
You can crash Skype for Business with 800 cat emojis link
What is the highest point on Earth as measured from Earth's center? - link
The Spilhaus Projection. In 1942, Athelstan Spilhaus produced a world map with a unique perspective https://mymodernmet.com/spilhaus-projection/
.kkrieger, the 96KB FPS, reviewed by Boris - link
Apple II 64k Cycle Counting Megademo link
How the Dreamcast copy protection was defeated - link

CODEGOLF

Codegolfctober 2018 link
this article talks about my projects, my 2017 game LOSSST, and even quotes something I said yesterday on slack :D link
Great sides about "Constraints and Creativity" aka. JavaScript code golfing by @atesgoral! link
Dweets from jylikangas: https://www.dwitter.net/u/jylikangas
Seen on #js13k slack 🙃 link
How to draw a tunnel and something resembling train tracks in 140 bytes: link
140-byte scenery link
There is a light at the end of the tunnel. link
White Crane playing Rubik's cube? link
Mini JS geolocation link
<svg onload='navigator.geolocation.getCurrentPosition(a=>write([(z=a.coords).latitude,z.longitude]))'> // 102b (full)
navigator.geolocation.getCurrentPosition(a=>alert([(z=a.coords).latitude,z.longitude])) // 87b (js only)

GAME(DEV)

Games I enjoyed in 2018
On mobile:
- Zip zap
- Magic hat
- World spin
- Snaky snake
- Snakebird
- Lara Croft Go
- Armory & Machine (Mobile)
- Happy glass (Mobile)
- Monument valley 1 & 2 (Mobile)
On Switch:
- Mario Odyssey
- Captain Toad
- Mario + rabbids
- Yoku's island
- Snipperclips+ (multi)
- Inversus (multi)
- Cities Skyline
- The gardens between
On PS4:
- Grow home
- Thread: link
Github's @leereilly wrote a blog post about #js13k and showcased my game #geoquiz2 ! Thanks!!! link
“I’ve an idea for a game, I just need a team of programmers and artists” is in essence no different than “I have a idea for a movie, I just need a production crew” link
I know it’s satire but sometimes SOMETIMES it is also truth, so much truth that it hurts link
This is game development gold right here. link
Reddit shows me how little people know about making games but sometimes one person gets it link
"when game developers talk about a devlog, the devlog is short for the devil's log"
amazing visualization explaining why your game objects get flickers and start z-fighting when they are far away from 0,0,0! link
UV mapping, explained link
Making a horror game where you can only see if you scream! 💀👀 link
Never assume you can "patch it later" link
gamedev.jpeg link
"One of the most fun jobs I ever had was figuring out how to embed the serial number of your Xbox 360 into rings emanating from the bottom right, so we could track and identify leaks" link
Takashi Tezuka showing the sprite creation process from Super Mario Bros (1985). link

FUN

The best reaction to the What The Fluff challenge link
This is my tinder profile. I’ve had it for a year. 23 men have contacted me to say I’m incorrect about toilet paper link
Favorite new thing: Scratching haunting things into bananas at the market so when people take them home hours later and the words appear they think a ghost knows their secrets. link
A painful truth link
Is it true that some people in Japan pay to eat the feces of women who have eaten nothing but berries for a week? - link
CONFERENCE CALL BINGO link
React documentation out of context makes you appear to be some kind of monster. link
Taumatawhakatangihangakoauauotamateaturipukakapikimaungahoronukupokaiwhenuakitanatahu - link
WATCH UNTIL THE END link
These captcha’s are getting out of hand ... link
To use my oven I have to accept terms and conditions link
Maintaining friendships as an adult link
*gets up in the morning* blogger: I HAVE HACKED TIME link
Yes... sudo... link
I think I impressed her link
This is a good review of most products link
Yo mama’s so FAT link
1.5M debt link
Boo! link
For some reason, I suspect that this story is not true. link
Learning / Sex link
Shrug emoji, paleontology edition 🦖¯\_(ツ)_/¯ link
I don't know how to fix your printer/phone/TV/... link
Me: just run npm install / Junior: ok, but what is that command actually doing? / Me: ... link
Nancy is a real one link
It Was Raining in the Data Center – link
Unfinished Work link
Like a scene from The Shining. link
#sysadmin link
Every time link
"Discover the novel that inspired Fortnite Battle Royale" link
You know how smartphones were invented, right? It was simple! link
I saw the most conspicuous vehicle ever link
Game Studio With No Bosses Pays Everyone The Same link (lol the image in the comments)
Me 100% link
This is the most succinct definition of Bitcoin. link
I can'T STOP LAUGHING at this definition 😭 link
How can I populate a file with random data? link
why is this so funny to me link
Math joke: It's known in theory that log(log(n)) approaches infinity, but no one has ever observed it in practice. link
Client: On our site, I’d like to add a map of all our locations nationwide. - link
"Client: Oh, you can draw the chart yourself!" - link
What kids really do on tiktok link
I have an idea! link
Very Evil link
Client: You forgot to attach the file again. - link
The recursive centaur: half horse, half recursive centaur link
introverts link
Been thinking about this guys email for like two days now link
photoshop troll link
Actually me link
The Social Media Song - link
"Hello, I can’t seem to print your video." - link
That's how it be link
"Client: My boss asked you to grant me access to this software, but it’s still not working!" - link
Well Google, you are technically correct link
Aww！ link
Wherever there is a handmade sign, there's usually a design problem link
Since it seems like TV manufacturers are confused about what a TV does, I made a list. link
this is absolute genius link
Shazam! link
Typical website in 2018 - link
When you've lost your API key link
Start you day right at 0 link
million dollar idea: ouija board with unicode support link
How’d they know!? link
It me. link
Trick or treat link
Transforming Wikipedia into an accurate cultural knowledge quiz - link
I think my database got an sql infection link
Merci pour ces moments, Maman. link
fascinating link
Great keynote link
just in case you’re having a bad day, enjoy this video of my sister realizing that we don’t live inside the earth link
Dumbass me actually thought datacenters contained servers link
I, in fact, did NOT mean that. link
Is this a fucking pun? aren't all fans revolutionary? link
Idk why I’m hurt but I am. link
How language creators choose the function to get the size of an array link
Imagine trying to explain this joke to someone who’s never been on the internet before link
Pushing a script to 1500 computers you suddenly realize has a problem link
My phone made a slideshow of yesterday when i literally only saved pictures of crying cats link
"Client: the yellow is just not strong enough" - link
welp link
Infinite DVD unboxing video link
which auto response should i send back to my dentist? link
Flag link
ICANT SAY ANYTHING AROUND MY MOM ANYMORE SHE HAS BECOME TOO POWERFUL link
"Client: Why is my website offline?" - link
When I write real dirty code and it works - link
I'm the opposite of that link
pilfering memegen link

QUOTES & TWEETS

"why even bother with gameplay anymore when half of Pokemon Go’s cultural footprint is just people going wild over 3d models clipping into each other" - orteil
GOOGLE MOTTOS: A HISTORY: 1999: Don't Be Evil / 2003: Try Your Hardest To Not Be Evil / 2008: Make A Reasonable Effort ToAvoid Being Evil / 2013: What Is Evil, Really, When You Get Down To It, I Mean Really / 2018: *just a series of high-pitched giggles*
Safe word - A specific word agreed between a couple to be used only when they’re really desperate to leave a friend’s dinner party.
Tech: you finish your JOB for the day, you go home, do more JOB, go to JOB events, write about JOB stuff online, apply for a new JOB... "sorry, I don't see enough of your JOB on your GitHub profile"
There's a certain irony that 50+ people design teams at big tech companies still need to hire freelancers to get the real work done. Not surprised since many full-time designers are busy being in meetings, "managing" & running in circles.
Do y'all have that project that you often think about and get really pumped about working on under the shower, and then the feeling just vanishes as soon as you are near a laptop or desk…
nintendo: this is peach
me: haha, she's a woman not a peach
nintendo: here's a monkey. we'll call him donkey
me: what
nintendo: this character is named toad but he's a mushroom
me: what
I either give too many fucks or no fucks at all. I can’t find a middle ground for moderate fuck distribution
Boilerplates: for when you don't want to learn the underlying technology, immediately bloat your codebase with 80% unused code and find it impossible to customise literally anything 3 months down the line.
JOB INTERVIEWER: can you explain this gap in your resume
ME: yes its 7pts tall, separates two sections in a visually pleasing way, and aligns to a carefully proportioned grid
INTERVIEWER: no, i mean here where it says you didn't work for two years
ME: i.. was designing my resume
my grandpa once told me “the person who cares the least in the relationship has the most power” and I said shut the fuck up grandpa i don’t care and then he apologized to me
How do you comfort a JavaScript bug? A: You console it.
There are 4 types of wealth:
1. Financial wealth (money)
2. Social wealth (status)
3. Time wealth (freedom)
4. Physical wealth (health)
Be wary of jobs that lure you in with 1 and 2, but rob you of 3 and 4.
We showed an AI 167,000 logos and asked it to design a logo. It typed it out in Futura Bold Italic and sent a bill for $6000
[first day as a horse whisperer] ME: ʰᵒʳˢᵉ
HOW TO FLIRT WITH AN INTROVERT:
- Don't.
- Please don't.
- Oh gosh, you're doing it.
- OK well, I hope you're ready to talk about books for 2 hours.
- Where are you going?
- Come back.
- I miss you.
"So much complexity in software comes from trying to make one thing do two things." – Ryan Singer
[] eye contact
[] no eye contact
Why won’t pizza delivery websites give us the option we really want?
The mistake `for (let c = 0; c < buffers.length; i++) {` has cost me more hours than I'd care to admit
Porn should have cliffhangers. Will Mandingo survive being attacked by falcons? Find out next time on porn
Every now and then, ping one of your competitor's websites using an IE6 VM. Keep them on their toes.
feeling overwhelmed? me too. you don't need to be in front of the world all the time. performance is not the default. take some time to sit backstage, write, rehearse, choreograph, take a breather. the curtain doesn't always have to be up. come back when you're ready.
10 Jokes Only BASIC Programmers Get
My creative process:
"I'm amazing"
"I'm garbage"
"I'm amazing"
...
"I'm garbage"
"I'm amazing"
"I'm tired"
"Software being 'Done' is like lawn being 'Mowed'." - Jim Benson
I just heard mansplaining referred to as "correctile dysfunction" and I'm pretty shook
People always wonder why I’m quiet but every time I try to speak I’m either spoken over or people aren’t listening.
Real programmers don't document their code - if it was hard to write, it should be hard to understand!
Socially anxious people often have good senses of humor because the best way to exit a conversation is to walk away during laughter.
S - Specific
M - Measurable
A - Attainable
R - Realistic
T - Time wasted on measuring individual performance in arbitrary ways because of a top level mandate to justify compensation when you could be working with excited people on building great product.
Life hack: Do your makeup at work so you can cry on the way there.
Patient : J'ai un trouble de la personnalité.
Psy : Ça se traduit comment ?
Patient : I have a personality disorder.
Time spent working on game systems:
▓▓▓▓▓▓▓▓▓░░░░░ physics
▓▓▓▓░░░░░░░░░░ gameplay
▓▓▓░░░░░░░░░░░ ai
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓ menus
"Give someone a program, you frustrate them for a day; teach them how to program, you frustrate them for a lifetime." - David Leinweber
tsa: show us your ID before you go through security, we’ll x-ray you & search your stuff, and then to be extra secure we’ll ID you again when you board
me: sounds good, but what about baggage claim
tsa: it’s gonna be a free for all lol we don’t give a shit take any bag you want
Why do drugs after 30 when you can just stand up too fast?
I miss the time when I actually believed my life would eventually go somewhere.
A pizza is a real time pie chart of how much pizza is left.
Hand-coding HTML like it’s 1997!! j/k it’s fine to hand-code HTML and not use a loader that loads a framework that loads other people’s libraries that load your libraries that instruct the other libraries through the framework to generate HTML content that is then rendered on th...
[Autocorrect HQ] Damn, lot of people misspelling 'ducking' tonight haha. Praise be to Jesus
I love how often I send a simple email like "Is this item still available? When are you available to meet?" and they reply "Yes, it's still available"
I am not telling anyone you said hi.
After 23 school shootings in 2018 we've finally banned straws
Web: We noticed you're using an Ad blocker
Me: I noticed you're using 32 tracking services.
MURDERER: *chasing me* YOU’RE GOING TO DIE!
ME: *yelling behind me* WE ALL ARE!
It’s easy to blame other people for your problems, so do that.
Every stop sign has a go sign on the other end, buried in the ground
Successful buzzwords are aspirational exaggerations: Serverless has servers; AI is not that intelligent; AR/VR look anything but real
The Human Brain is like a Computer to which we don't have the Admin rights to. We just have a user Account with Limited Access
Elegance and truth are inversely related. -- Becker's Razor
me: what’s the plural for cervix
pharmacist: i meant questions about your prescription
Developer: It'll just be a quick fix
Narrator: It wasn't.
Does nobody realize how unnatural the 40 hr or more work week is? How it is ridiculous to expect people to continuously work even when they’re past the point of exhaustion? Maybe adulthood itself isn’t tiring, but we’ve been conditioned to think that because capitalism is.
There definitely should be a piss off option for LinkedIn requests
A puppy dies every time you say: "JSON object" or "convert the date to UTC"
One day in the future going to the moon will become that boring science class field trip that everybody has to take in high school
Thank god the Matrix didn't run in Docker.
Sometimes progress is a different error message than before.
You discovered the ability to travel time. You go 30 years into the future, expecting to meet your future self. Only to discover you have been missing for 30 years.
Lady in Walmart told her son "PUT THAT SHIT BACK" so loud, I almost put my shit back.
"the cosmos is littered with time travelers adrift between the stars."
"the best category of anything is always “misc” "
Killing one bird with half a stone is the same thing
When you order a pizza you've become an NPC because you've just given an adventurer a fetch quest with promise of coin upon completion. Thanks for coming to my TED talk.
DATE: So how long have you lived here?
ME: *dramatically slams the menu on the table* I don't live in the restaurant, Claudia
Ever see a git merge conflict so bad you're convinced Netflix are gonna make a true crime mini-series out of it?
Ok want a dev life hack for real? As soon as you understand a concept, make a reduced example of it. As simple as you can make it. Then you can refer to it later when you inevitably forget. Bonus points if you open source it.
Someone just CALLED ME.
CALLED ME!
TO USE THEIR VOICE!!!!!
WITHOUT WARNING FIRST!
AND IT WAS NOT MY MOTHER!!!
HOW DARE.
You know something is your passion when you can’t understand why everyone doesn’t feel as strongly as you do.
Sorry I missed your call earlier, I was sitting in my bed with my phone in my hand watching it ring
[math class]
ME: today we'll learn about [gestures to number on whiteboard] the tenths place
STUDENT: what's the point?
ME: good question, what is the point of any of this? we're all gonna die anyway
STUDENT: I mean in that number
ME: oh, that's the decimal
yall ever think about how your fingers are slowly 3D printing your nails
Apple : L’iPhone XS a un nouveau processeur transvasant et une capacité de 350 000 juga par seconde le tout avec un super écran en full gratata
Clients Apple : J’ai rien compris mais voila 1200€
Recette du poulet à la pyrolyse.
- Mettez le poulet au four
- Enclenchez la pyrolyse
- Échouez à l’annuler malgré vos gesticulations
- Coupez le courant
- Tentez de démonter la porte du four
- Rassemblez vos proches dans un épais brouillard (goût poulet)
- Commandez des pizzas.
Reading online news, 2008:
- go to website
- read news
Reading online news, 2018:
- go to website
- consent to cookie warning
- consent to policies
- no, don’t open in app
- no, don’t want the newsletter
- skip inspirational quote
- close full page ad
- read news
- no, don’t use my location
- fuck no, don’t send me notifications
- oh fuck, I’m over the 5 free articles I need to do this again in incognito mode
Found a nice quote: "If you can't explain it simply, you don't understand it well enough"
... Looking at you, quantic physicists, high-level mathematicians, big undocumented github repos maintainers, administration, taxes, economy, law, justice, languages/hardware specs writers...
Nothing makes me feel more alive than visiting your website and deciding which pop-up to deal with first; privacy policy, cookie consent, newsletter. Like a buffet for the senses.
young programmer: write function to process single items first, write batch processing in terms of single items
old programmer: write function to process batch first, write single-item processing in terms of batches
A DOS program can be made to run unmodified on pretty much any computer made since the 80s. A JavaScript app might break with tomorrow’s Chrome update
“Any fool can write code that a computer can understand. Good programmers write code that humans can understand.” – Martin Fowler
"One of the best programming skills you can have is knowing when to walk away for awhile." - Oscar Godson
people that use vanilla JS are like chefs that make the plate too
That feeling when you can't leave your computer during an update process in case you need to press OK on a confirmation dialog that doesn't need to exist.
If you love someone, let them go... and if they go, let them go fuck themselves.
Introverts need time to recover from social interaction because they’ve been acting all day.
If you haven’t deleted a local GitHub repo and cloned a fresh copy because you screwed up so horrifically, are you really a developer?
the computer boys: move fast and break things!
also the computer boys: why is everything bad and broken its a mystery
Girls don’t actually shop we just walk round touching the clothes saying ‘this is cute’
You know how you can tap on YouTube videos to see how much time is left? I wish I could do that when some people talk.
𝖸𝗈 𝐔𝐧𝐢𝐜𝐨𝐝𝐞 𝗅 𝗁𝖾𝗋𝖽 𝕌 𝗅𝗂𝗄𝖾 𝑡𝑦𝑝𝑒𝑓𝑎𝑐𝑒𝑠 𝗌𝗈 𝗐𝖾 𝗉𝗎𝗍 𝗌𝗈𝗆𝖾 𝚌𝚘𝚍𝚎𝚙𝚘𝚒𝚗𝚝𝚜 𝗂𝗇 𝗒𝗈𝗎𝗋 𝔖𝔲𝔭𝔭𝔩𝔢𝔪𝔢𝔫𝔱𝔞𝔯𝔶 𝔚𝔲𝔩𝔱𝔦𝔩𝔦𝔫𝔤𝔳𝔞𝔩 𝔓𝔩𝔞𝔫𝔢 𝗌𝗈 𝗒𝗈𝗎 𝖼𝖺𝗇 𝓮𝓷𝓬𝓸𝓭𝓮 𝕗𝕠𝕟𝕥𝕤 𝗂𝗇 𝗒𝗈𝗎𝗋 𝒇𝒐𝒏𝒕𝒔.
There are exactly two creative moods.
1) I have no ideas whatsoever.
2) I have 21 works in progress and I'm gonna start another one.
Google+ is shutting down. This is like when a band announces they’re splitting up and your first reaction is, “oh, didn’t realise they were still going”
who called it a front-end dev and not a diveloper
[crypto job interview]
interviewer: do you actually know what blockchain is?
me: no, do you?
interviewer: no
me: so am I hired?
interviewer: I guess
The hamburger menu in UX design is akin to the "miscellaneous drawer" at home.
[holds up old key] I'll just stick it in the junk drawer
Me: hey do you want your mind to be blown?
My dog: woof
Me: we live on a ball
Your stomach is always filled with warm vomit.
I swear some songs have noises in the background that make you think your mum is calling you from downstairs and it gets me every time.
cells be like:
o
fuck it
mitosis time
o
0
8
oo
"j'adore faire de la balancoire mais bon plu personne m'amène au parc faire de la balancoire a la place on me demande d'analyser impact d'une théorie économique sur les politiques publiques ou des trucs comme ça vraiment ça vaut pas la balancoire"
My dick just touched the inside of the toilet seat. The funeral is Monday.
The worst is when it touches the water at the bottom.
Programming isn’t about what you know; it’s about what you can figure out.” - Chris Pine
You: “Can we vote by phone?”
Telephony engineer: “That’s unworkable for reasons.”
You: “Should we use entirely electronic voting?”
Electronic security expert: “That’s a bad idea for reasons.”
You: “We could vote with the blockchain”
Bitcoin enthusiast: “DID SOMEONE SAY COCAINE”
Don't "work harder." Instead:
Cut away distractions.
Stop doing fake work.
Ask for help.
Plan.
Solicit criticism.
Automate what can be automated.
Engage your mentors.
Exercise.
Get more sleep.
Whatever you do, don't "work harder." It's pretty much never the answer.
A framework doesn’t make your site fast. You do that.
Unless there's a chance it's a dragon, DO NOT invite me to your baby's reveal party
Efficiency is just clever laziness.
For Halloween I'm dressing up as all your abandoned side projects and domain renewal emails.
When all you have is a hammer, every problem looks like a big fragile light bulb with a WiFi chip in it.
“If you can get today’s work done today, but you do it in such a way that you can’t possibly get tomorrow’s work done tomorrow, then you lose.” - Martin Fowler
When I as younger, I thought the consistency of my signature was going to be a much bigger deal.
Life is like a box of chocolates, halfway through you realise how much you hate yourself.
Do you know how hard it is being ugly. I take 10 selfies and delete 12
Looking at the job market, majority of roles require devs to be fluent in either Vue, React or Angular to be considered a front-end developer on the modern web. That's pretty depressing.
Remember, a few hours of trial and error can save you several minutes of looking at the README.
Moi qui me tape sur le torse en répétant « papa ! » depuis des mois jusqu'à ce que ma fille comprenne que « papa » signifie « tee-shirt » est la meileure analogie du deep-learning que j'ai jamais croisé.
Daughter: can you make me a sandwich?
Me: poof you’re a sandwich lol.
Daughter:
Me:
Daughter: MOM HE’S DOING THAT THING AGAIN.
My 3yo-niece just yelled for no reason at all, while playing with the carpet, “HELP. I AM STUCK. IN THE WORLD.”
Sometimes the people that hurt us the most are the people with nunchucks
The Purge but instead of killing for 24 hours we get to talk to customers the way they talk to us
I’m sorry I’m just in this sucky phase of life right now called being alive
Creating an issue on a plugin’s Github page complaining there’s not a [insert JS framework] version is like visiting a foreign country and complaining no one speaks your language.
My dad wanted to update an app on his phone and my sibs told him to go to the App Store and he DROVE to the Apple store
“email encoding is interesting, if you ever want to get into something more complicated than time zones”
it’s always “what’s your snap?” never “what’s your PayPal?” :(
[line in store]
old lady: oh I don't have enough money
me: here, let me help you out
old lady: thank you
me: [pointing] exit's over there
the worst part about being bored isn't being bored, it's worrying you'll never find anything interesting again
Real intelligence is admitting you have no idea what the f**k is going on.
Whenever I see the same stranger multiple times, I can’t help but feel that life is telling me that I’m missing an important sidequest.
I hate opening presents in front of people because I’m not good at pretending to be excited.
Remember the days when you dropped your phone and the battery would fall out, now you drop it and your heart falls out your arsehole.
By age 30 you should have:
$3 in savings
$5,000 in credit card debt
Existential dread
A favorite spoon
One half-dead plant you feel really bad about because your mom keeps asking for grandkids but you’re not ready and you thought this basil plant would be a good place to start
[first day as a doctor]
Me: I don't know how to tell you this...
Patient: just say it doc.
Me: *squinting* uhh nor-mo-cy-tic an-emia? I think that's right. Anywho ur blood's all fucky
Woke up with sex hair but without the sex.
Why fall in love when you can fall into a gorilla enclosure instead
Le porno donne au gens une idée irréaliste et malsaine de la vitesse à laquelle un plombier peut arriver chez vous après l’avoir appelé
How the fuck am I supposed to go back to work tomorrow. I don't even remember what I do.
In school, smart people had to do all the work in group projects, and that’s why they don’t like people.
MOBILE GAME: collect Gold to get upgrades
ME: ok
GAME: increase your Gold collection rate with Emeralds, which can be earned by watching ads
ME: wha--
GAME: craft Ad Tokens to get more opportunities to watch ads, to get more Emeralds to--
me: I-I JUST WANTED TO PLAY A GAME
A QA engineer walks into a bar. Orders a beer. Orders 0 beers. Orders 99999999999 beers. Orders a lizard. Orders -1 beers. Orders a ueicbksjdhd.
First real customer walks in and asks where the bathroom is. The bar bursts into flames, killing everyone.
doctor: the results don't look good
me: oh god, why?
doctor: *shaking head* the printer ran out of ink
Yeah sex is cool but what is it
Going to the plastic surgeon and just getting whatever they assume I'm there for
A glory hole but for holding hands
How to use a modern web service:
1) Sign up for service
2) Pay for service
3) Use the service
4) Finish using the service
5) Receive email encouraging you to use the service for the first time
6) get an email letting you know that they really appreciate their business, and they're really thrilled to announce they've been bought by a bigger service
7) Get an email letting you know that actually, they're shutting down now and here's how to save your important data
By the time you turn 30 you should have at least one of the following:
1. A drawer full of random cords
2. Tupperware with half the lids missing
3. Anxiety
4. A collection of plastic bags full of other plastic bags
5. Sleep deprivation
CTO as a title is near useless. It can mean ...
- engineering leader
- chief scientist
- tech talent sent to pasture
- super SE
- academic
- somone too disruptive for product
- talking head
- architect
- ....
The only commonolity is general lack of accountability ...
1969:
-what're you doing with that 2KB of RAM?
-sending people to the moon
2017:
-what're you doing with that 1.5GB of RAM?
-running Slack
How I imagine bank code:
fn money_transfer(from: Acct, to: Acct, amount: Number) {
thread::sleep(5 days);
//...
}

January - June 2018

COOL WEBSITES

HTML

A cryptocurrency miner hidden in a favicon.ico - welcome to 2018 link
Proposal to support CSS selectors in URL fragments for HTML documents: link
Ex: https://example.com/#targetElement=#maincontent>p:nth-of-type(3)
Still baffled by how many things you can do wrong in one sticker. link
Never forget type=”button” on generated buttons! - link

Trick: put code snippets in style tags and force them to be visible

<body><style style="display:block;white-space:pre-wrap;font-family:monospace"><h1>Look ma, no &lt;</h1><script>alert("Hi")</script><style>*{ ... }</style>

CSS

You know how position: relative; creates a new context for absolute positioning within? So does a CSS transform. link
Heyy internets. New year, new CSS experiments — link
Font-display - link
Using CSS Clip Path to Create Interactive Effects - link
Holy moly. You can write a key logger in pure CSS. link
There some nice and useful snippets in this thread link
Nobody Said CSS Is Easy - link
Pure Components: CSS Only Components - link
Tip: Chrome can now transition between two background-images by doing a cross-fade by default link
Tip: Wanna center text vertically? Put it in a <button>! link

Tip: Quickly see which CSS properties your browser supports:

Object.keys(document.body.style).map(p => p.replace(/[A-Z]/g, "-$&").toLowerCase())

JS

"Exploiting Speculative Execution via Javascript" is possibly one of the most terrifying lines of text I've ever seen, especially since this implies DUMPING KERNEL MEMORY from JAVASCRIPT. link
Understanding The React Source Code - link - link - link
The Ultimate Guide to JavaScript Frameworks - link
4 Ways to handle the double promise with fetch() and async+await link
Today's #wtfjs lesson: you can't read the pixels of a canvas where you draw things using path2D() and fill(). link
JS WTF with Math - link
Understand the complexity of Array Constructor
• new Array(…) → same as Array(…)
• Array() → same as []
• Array(n) → if n is 0 or 1, 2 etc, same as y=[];y.length=n. Else, same as [x].
• Array(a1,a2,a3) → same as [a1,a2,a3]
Examples: link
the simplest and smallest (~1kB) WYSIWYG text editor for web, with no dependencies - link
Dear JavaScript - link
XSS trick - link
Designing very large (JavaScript) applications - link
DayJS - Fast 2KB date library alternative to Moment.js with the same modern API - link
BigInt brings arbitrary-precision integers to JavaScript! link
*shuts laptop forever* link
My struggle to learn React - link
How to write your own Virtual DOM - link
Write your Virtual DOM 2: Props & Events - link
Why, JavaScript? Why? link

Nice XSS vector:

import('da\r\nta:text/\ecmascript\,alert%601%60') // Doesn't work on Edge

Why 'Mapping' a Constructed Array Doesn't Work in JavaScript: link (And a way around the issue.)
Tip: Wrap your log arguments in an object literal to print the variable name along with its value:
```
console.log({ isLoggedIn })
```
Tip: If you're using a custom font with a canvas animation, the first time you use `fillText` with the custom font, the font won't be ready unless you "prime" the font by using it in HTML/CSS first. Chrome/macOS.
Tip: touchend events trigger click events. So if you do:
```
ontouchend = e => e.preventDefault();
```
you won't be able to listen to click events on mobile.
Tip: `document.getElementsByClassName()` & Co return _live_ NodeLists. `document.querySelectorAll()` returns a _static_ NodeList. Use `querySelectorAll()`, people! link
Tip: Cost of updating text in the DOM
⬛️⬛️⬛️⬛️⬛️⬛️ .innerHTML
⬛️⬛️⬛️⬜️⬜️⬜️ .textContent
⬛️⬛️⬜️⬜️⬜️⬜️ .innerText
⬛️⬜️⬜️⬜️⬜️⬜️ .firstChild.data
- Use innerText if you can't assume structure
- Use Text#data to update existing text

[1,2,3].sort(()=>1)
// Edge & Safari: [1,2,3]
// Chrome & Firefox: [3,2,1]
// Chrome 65, but not Firefox, gets weird after 10 elements which makes me think it's related to stable sorting.
[0,1,2,3,4,5,6,7,8,9,10].sort(()=>1) // [5,10,0,9,8,7,6,1,4,3,2]

WEB DEV

I’m harvesting credit card numbers and passwords from your site. Here’s how. - link
Lea Verou - JS UX: Writing code for humans - link
A Web art piece - link (Read more: link)
Before everyone gets all “OMG THIS IS HORRIBLE UI DESIGN” crazy… It looks like these are user-named saved templates. In many applications, we let our users create their own UIs. This is the consequence of giving them that power. link
Let’s make a website. For realsies. link
Dear web developers: You’re developing web apps, not Chrome plug-ins. This is exactly the same as “requires Flash player”. link
Website Sameness™ - link
Facebook when you’re working at Facebook link
this is absolutely indistinguishable from a phishing email link
Learning to program is getting harder - link
Evetythig simle is hard again - link
Chris Coyier's answer: Complexity - link
Sure. link
Did you know Chrome has a FaceDetector API? link
Wikipedia explains why they took 8 years to develop a feature displaying an image and a text snippet... - link
Don't be afraid to "think outside the database" — your UI doesn't need to map one-to-one with your data's fields and values. Here are a few ideas you can use to present "field: value" data in a more interesting way: link
Google Form validation, y'all link
Localization and Plurals (and WTF) - link
...I DON'T KNOW! link
Your Brain on Front-End Development - link
Welcome to the internet in 2018. Not even joking. What a mess. link

ART / DESIGN

CODE&ART - LIVE coding some 3D graffiti with touch & microphone input in 20' link
These CGI Renders Are Actually Real Photos link
Illusory yellow (upper row) and illusory blue (lower row) link
I made some Nintendo fanart of Kirby on Shadertoy. Only shadercode and maths as usual! link link
I wrote down some thoughts about drawing props and backgrounds. link
which one of the two possible websites are you currently designing? link
Time lapse mechanical drawing link
this aspect of the evolution of mickey's design has always been fascinating to me link
Yellow heart (right) and illusory yellow heart (left) link
Planet Shadertoy - link (EPIC)
Wolfenstein 3D shader - link
Life is Pain - link
Garlic halved horizontally = nature's Voronoi diagram? link
ouch link
the blue lines and black lines remain the same length! link
Toggle - link
This copy of Alice in Wonderland was posted on Reddit, due to water damage it's grown spores and has actual mushrooms growing out of it. Sad, yet strangely fitting. link
This was wild from start to finish link
Surrealistic 3D Animations link
When Silence Dims The Stars Above (64k intro) link
We were following a lioness carrying her cub & she was getting really tired. An elephant showed up wanting to help the lioness. The elephant put its trunk down, the cub jumped up & the elephant carried the lion cub! link
h e e e l i x - 1st place at the revision_party animated gif compo. (Live version: link) link
That creator feeling when enjoyment only seems justified by profit link
Beautiful reminder link
This is so dang cool – hover around to change the time of day link
grid link
It’s muffin time! New asdfmovie song link
Representation of the first four dimensions. link
This is just genius. Works of Vincent Bal, he calls it Shadowology. link
Perspective link
Projection performance at America's got talent - link
Fun fact: The Windows 10 background is literally a real-life photograph. link

GEEK

Mapbreaking - link
Why is 11 am + 1 hour == 12:00 pm? - link
A former MSFT employee explains why Windows has 7 different shutdown options. It's amazing. link
Here's my thread on why Vista was a monumental release that doesn't get the credit it deserves link
FUN FACT: one of the many reasons N64 games have that distinctive look is because the hardware performed bilinear texture filtering with 3 samples instead of 4. Current texel + upper-left + bottom-right. This quirk was sometimes taken advantage of by savvy game artists! link
How many reversible integer operations do you know? - link
To Save Drowning People, Ask Yourself “What Would Light Do?” - link
Magic multiplication square link
Playing with a strange pen. The ink stretches backwards into the past and forwards into possible futures. The two sides make a strange loop: the future ink influences how I draw, altering the future's past ink… link
Cooley-Tukey FFT + DCT + IDCT in under 1K of Javascript - link
SNES Background Mode 7 Explained! link
NES RAM plotting on paper - link
Figured out how the NeoGeo does horizontal shrinking without a table: combinational logic, shift registers and a 2:1 mux ! link
Understanding the FFT algorithm - link Plus a cool trick to check if a number is a power of 2: N & (N-1) == 0
3blue1brown on Fourier series link
Super NES Features videos (and the famous Mode 7 at the end!) - link
I never understood appeal of fractals. But after seeing what these two lines of code produce, I think I changed my mind:
```
for (i = 0; i < 32 && |z| < 2; ++i) z = z^9 + c^6, color = |z| * rgb(i/64, i/38, i/28)
```
link
Primg: generate prime numbers whose binary representation looks like any image - link
Software Complexity Is Killing Us - link
A C89 compiler that produces executables that are also valid ASCII text files - link
Everyone Can Write Bad Code - link
That proof is also half of my favorite pythagorean theorem proof link
BitGrail lost $170 million worth of Nano XRB tokens because... the checks for whether you had a sufficient balance to withdraw were only implemented as client-side JavaScript link
If you don't know anything about Unicode, this sounds like forbidden runes cast dark magic on some planes of existence. link
Depixelizing pixel art - link
Today I was reminded of the beauty-slash-horror that is xor-linked lists link
By looking at this image, you can see how sensitive your own eyes are to contrast at different frequencies (taller apparent peaks=more sensitivity at that frequency). It's like a graph that is made by perceiving the graph itself. link
34C3: The Ultimate Apollo Guidance Computer Talk - link
Million dollar idea: Smart [Bluetooth] microfiber cloth. Every time you wipe it across your monitor, it also applies
```
.normalize("NFD").replace(/[\u0300-\u036f]/g, "")
```
to all text on screen. Removing digital and analog dust specks. link
A video game-playing AI beat Q*bert in a way no one’s ever seen before - link
Deconstructing the water effect in Super Mario Sunshine - link
Hacking the lottery - link
The Moiré Effect Lights That Guide Ships Home - link
I finally found a beginning of explanation as why stacking spheres in dimensions 8 and 24 is particularly cool: link "optimal packing" link
How is this speedrun possible? Super Mario Bros. World Record Explained - link
Something mysterious has been happening to some clocks on the European continent. From Portugal to Poland, from Denmark to Turkey, some clocks have been running slow. And it’s all because of a row between Serbia and Kosovo. A thread. link
Thought I saw a sine wave sculpture. Turns out it was just the real part of this complex sinusoid. link
Uncertainty principle? It's not about quantum. - link
I am a mediocre developer - link
The super Tiny Compiler: link (related talk by the same author: link)
Itsy bitsy data structures link (related talk by the same author: link)
Introducing Virtual Wearables link
The prize of the "most enlightening Wikipedia GIF so far" is given to the Dipole Antenna: link - link
But what about kerning terrorism link
Debian security update: It was discovered that a race condition in beep (...) allows local privilege escalation. - link
« Developer's Guide to Email », un guide technique vraiment bien fait pour comprendre ce qu'est un e-mail, à bas niveau (SMTP, MIME) link
Planets evenly spaced on log scale - link
Goodbye, Object Oriented Programming - link
Amazing writeup - from Hexcodes to Eyeballs: link - link
Let me tell you a story about how a typo helped end World War Two... (thread) link
Check out our paper on extreme image compression using GANs. We compress 1024x512px images to only 2kB, with superior visual quality compared to prior approaches at double the size! Project page: link arXiv: link
When algorithms surprise us - link
OSB 2015: Through the Warp Zone: Hacking Super Mario Brothers (also takls about NES emulation) - link
What's the length of shortest bit sequence that's never been sent over the Internet? - link
Spherical harmonics is an orthogonal basis of eigenvectors of the Laplacian on the sphere. Eigenspaces of fixed frequency are rotation invariant. The basic tool to perform linear and invariant signal processing on the sphere. link - link
Stupid dirty cheap way to search an entire Windows drive for wildcard text in a file name, that I use all the time. 50x faster than trying to use Explorer: dir "\search term*" /s
Computer scientists have found the longest straight line you could sail without hitting land. While they were at it, they found the longest straight path you could drive without hitting water.link
the hell that is filename encoding - link
remember when someone sent a package to russia with the address hand-written in mojibake and the russian post had to re-encode this person's handwriting link
I'm really loving this graphic. link
A map of the world but it’s just the time zones link
How different focal lengths affect your image. link
Google YOLO - link
An O(N) Sorting Algorithm: Machine Learning Sorting - link
Fascinated by UIs that accidentally amass memories. One of them is the wi-fi “preferred networks” pane – unexpected reminders of business trips, vacations, accidental detours, once frequented and now closed cafés. link
Why did I spend 1.5 months creating a Gameboy emulator? - link
Floating point explorer - link
How long would it take to create a Windows 1.0 capable machine from complete scratch? - link
Internet, _please_ stop telling people that 1+2+3+4+... = -1/12, and especially stop "proving" it using manipulations that aren't even safe for general convergent series, never mind divergent ones. The "=" in the context of divergent series comes with a 100-page EULA.
Programmer Gets SNES Games Running On The NES With A Little Bit Of Hacking link
10,000 More Years of the Scientific Method - link
The Wild Physics of a Firefighter's Window Catch - link
Amazing gamedev article on VECTOR MATH link
Why does a spray bottle work? - link
A visual introduction to machine learning link link link
Every now and then I reread this astonishing and terrifying description of the end of the dinosaurs: link
Article on raymarching distance functions. very fun coding it & not too much code actually! link
'You can't use Brotli for dynamic content' and other horses**t - link
Starry meme, geek twist link

CODEGOLF

Here's a writeup + video for my (and my my team's) #JS1K entries! link
SN1KE is a #js1k pure demo by The Codegolf Team link
Mini Fourier is a #js1k canvas demo by xem link
Shaderandom is a #js1k webgl demo by xem link
Epic cycles is a #js1k canvas demo by The Codegolf Team link
MUS1K is a #js1k pure demo by xem link
Nefertiti 1kb is a #js1k canvas demo by romancortes link
The Making of Nefertiti 1kb: link
256b rotating Earth in SVG + JS + Unicode inspired by @p01, @aemkei and the Codegolf Team: link - Code link
Cool trick to store 4 5-bit values in one 16-bit value. link
RealBisqwit, an epic coder/golfer/tool-maker made a tiny NES emulator + a video where he codes it live (tool-assisted) in 15min / 940loc link - link - Waklthrough: link - Don't miss this video (@ 4:23), explaining how the CPU instructions were golfed. link
Here are 1000 CSS3D cubes with transparency, fitting in <500b of #JS code, and rendered in ~5s by Firefox and ~10s by Chrome. link
Some CSS3D stairs, drawn with < 500b of packed JS code... link
NES ROM Disassembler 1.0 (coded in #JS and ~100 lines of code) - Code: link - Demo: link
OutRun tribute in 138 bytes of javascript link
THEY COME AT DUSK link A p01 survival horror game for #JS1k
Here are the slides of "Daedalus – Though the Maze of Code" at @jsconfis about creative coding and code golfing in JavaScript. link
The video of this talk "Daedalus – Though the Maze of Code" link
Scanimation Fish - animated optical illusion in 140 bytes of #javascript link
Spooky Medieval Tower - 140 byte javascript demo. link
A dive into the making of a 64K Intro - link
Part 2: Texturing in a 64kB intro. link
This article shows you how my 140 byte JavaScript demo "Choo Choo!" was created... @js1k @dwitter_net link
Mini #HTML+#JS real-time face detector 2.0 link (needs Chrome + experimental features flag enabled)
Remote Islands - 140 byte #javascript @dwitter_net demo... link
Here's how you do a 3D wireframe landscape in 140 bytes of #javascript. link

Simple shim for your #js1k entry:

<body id=b style=margin:0><canvas id=a></canvas><script>d = document; c = a.getContext("2d"); a.width = innerWidth; a.height = innerHeight; /* YOUR CODE HERE */</script>

255b CSS3D cube: link

_='<divqperspective:9k;margk:40vh+40vwu}Z(2`-1`j-j1k~">~"><pqborder:1px solid;width:2k;height:2k;position:fixed}_late|kurotate{(90deg)}z1k)}Z(u~;_form:q style="kinj1|X{Y(z`|Y{(-z_trans';for(i of'_`jkquz{|}~')with(_.split(i))_=join(pop());document.write(_)

253b colored cube link

_='<div_perspective:5j;margj:40vh+40vw^-1j^`-`1jq}Z(2j~>~><p_background:#777;width:2j;height:2j;position:fixed}]late|qrotate{(90deg)}z1j)}Z(q~;]form:jin`1j|X{Y(z_ style=^|Y{(-z]trans';for(i of']^_`jqz{|}~')with(_.split(i))_=join(pop());document.write(_)

21 bytes JS quine by @aemkei:
```
(X=_=>`(X=${X})()`)()
```

GAMEDEV

The Game Programming Resources thread link
now I’m obsessed with hearing the devs talk about these games link
Goodboy Lab presents 'Space Man', a 3D WebGL shadow mapping experiment > link More experiments here: link
“The Wisdom and/or Madness of Crowds”: link
My new favourite mobile game! link
Minor physics bug link
I love that they managed to pull of this gag successfully in Sheep, Dog 'n' Wolf (ps1) link
me irl link
“what makes a good puzzle?” link
New on the blog: Matt Wilde (@skilful) dives deep into a scene cut from the In the Valley of Gods announcement trailer. link
A Good Puzzle Game Is Hard To Build - link
Making puzzle games is painful because you sometimes have to watch people actually play them. link
GFX PROTIP: Dont use trig functions, unless you absolutely have to! dot products are often what you should use instead! link
the new #gamedev tutorial about INVERSE KINEMATICS for 2D games in @unity3d is out! link
New Game Idea - link
After some thought, I think this is more accurate for #Gamedev. link
Try psychedelic puzzler Mirror Drop - link

Tips & tricks

If your game contains vertical sprites and planes, and your camera is looking at your scene with an important angle, it's better to slant all your sprites and planes backwards. link
And did you notice that the trees in #LOSSST, are not only slanted backwards, but also rotate to always face the camera? This trick is inspired by Mario 64! link
"a wise gamedev named @frogtoss once showed me what it really means to CODE FEARLESSLY and the moment stuck with me for years. He was deleting huge swaths of code during a jam and just typing new fresh stuff off the top of his head while I timidly copypasted/commented out"
your game will feel like a real game once you implement the main menu. So why wait, make one NOW"

FUN

Towards a bra-free Instagram experience - link
Expert programming link
Me_irl link
My ten hour white noise video now has five copyright claims! :) link
Speculative code link
“Let’s add sound!” - A client advising how to improve a GIF. link
This graph. link
Client: We want you to design an online strategy game for us - link
writing documentation is like yoga, I know it's hugely beneficial but I never ever feel like doing it
It started with x+4... and I couldn’t unhear it. I was supposed to do my math homework but instead I figured out what the Cantina Theme would sound like if your instrument was a pencil. (Volume all the way up) link
The spec was vague link
2 unit tests, 0 integration tests link
Rolling your own encryption link
In case any of you were worried: link
Einstein-Rosen short film on Vimeo - link
Actual footage of US Missle Warning System link
every library should have a good science fiction and fantasy section link
When @slack is better than your missile defence warning system... link
This is a very true statement ... link
An amazing mind-blowing comic link
idk what stresses me out more, the fact that 26% somehow got 13 or the fact that the correct answer isnt even an option link
JS dev humor - link
I know these feels. link
User specs link
Wow, I had no idea Satan was so knowledgeable and generous with his time. link
You're kidding me, right? link
If only there was a letter in PARIS that resembles the Eiffel Tower link
me when someone tries to get to know me link
TIL: This state is called tablerone. link
Corporate decisions in one diagram #agile #jira link
Client: The printer is saying they can’t print the 6x4 flyer because they only have a 4x6 layout. - link
"Do you have any information that I can use to write your website content?" - link
Wondows Update - link
me irl link
Me_irl link
LOL, wrong on so many levels. link
Today in clients from hell - link
"Don’t push to live yet, we still have a couple bugs left to fix" - link
Cuando llevas más de 8 años en Twitter link
WESTERN WEB DEVELOPER: uhhh i designed my website with the japanese feeling of “wabi-sabi,” an untranslatable japanese concept of minimalism and “zen” - JAPANESE WEB DEVELOPER: link
I will never understand management link
@mariofusco Always wait the Wally Period before starting something link
My new passion is the titles of Chuck Tingle books - link
Now available in audiobook (with exquisite book covers)! link
And ebook (with more fabulous covers)! link
They call it "iteration 0" for a reason... #agile link
hello my dildo is sending passwords in plaintext what do link
It can't get worse, Right? RIGHT???? well. link
Krusty Krab is the site you’re trying to connect to. Patrick is server hosting it. The phone book (DNS) gives you the number, you announce who you’re calling for, but Patrick doesn’t recognize the TLS SNI extension, and greets you with his default name. link
Dystopia is here, and increasingly more evenly distributed link
"SO YOU WERE WAITING UNTIL JUST NOW TO TELL ME YOU WEREN’T GETTING MY EMAILS!" - link
"My family comes to me to always do their graphic design, wanting impossible deadlines, and everything free of charge" - link
Hardware Store (PONY STYLE) link
Sad photo of Wall Street traders reacting as stock market plunges. link
This meme is not getting enough attention #FalconHeavy link
this gif made my entire day link
*facepalm* link
At a bank trying to prove my address: CLERK: "We have a discrepancy here... Your name here is Jani Eväkallio but this proof of address says Evakallio without the dots. Can you explain that?" ME: "How much do you know about Unicode?" I don't think I'm getting a bank account today
Never forget. link
This book describes Zelda BOTW so well. link
I love that JavaScript understands my little jokes link
Forget ICOs, you should invest in my JIRA backlog now link
Yes, let's link
Owner Story: "Cute ball, Corner pocket." link
MEU DEUS link
-> Facebook wants fewer "meme" images, changes algorithm to favor video.
-> Meme pages turn images into long static videos.
-> Facebook filters out static video as spam.
-> Meme pages put floating triangles over everything to cheat the filter.
THIS IS THE GREAT WAR OF OUR AGE link
Unicode something something link
Me_irl link
jQuery devs seeing a React project for the first time. link
Microwaves have the worst UI link
The only acceptable alignment chart link
Every headline on the internet link
when the frontend dev spots a bug and opens the browser devtools 🎨🖌️ link
How to Graphics API, as explained by every online tutorial ever: link
Github issue: Cat walked over the keyboard sorry guys. - link
Cutting deep. #agile link
A Brief Totally Accurate History Of Programming Languages. One Hundred Percent Inspired by Facts link Fun! <3
😆link
This godforsaken website link
i’d forgotten all about El Hopaness Romtic, the only image on the internet to make me actually cry with mirth link
Deadline is coming #ProjectMangement link
Agile link
If you think you're on the project from hell, this will cheer you up: link
* 6M lines of obsolete flavour C++
* 50K classes
* CORBA
* 48hr build time
* Average dev turnover 3 months
* 35 managers for 25 developers
* Fired if you arrive at 9.01am
It me. link
AWS S3 uploading at amazing speeds of NaN undefined/s link
Development → Staging → Production link
Is javascript broken or are javascript devs broken? link
Me after I escape from a chatty extrovert: link
me💵irl link
Start them young. link
[2:38.43] Blindfolded SMW Credits Warp WR - link
Old meme format, timeless JavaScript quirks link
Far Cry 5 patch was interesting link
Not sure why you think Siri is so behind. Neither Google nor Alexa figured out that I wanted to divide the maximum lifetime of lobsters by the total water in then world when I asked “How long can a lobster survive out of water?” link
The end of 'Finding Dory' on Sweden's Netflix is, by far, the greatest movie moment in cinema history. link
petit guide de dépannage logistique et informatique à destination de mes collègues. link
Microwave link
Friendly Questions link
Packet Lost link
Serverless. link
37 up-and-coming creative job titles. - link
Microsoft's internal communication team shaming the Windows Update team... link
"how many servers could it take to turn on a light bulb lol". Philips: hold my beer link
Client: My webpage isn’t loading. - link
Subscription services link
Has Kanye been reading books about coding? link
me after the smallest inconvenience link
[explaining the infra to our new CIO] "but how can we leverage blockchain for this?" link
we already live in a boring dystopia link
Sorry but I love this badly phrased memorial bench so much link
Refressh link
Harry Potter: Hogwarts Mystery forces you to pay - or wait - to save a kid from being strangled (the comments are fun, too) - link
For exposure link
When you use marketing buzzwords, you sound like a moron - link
I've been experimenting with clickbaity pull request headlines at work. CTR's gone Though. The. Roof!!! link
10 Tricks to Appear Smart in Meetings link
Design: I have one small change to make before the milestone. Code: link
cutting through the bullshit link
making the world less secure never tasted so good. link
u couldve read this thirty seconds ago if u had the app link
I miss Miiverse link
this is fucking incredible lmao link
Regarding the recent Twitter password situation... link
Bird link
124) link
Early access games in a nutshell #gaming #indiedev link
hot off the presses link
This is my favorite GitHub reply ever. link
Welcome to Kansas. link
"Our API" - link
Oooh, can't wait. I can see literally no down sides to this whatsoever. link
Found a shell on the beach. How to install a sea interpreter, though? link
Emoticons offlink
2 unit tests... link
Nature truly is amazing link
remember when mcdonalds set up a website for people to create their own burgers and the internet immediately ruined it link
ﾀｽｹﾃ･･･ﾀｽｹﾃ････ #iRacing link
AI link
Fantastic to see Tampax's new slogan describe the emotional toll of my work life balance link
7 Ways to Successfully Micromanage Programmers - link
I bought a car today, and the dealership had me check off — with a pen, on paper — that I’m not a robot. link
Var name link
Hi! Just letting you know you can't use your lights anymore because we're slathering your data around and GDPR is here. good luck! bye! link
This is my favorite. #GDPRday link
Nice try, Tumblr. link
Would like to purchase this to see what all the fuss is about link
Meet JavaScript: The Language That Cannot Be Learned. link
How to fuck up someone's day by missing one line of code link
I'm fascinated by bizarre bug stories. This one, retold by @ferlatte, happened in the mid-2000s. The chain of decisions that made this possible could make a book-sized history of computing. But if you only take one lesson: please, validate your inputs. link
omg same link

QUOTES / TWEETS

In the future, human evolution will be shaped by our ability to adapt to new versions of windows
The people who are always telling you to talk more and saying “you’re so quiet!” Are the ones who never listen when you do finally talk.
"Any code of your own that you haven't looked at for six or more months might as well have been written by someone else." - Eagleson's law
I need people in my life who are way more understanding of my tendency to not talk to them for months at a time.
Ohh I’ve just been requesting an email to re-set a password to login to unsubscribe from emails, to get another email to confirm the password change which has an unsubscribe link which shows I’m re-subscribed. Anyway, how are you?
Anyone who has to call himself a genius...isn’t.
my js state management library: {}
Dear web developers, The answer is zero. Zero. Get it through your thick skulls. Zero is the number of times anyone has EVER wanted something to autoplay on your site and start making noise. I'd honestly rather you mine crypto-currency in my browser than use my speakers.
"If you give someone a program, you will frustrate them for a day; if you teach them how to program, you will frustrate them for a lifetime." - David Leinweber
Software is "done" in the same way that the dishes are "done". Software, like clean dishes, is only done if you never plan to use it again.
Every day is a productive day if you set the bar low enough
Just a little reminder that it’s about 100 times more important what you build than how you build it.
I totally understand how batteries feel because I’m rarely ever included in things either.
[applying for a job at the FBI]
FBI: and there will be a video interview
Me: do i just walk up to any computer with a webcam lol
FBI:
Me:
FBI: you could do that, yes
ME: *takes long drag of cigarette and looks toward the horizon* i haven't smoCOUGH COUGH COUGH HACK HACH COF KAFKAF HACK COUGH KAF KAF HAC COUGH COF KAFKAF KAF HACH KAF COUGH HAK KAF KAF KOF KOF KOF KOF HAGH KOF KOF KOF KOF KAF KOF KOF KOF KAF KOF COUGH KOF KOF KOF KAF KAF HAK KA
It’s now 15 years or so since we really started to make web browsers full-fledged app platforms. We added so much functionality out of the box, tons of new HTML, CSS and JS stuff, thousands of new APIs. Yet, first thing we do when making a new app: pick a giant framework.
the most #dangerous phrase in the language is; "we've always done it that way." link
Every truck is a food truck if you're a cannibal
"Actually, that feature shipped in Vista" is the most Microsoft hipster thing you can say.
What if we build a robot to detect fake news and it says everything is fake because it realizes we're living in a simulation.
What if time travel targeting is based on electromagnetic effects of high-frequency processing and Bitcoin is how they sync the transmitters
Anyone who thinks the Hawaii alert is a conspiracy because no computer interface would let that accident happen has obviously never used enterprise-quality software.
Autofilling my search is the Google version of mansplaining
Every zoo is a petting zoo if you’re not a little bitch.
We, as a species, should agree to collectively boycott interviews/interviewers with bad whiteboard problems. "I reject the premise of your question. If this is about workplace interactions: I would offer alternatives that are less unreasonable/constrained. Ask better questions."
Colleague got a new car. Some functionality didn't work. E-mail from Peugeot asks him to hook up the car to wifi, reset and reboot. #IoT
PEOPLE ARE UPSET A CRYPTO CURRENCY LITERALLY CALLED PONZICOIN TOOK THE MONEY AND RAN
++ PIG BREEDS YOU'D BELIEVE WERE FONTS ++
Aksai Black Pied
Basque
Beijing Black
Breitovo
British Landrace
Chato Murciano
Iberian
Juliana
Mangalitsa
++ FONTS YOU'D BELIEVE WERE PIG BREEDS ++
Cholla Slab
Gloucester
Granjon
Perpetua
Rockwell
Cloister Black
Wilson Greek
Blurry eyesight in the morning is the equivalent to waiting for textures to load in a video game.
😓 If you’re hesitant to build an app because the competitors have been around for 10 years, that’s your advantage. 💪 You’re starting from scratch with the most modern web while they’re maintaining a monster of brittle legacy code—and the original devs are long gone.
I wish I could reply ‘Why are you so loud and talkative’ to everyone who asks me ‘Why are you so quiet’, but it’s considered rude.
Windows 10 will let you delete system32, but it won't let you uninstall Cortana. #Showerthoughts
Is your child texting about javascript frameworks? Know the signs:
rofl - react offers fast learning
brb - building redux boilerplate
lmao - love mastering angular objects
imo - instantiating eMber observables
nvm - need vue mixins
wtf - webpack's the fastest
BAR WITH SPECIAL MESSAGE
LOGO PLATFORM↓ SOLUTIONS↓ PRICING
BOLD STATEMENT
CALL TO ACTION
GRID OF LITTLE ILLUSTRATIONS
LARGE BOLD FOOTER
©2018
Considering how big the universe is there are probably space battles going on somewhere
Maintaining an open-source project is like being a Flight Attendant for an airline where all tickets are free and the majority of customer surveys offer suggestions on how to fly the airplane.
We need more product thinking, and less product managing. - link
Agile in 2018: Shaking your mouse every 29 minutes to keep your Slack status from being away and ignoring Jira email notifications.
Roses are red, Violets are blue, Unexpected '{' on line 32
Close that stack overflow tab and invent your own sorting algorithm or renderer or physics engine, one that only does what your game needs, not what every game may need, you're not making middleware for the masses it's just for you, custom and you'll know every function name
It's🎉not🎉"plain"🎉"text"🎉if🎉you🎉need🎉to🎉load🎉an🎉icon🎉font.
i think metal detectors have metal in them. kind of hypocritical
Cheap developers cost the most money.
what's the unit of measurement for devops?
> I'm one of those unicorn devs *I will fuck every part of your stack with workarounds and hacks
Me: We have a thing this weekend.
5-year-old: I don't want to go.
Me: I didn't tell you what it is.
5: Does it matter?
Group projects in school weren’t meant to teach you teamwork, they were meant to teach you how to deal with the incompetence of your coworkers in the workplace.
Web developer: “Let’s use a toolchain of seventeen interdependent cross compiling hyperloader deploy-o-matics to the site!” Also web developer: “Sorry, supporting more then just Chrome is too complex.”
pro tip: post the Jira tickets assigned to you to Stack Overflow; implement the top answers tomorrow;rinse/repeat
Your fave game engine or language *will* die in your lifetime, don't forget AS3, with a bazillion very successful gamedevs w instantly unwanted skills link
We know what we want - link
*accidentally opens internet explorer* internet explorer: hewwo!!! (^ ω ^) awa i missed u sewwwww much!!! pweeez cwick to downwoad my updates (ﾉ´ з `)ノmaybe make me the defauwt bwowser??? im vewy wonewy (｡•́︿•̀｡)
Websites telling me I’m using adblocker is a bit like a vampire at the window: “I notice you’ve got your windows locked…”
Escalators are just big, slow chainsaws.
I am an experienced developer. I am also googling "How to roll back a git commit" for the millionth time.
State of AI in 2018
Amazon: “You have bought a blender. Here, you definitely need 5 more blenders.”
eBay: “You’re selling a specific LEGO set. This means you must be interested in buying this specific LEGO set! Here are 5 auctions for it.”
Spiders are the only web developers that enjoy finding bugs.
why is being alive so expensive. im not even having a good time
I find it hard to believe people are using Siri and are still convinced AI will take away all of our jobs link
Yes, exactly. Thank you so much @mxstbr and @keithjgrant 💅🙏🏻 link
"Testing can show the presence of errors, but not their absence." - E. W. Dijkstra
As developers we shouldn’t build shit. The things we build will not be just lines of code but applications people use and abuse. link
Me reviewing code at age:
19 - "I don't know what any of this is, looks good"
21 - "Can you rename this variable and indent the spacing here? Changes requested"
25 - "Humans are fundamentally incapable of writing correct programs but I trust your ability to try. LGTM"
The secret to Chrome's speed is that it holds the entire internet in memory. None of those pesky network calls to slow things down. link
As a kid you think adults are these very serious people then you grow up and realise everyone’s just a big kid trapped in a system.
Vous tous, soldats de la mesure qui vous permettez encore de trouver un film sympa plutôt que crier au chef d'oeuvre, de trouver un comportement maladroit au lieu de scandaleux et de ne rien dire quand vous estimez que votre avis n'a aucune importance, merci d'exister.
Modern programming.
— 1 hour reading blogs,
— 1 hour looking up docs and SO and googling for whether it’s done already,
— Writing 3 line’s of code,
— Removing two,
— Coffee, doubting the 3rd line,
— Asking about the 3rd on Twitter,
— Arguing about CS foundations and US laws
The modern #escaperoom: You are in a conference room with
• a projection system
• a speakerphone
• guest wifi
• a videoconference camera
You can leave when everyone can see and hear the presenter.
Early warning signals when joining a new team or project:
1. No Documentation
2. No Documentation
3. No Documentation
4. Stand-ups but no retrospectives
5. Technical User Stories
6. You keep hearing "Everything is obvious..." (see 1. 2. 3.)
What else?
Let me know.
What I love most about modern frontend development setups: you come back a year later to fix a margin in css and it takes 2 hours to fix the setup and get it up and running again.
my student loan account is locked for an hour bc i entered my password wrong twice. who the hell do they think is trying to break in and pay my loans for me. why would i want to prevent that. Pleas let them in
Blaming Unicode for your encoding issues is like blaming the UN for WWII. Sure, there are still lingering minefields that need cleanup, and a lot of hostility and resentment still around, and there always will be problems. But, it is probably a bit better than before.
Businesses that make money by collecting and selling detailed records of private lives were once plainly described as "surveillance companies." Their rebranding as "social media" is the most successful deception since the Department of War became the Department of Defense.
How to become a senior developer:
- create a LinkedIn account
- create a blog
- publish a couple of blog entries how everything sucks
- create a Twitter account
- post a couple of pics from conferences
- buy a Macbook Pro
- post a couple of pics hacking from Starbucks
1998: The Internet will democratize access to information and lead us into eudaimonic utopia.
2018: Please hold my porn-laden blockchain while I in-app buy 100 cute crystals to get my private data back from the robbers in my phone.
1968: if only computers existed
1978: if only more people had computers
1988: if only the computers were all connected
1998: if only the computers could fit in a pocket
2008: if only everyone talked to each other using their pocket computer all the time
2018: oh
A software developer’s confidence throughout their life:
0 years experience: I have no idea what’s going on
5 years experience: I AM A SENIOR DEVELOPER I CAN BUILD ANYTHING GET OUTTA MY WAY
10/15 years experience: I like my personal life
20 years experience: I AM AN IMPOSTOR
Things that are wrong with the web in 2018:
1. Is anything *really* secure?
2. Everyone wants you to enable push notifications on their site
3. I still can't edit my tweets
#DevDiscuss
Game design document protip: link
Why do people feel the need to comment on every example of someone using new CSS with their great revelation that older browsers exist? We. Know.
You don't have to use something if it doesn't make sense in your project. No CSS police are going to come after you.
a fun thing is how there are thousands of tweets from Early Twitter of people saying "nothing whats up" and "nothing whos this" etc because they thought they were chatting with the compose tweet box that asked "What's happening?" link
Tech buzzwords explained:
AI—regression
Big data—data
Blockchain—database
Algorithm—automated decision-making
Cloud—Internet
Crypto—cryptocurrency
Dark web—Onion service
Data science—statistics done by nonstatisticians
Disruption—competition
Viral—popular
IoT—malware-ready device
React devs: <Using Context API>
Me, an intellectual: `window.context = {...}`
I’m more and more convinced that staging environments are like mocks - at best a pale imitation of the genuine article and the worst form of confirmation bias.
It’s still better than having nothing - but “works in staging” is only one step better than “works on my machine”.
so many orgs pride themselves on “doing it right” by spending eng cycles just to keep staging and prod “in sync” (except they are still forever chasing a moving target)
There’s only one environment that is “in sync” with production - and that’s the production environment itself link
“First, solve the problem. Then, write the code.” – John Johnson
The greatest enemy of knowledge is not ignorance, it is the illusion of knowledge.
—Stephen Hawking link
EXPECTATION:
This is production. This is staging. This is testing.
REALITY:
This is prod-test-1, it's used as staging except when prod is down. Cron-internal runs external jobs for tests. Don't touch ops-2 or everything will break.
I’m not lazy; I just legitimately don’t feel like doing anything ever.
Enemies of innovation:
1 culture of blame
2 no safe space to experiment
3 desire to please all
4 big egos
5 self-doubt
6 micro-management of talent
7 fear of failure
8 too much process rigor
9 impatience
10 abundance of resources
11 need for immediate ROI
12 the love of HIPPOs link
probably my favorite part of being an adult is all the anxiety i experience over working on projects i gave myself that no one else cares if i finish
me, coding in C#: i wont be a real dev until i code in C++
me, coding in C++: i wont be a real dev until i code in C
me, coding in C: i wont be a real dev until i code in assembly
me, coding in assembly: i wont be a real dev until i destroy god & supplant him as creator of all
Listen, I’m not gonna pretend I have a personality just because you whipped your camera out.
Step 1: You have a problem
Step 2: You introduce a blockchain to solve problem
Step 3: You now have an incentives problem, a trust distribution problem, a community management problem, a regulation problem, a speculation problem, an upgrade path problem...
8 yo: We're learning to make websites at school.
Me: Awesome, are you using Google Sites or something.
8 yo opens a text editor and types in 6 valid lines of html.
Me: ...
8 yo: Dad, why are you crying?
Literally half of my conversations: Them: *something I can’t hear* Me: “What?” Them: *more incomprehensible muttering* Me: “What?” Them: *still no idea wtf they are saying* Me: *nervous chuckle*
Becoming an adult is like driving a bus blindfolded with every passenger telling you different directions.
[client]
— Pouvez vous passer le site en production ? C’est plus simple pour tester.
Me trying to ask someone for a favor: Hey could you help me with this thing? Absolutely no pressure though. Totally ok if you can’t. If you’d rather run me over with a car that’s cool. Are you mad at me?
So many things I was wrong about when I was younger:
a) tech is a meritocracy
b) there is a Right Way (tm) to solve any problem
c) I'm really good at this
d) I'm really bad at this
e) the code is the most important thing
f) techies can be swayed by logic link
g) functions should have a single exit point (those of you without college were probably spared this)
h) users know what they want
i) tests are nice, but not necessary
j) people who have been doing this a long time will get more respect
In french we don’t say welcome to my house we say « excuse moi c’est le bordel » and that’s beautiful
Dev productivity killers:
* Notifications
* Meetings
* Emails
* Interruptions
Great managers minimize these. Bad managers cause them.
Imagine driving your new car down the highway.
Suddenly a message pops up on the windscreen; steering wheel is locked and pedals don’t respond.
“Do you like this car? Rate it on the car store!”
This is the experience users have in every mobile app.
“The purpose of software engineering is to control complexity, not to create it.” - Pamela Zave
i get high on:
⚪️ life
⚪️ drugs
🔘 that part in come on eileen where it slows down and then speeds up
anyone: can I be honest?
me: idk, am I about to think less of you or me?
"In carpentry, you measure twice and cut once. In software development, you never measure and make cuts until you run out of time." - Adam Morse
Software engineering, a story.
Year 1: The build system does WHAT?
Year 3: This problem requires careful thought and a detailed design doc.
Year 7: Maybe I should write a framework.
Year 10: People. People are the problem.
I've been working with HTML for about 20 years and just today I realized that Radio Buttons refer to actual radio buttons, where only one can be pressed at a time. link
1. Try something new
2. Read all the advice from experts
3. Nod and say “sure, no problem”
4. Make all the mistakes anyway
5. Finally understand for yourself what that advice really meant
6. Advise beginners not to do that thing
7. Repeat
Adulthood is like losing your mom in the grocery store for the rest of your life
In TCP we don’t say I love you, we say: SYN
SYNACK
ACK
DATA
ACK
DATA
ACK
FIN
ACK
FIN
ACK
and I think that’s beautiful
[My son's 1st day of school]
ME [in tears] it's just gone way too fast
TEACHER: Even so, you have to take him home now
Seeing job ads for Senior Blockchain Developers when the term was only popularised in 2016.
Someone was recently telling me they were a "Code Ninja". I don't want to work with a Ninja, they leave a bloody mess. I want to work with a "Code Janitor". Comes in the middle of the night, cleans things up, you only know they were there because everything is organized and tidy.
2018 - we have no hover boards but we do have 2.1 million JavaScript todo app demos.
all good client projects start with a person in a suit saying, "our devs will have this done in no time, don't you worry".
"Writing software as if we are the only person that ever has to comprehend it is one of the biggest mistakes and false assumptions that can be made." - Karolina Szczur
People who can't distinguish between etymology and entomology bug me in ways I cannot put into words.
[syn] YO ILL TELL YA WHAT I WANT WAT I REALLY REALLY WANT
[ack] SO TELL ME WHAT YOU WANT WHAT YOU REALLY REALLY WANT
[syn] ILL TELL YA WHAT I WANT WAT I REALLY REALLY WANT
[ack] SO TELL ME WHAT YOU WANT WHAT YOU REALLY REALLY WANT
The first rule of Vim club is you can't quit.
Nintendo has just announced that cloud saves are coming to the Switch! Unfortunately, it seems that they'll simply be recolored bush saves. link
Person 1: “CSS-in-JS is correct”
Person 2: “Vanilla CSS is correct”
Person 3: “Both are good use whatever works”
Me, leaning on a wall, flicking a cigarette looking cool and hot: “Humans are fundamentally incapable of writing web applications so everything is wrong”
A programmer walks into a bar and orders 1.000000119 root beers. The bartender says, "I'm gonna have to charge you extra; that's a root beer float". And the programmer says, "Well in that case make it a double".
My life is that awkward jog you do in front of a car when your crossing the street.
FOX announced it’s replacing Brooklyn 99 with just thirty minutes of a Google robot tricking service workers into talking to it
Imagine driving a car with only three wheels, trying to go on full speed, while being way behind schedule, thinking you can still make it in time, because someone estimated how will long it should take to get from A to B.
Well, this is how a lot of Software is built.
It’s terrifying that both of these things are true at the same time in this world:
• computers drive cars around
• the state of the art test to check that you’re not a computer is whether you can successful identify stop signs in pictures
Me: When is the best time for me to give you a call?
Developer: Some time around 1996 when phone calls were considered normal.
"given infinite monkeys typing randomly, one wil eventualy type Hamlet" is not an exercise in probability, but a comentary on the human race
“Programs must be written for people to read, and only incidentally for machines to execute.” - Harold Abelson
NEIGHBOR: Is that your dog running around your yard?
ME: No. That's a fence.
By age 35 you should have a huge box of cables but you can't throw them out because you're pretty sure you still need a couple of them but you're not sure which ones
By age 35 you should run into friends and say "WE SHOULD HANG OUT SOON!" twice a week. You will never hang out. You'll just scream this at each other until one of you dies.
I'm starting to think people who say they ate packets of instant ramen noodles for weeks so they could launch their startup just really like eating packets of instant ramen noodles.
By age 35 you should have at least one fork in your cutlery drawer that you just don’t like, and actively frown at if you accidentally grab it.
Had SO many female friends chastised by managers for not being “soft” via email, not being “cheery” when asking clarifying questions in meetings.
Bullshit.
Managers of women: check yourself. Women aren’t in the workplace to be your cheerleaders. We’re here to get shit done.
but thats all you need to know kids - if you can loop through an array and iterate over its contents, maybe concatenate a few strings, you dont need to learn much more, everything else is a fancy way of doing those 2 things
Sometimes, I feel like I'm the variable that's undefined.
REAL places where r e a l i t y IS ALTERED
•your friends kitchen when you wake up in the middle of the night during a sleepover to get water
•beaches at night
•airports in the early morning
•inside your car during the car wash
•cracker barrel
more
•your bedroom during a storm
•post offices
•being in the mall when they announce over the intercom that they will be closing soon
•internet cafes
•standing in the middle of a usually busy road at like 3 am
•the office supplies section of your local grocery store
Nearly all the GDPR emails I'm getting are from websites I've never even heard of, telling me how much they care about the privacy of the personal details I didn't give them
everybody always asks “where is the clit” but nobody ever asks “how is the clit” 😔😔😔😔
Hey, I just cloned you
and this is crazy
buy here's my PR
merge me maybe
Growing up is realizing you are no longer the main character in the story of life.
The way children pick up animals stresses me out.
“As a software developer, you are your own worst enemy. The sooner you realize that, the better off you’ll be.” - Jeff Atwood
React: Make the simple things hard and the hard things simple
Being a mediocre developer for 10 years doesn't make you senior.
I just wrote a new JavaScript framework this past long weekend.
I'm currently hiring Senior Developers with 5 years' experience in my new JavaScript framework.
[first date with woman who has a kid]
HER: i'm a single mom
ME: yeah no shit, how many moms did you think i thought you were
If you ask an expert a detailed question and their answer is not “it depends” you need to start reconsidering their expertise because experts are edge-case pedantic fucks.
Stop referring to people as "resources".
* It's disrespectful
* It show a lack of understanding of actual Software Development
* Resources don't accumulate knowledge over time.
* Resources can't form teams.
* Resources can't collaborate.
What else?
Mathematician 1: My favourite number is pi, as it explains the circle
Mathematician 2: My favourite number is e, as it explains the exponential function
Engineer: Yeah my favourite number is also 3
I wish I could reply ‘Why are you so loud and talkative’ to everyone who asks me ‘Why are you so quiet’, but it’s considered rude.
Actually it's pronounced Jithub
Sometimes I think about how people want space colonies but zero people have ever successfully run a videoconference on the first try
DO NOT REMOVE YOUR CARD...
DO NOT REMOVE YOUR CARD...
DO NOT REMOVE YOUR CARD...
OMFG REMOVE YOUR CARD HOLY SHIT WHAT IS WRONG WITH U
I’m making a highly optimized, very customized React app—started by just using HTML, CSS and vanilla JavaScript and… oh I’m done.
You say "VP of Engineering", I hear, "hasn't coded in 5 years".
You're only as good as your last commit.
7 year old: “Is lesbian the same as librarian?”
Me: draws Venn diagram
The most successful people I've met:
1. Study daily
2. Eat well
3. Thrive on others
4. Are literal sharks in the ocean
5. Are one of 7 horcruxes
6. Replace their DNA w/ blockchain
7. Have eagles take them to Middle Earth
8. Own 2 dragons, 1 undead
9. Eat only the middle of Oreos link
The most successful people I've met:
1. Were rich
2. That's pretty much it
3. A lot of them were really mediocre
4. Some were actually stupid
5. Most were boring
6. It didn't matter, they were 'succesful'
7. In a capitalist society, wealth determines success
8. $
9. It's money. link
The most successful people I know
1) Survivorship bias
2) Survivorship bias
3) Survivorship bias
4) some other sampling bias
5) Survivorship bias
6) Availability heuristic
7) Survivorship bias
SIMPLE GUIDE TO GUESS HOW OLD THE PERSON YOU'RE EMAILING IS:
😀 young
:) youngish
:-) old
J ancient
Any stairway is a stairway to heaven if your clumsy enough.
As you get older, you realise that dads at cookouts don’t enjoy grilling that much, they’re just trying to avoid interacting with everyone else.
In programming, if someone tells you “you’re overcomplicating it,” they’re either 10 steps behind you or 10 steps ahead of you.
you can’t teach a person how to get money when they’re already comfortable being broke
Spanish: The h is silent
English: Many letters can be silent
French: All letters are meaningless, every living thing is born without reason
gameshow host: can you name the 7th president of the united states
me: [buzzes in] no i cannot
Everything is a puzzle if you’re dumb enough.

July - December 2017

Cool websites

HTML / SVG

Which Meta Tags Should You Be Using in 2017? - link
<iframe max-transfer-size='300KB' src='…'> proposal - link
The strange <img> gap in HTML - link
Lazy load images with inline SVGs to a better thumbnail experience on Codepen - link
add ripples to an image with SVG filters - link
HTML 5.2 new/removed features - link
TIP:<input maxlength=*> : “this attribute specifies the maximum number of characters... in UTF-16 code units ಠ_ಠ

CSS

Font Aliasing, or How to Rename a Font in CSS - link
A fullscreen element (img, video, canvas, div), centered horizontally & vertically, with fixed aspect ratio - link
:focus-within now available in Chrome, Firefox and Safari - link
Meanwhile in Wales. - link
What if I told you there's something more important than !important? Try changing the background-color of the box - link
Make CSS3D cubes of any size - link
Vehicle consumption label with just one fucking DIV - link
This little centering trick is even less code than the flexbox one. - link
Things you could be doing instead of designing & building that card component - link
Font-size: An Unexpectedly Complex CSS Property - link
Do you know what happens when your layout-related css properties override earlier ones? - link
CSS-only directionally aware hover - link
CSS challenge: "I need a label, followed by a list of links, and a "+" button following the last item of the first line of links" - link
Breaking down CSS Box Shadow vs. Drop Shadow - link
How to write a JavaScript-free todo app using just HTML and CSS - link
you can avoid jumpy numbers with tabular numbers and font-feature-settings - link
Text Input with Expanding Bottom Border - link
overflow-hidden doesn't always hide descendants, an interesting scenario - link
The (Far) Future of CSS - link
Why font size are hard to control - link
"Hey! CSS Grid is amazing!" - link

TIPS

-var(--s) doesn't work, but calc(-1 * var(--s)) works!
var(--width)vw; doesn't work, but calc(var(--width) * 1vw) works!
In CSS3D transforms, "scale(.1)" only scales in X and Y axis. To scale a cube, you need to do "scale(.1) scaleZ(.1)" - link
:after{content:'a''b''c'} outputs "abc"

JS

icaro: Smart and efficient javascript object observer (~1kb) - link
“Debugging JavaScript -console.loggerheads?” - link
the simplest and smallest (1.5kB) WYSIWYG text editor for web, with no dependencies - link
What is Javascript's `new` keyword doing under the hood? - link
"Hidden messages in JavaScript property names" - link
GPU Accelerated JavaScript (perform massively parallel GPGPU computations using WebGL) - link
Don’t pay the for-loop tax - link
133b container query polyfill in JS - link
The Ultimate Guide to JavaScript Fatigue: Realities of our industry - link
Ebook: The JS way - link
A list of funny and tricky JavaScript examples - link
"[[]][0]++;" is not the same as "[]++;" - link
Safari shipping ES10+ before anyone else: semicolons are now treated as assignments :/ - link
How to enable fullscreen on mobile (not iOS) - link
Let’s talk about Javascript string encoding - link
Javascript : The Curious Case of Null >= 0 - link
Uploading Directories At Once With webkitdirectory – link
A cheatsheet for JavaScript you will frequently encounter in modern projects and most contemporary sample code - link
Is Vanilla JavaScript worth learning? Absolutely. - link
Motion to standardize resolve, reject params as `ya, nah` - link
JavaScript discovery of the day - link
JavaScript's Promise is Memory Unsafe - link
Arrow functions can help code readability. - link
A platform game you play by coding in JavaScript! - link

TIPS

Never use id="content". Firefox will treat the global var "content" as an alias for "window" instead of that element
Similarly, don't name a JS variable, or an element's id, "export"
Close your AudioContexts before creating new ones (A.close();A=new AudioContext) because Chrome will allow no more than 8, and won't allow assigning a new to the variable of an old one.
Assigning to string.length has no effect. Assigning to array.length truncates the array or adds undefined elements
With async/await, you can run multiple async operations in parallel. How? Put the await statements on the same line! Works like promise.all. - link
You can convert letters to their non-accented version by just doing: str.normalize("NFD").replace(/[\u0300-\u036f]/g, "");
(c)all => (c)omma // (a)pply => (a)rray
In JS, codePointAt()'s param is not a code point count. You need to separate the astral chars before getting each CP - link
The >> operator only work for 32-bit numbers - link

Web Dev

Awesome Creative Coding - link
Front-end guide - link
(FR) « Ce site n’est fait que pour Chrome »… bla bla blah. - link
CSS vs. JavaScript: Trust vs. Control – link
thisisfine.jpg - link
Japanese web dev in all its glory - link
NanoGL : a crafted WebGL(2) microframework - link
Stop Sabotaging Your Code…Before You Even Code - link
Lea Verou: Mavo - HTML Re-imagined for the Era of Web Apps - link
"Delight users by designing the empty states." (A gallery.) - link
Optical Effects in User Interfaces (for True Nerds) - link
Inclusive Web Design Checklist - link
Things Many People Find Too Obvious To Have Told You Already - link
Poor millenials (an interesting scroll-hack page) - link
Today’s episode of Shit Open Source Maintainers Hear: “You ask too much questions which have simple answers, I am just here to give my developer opinion. If you want to deliver poor software, I will not help anymore.” - link

Geek

Good morning #gamedev Here's a look at what you'll be doing all week. - link
rendering physical lens flare (with full code) - link
One Ethereum trader just made $1,142,400 in seconds, thanks to an epic glitch - link
Talk by p01 @ scriptConf - link
17776 (cool page) - link
Minimal PDF - link
Pi is a Rational, Finite Number – link
3D Wireframe Drawing Library for HTML Canvas - link
The Lost Art of Square Roots – link
Google's DeepMind AI just taught itself to walk - link
If you like Distance Estimation raymarching, and wonder what to do with'em, there's an awesome demoscener talk here - link
Trigonometry reference cards - link / link
How to Mojibake - link
TL;DR Programming - link
Emoji in URLs are probably a bad idea - link
Good and Bad Dev Habits: From Perfectionism to Git Commit Messages - link
Developer-driven development - link
Your company isn't a family - link
Generating Art with Code - A handbook to "Little Planet Procedural" - link & link
Self-driving cars: When is a human not an human? When it's a decal - link
A table listing the Longest Lines of Sight on Earth - link
Topology Fact: The homology of a topological group forms a ring with respect to the Pontryagin product.
Hill for the data scientist: an xkcd story - link
One of the most important changes in Dolphin (GC/Wii emulator) history has been merged. Ubershaders is here! - link
a tutorial about ray marching distance fields (using a ray marcher in shadertoy) - link
Want to know private keys? Ask google! - link
Why relying on your users to report errors is the dumbest thing you’ll ever do - link
Contradictory sentences in CPU manuals and a new blog post on how segmentation is alive and well on x64 systems - link
Less Weird Quaternions - link
How to pave a rectangle with no less then 270 identical shapes (3x3+2x1) - link
Print all the powers of two, up to 255 decimal digits, in 10 x86 instructions - link
hg_sdf: A glsl library for building signed distance functions - link
A trick to visualizing higher dimensions" - link
Writing bootable stuff - Part 1 : link / 2 : link / 3 : link
How to “play back” a picture of a sound wave - link
Subpixel Zoo: A Catalog of Subpixel Geometry - link
Minimal and unique solution to fill a square with squares that are all different - link
A sphere cant really tesselate into a regular grid. Tetrisphere hid the errors at the back of the sphere. You play on a Torus! - link
How the PS1 was hacked - link
and the NES - link
and the PS2 - link
and the PSP, Part 1 - link / Part 2 - link
and the Wii - link
and the Xbox 360 - link
and the ePSP - link
Don’t use words like “easy” or “simple” in instructions so users don’t feel ashamed if they fail. - link link
AI learns to re-create Super Mario Bros. by watching someone else play it - link
The basics of demo programming - link
nope: these choices are a Unicode encoding, Unicode itself, and a standards organization - link
Bitcoin has died 198 times - link
Numbers. - link
what are the bounds of GPS coordinates in degrees? (Latitude: -85.15112878 to +85; Longitude: -180 to +180) - link
Exploring Animation And Interaction Techniques With WebGL (A -lovely- Case Study) – link
10 factorial (10!) seconds is exactly 6 weeks - link
The fifth hyperfactorial, in milliseconds, is exactly 1 day - link
I made a #280chars tweet (without images, legends or location) containing 33134b of UTF-8 text. - link
How to clone / backup all your github projects at once - link
Would you like some Möbius bacon on your McEscher? - link
See how we fit Sonic 3D's intro cutscene onto a tiny cartridge... - link
Search github for commits named "add private key"! - link
Filtering images using Web Audio API - link
Exploding Git repositories - link
Scientists discover more than 600 new periodic orbits of the famous three-body problem - link
What’s Inside All the iPhones - link
“We fired our top talent. Best decision we ever made.” - link
A Little Fun with Assembly - link
A Comprehensive Super Mario Bros. Disassembly - link
a shader that solves mazes. - link
Things Developers Believe About Video Files (Proven Wrong By Users Uploads) - link
3D maths cheat-sheet - link
Hey @unicode, maybe don't put emoji on a yearly release cycle if you can't make changes eight months in advance. - link / link
Pick a uniformly random number in [0,1], repeat until sum of numbers picked is >1. You'll on average pick e≈2.718... numbers!
Representation of each trigonometric function in terms of the other five - link
How to make sense of 0! = 1 - link
Know Your HTTP - link
Super detailed StackOverflow answer about why a compiler sometimes generates faster code than handcrafted assembly - link
How does compressors work and how to use that knowledge to compress SVG better - link
"Windows 10 supports UTF-8 as ANSI", which has no sense - link
The Shortest Papers Ever Published - link
Matt Henderson's "squircangle" - link
Reducing 1-bit dot flicker via sphere-mapped dither pattern - link
Around the 🌎 with Unicode - link
Soap is an excellent maze-solver, thanks to Marangoni forces. - link
Google now presents a seemingly definitive answer above other search results -- and many are contentious, improbable or laughably incorrect. - link
Related: A Swiss architect invented stairs in 1948. - link
An Interactive Introduction To Quantum Computing - link / link
Math behind arbitrary rotation trick in MS Paint - link
Computing a world of snowflakes - link
reminder that the sega saturn hardware could not natively display polygons & instead would display hundreds of sprites that the devs had to distort to make the illusion of 3d. - link
Switch Security talk! - link

Code golf

WINNERS OF #js13k 2017: link (LOSSST is #1 on mobile, #1 on Twitter, #2 on desktop, #2 on community awards)
JS13K: The 100 most visited games since August 13 - LOSSST is 2nd (7372 visits) - Super Chrono Portal Maker is 48th (368) (link)
JS13K: The 500 most visited pages since 2012: link (all my entries are here: link)
Reverse Engineering One Line of JavaScript (golfed by @p01) - link
Maize Maze - link
ITSY-DWITTY-WOLFENSTEINY - link
161b fastgood.cheap clone - link
VOLTRA: Griding the universe in 1024 bytes - link
Golfing a Sphere (in JavaScript) - link
666 - link
273b arecibo message - link
Four ways to write code that behaves like a closure - link / minified: link
A MAZE IS A MAZE - link
Connect "Fore!": Code Golf in Javascript - link
Playing APK Golf - link
Prompt: If you have an array containing integers 0 through 99 in no particular order, and you remove one of them randomly, here's a JS function that finds the missing integer. f=a=>eval(a.join`^`). Explanation - link
making A Tourist In Paris (it mentions LOSSST's making-of) - link
JS 20k game jam - link
Revision 2017 demos (especially PC 64k!) - link

Nanoid in 106b by Subzey:

btoa(String.fromCharCode(...crypto.getRandomValues(new Uint8Array(18)))) .split`+`.join`_`.split`/`.join`~`

how to create the smallest possible perspective 3D engine by C4ntelope. - link

X-=camX;
Y-=camY;
Z-=camZ;
w=c.width/2;
h=c.height/2;
R=(X, Y, Z)=>[w+X/Z*w, h+Y/Z*w];
// Draw point if Z>=0

Indie gaming & game dev

How relentless passion made Cuphead a reality - link
There’s a fourth ending in Event[0] that even the devs didn’t know about - link
Draw Puzzle - Make Pixel Art By Numbers in this Fun Logic Based Puzzler! - link
Perspectum - Stylish Minimalist Perspective-Based Puzzler - link
Voodoo Lockdown - Type Letters On Your Keyboard To Aid Your Progress! - link
Ten Essential Foundations of Javascript Game Development - link
BOXGAME - Cleverly Crafted Boxy 3 Dimensional Puzzle Platformer - link
Video game developers confess their hidden tricks at last - link
Get out of the pool without touching any swimmers - link
Zengrams - Challenging & Creative Twist On Tangram Puzzling - link
Explore circular labyrinths - link
Path to Mnemosyne - link
Flat pack: a 2D platformer on a 3D cube - Android: link - iOS: link
Indie Game Marketing for Introverts: 3 Tips for Social Survival - link
Always remember, your game can be minimally localized for free using this amazing gamedev resource. - link
Writing a retro 3D FPS engine from scratch – link
The best books on game development, all on one page. - link
Discipline in hobbies - link
Make your own physics engine - link
Good documentary: How video games were made for 8/16bit Consoles - link
Terrain rendering in less than 20 lines of code - link
"Depth in games". - link
Baba Is You - link
Developers share their most memorable dirty coding tricks - link
Memory Matters: A special RAM edition of Dirty Coding Tricks - link
TIP: Making a pixel art game? Use 640x360 if possible! That scales evenly to 720p (x2), 1080p (x3), 1440p (x4) and 4k (x6)! 320x180 works just as well, if you want lower resolution.

Design/Art

Time remap - Anamorphose temporelle - link
San frncisco(s) - link
Twisty - link
inter-dimensional iPhone portals are closer than they appear #ARkit - link
Hurricane - link
Designing The Perfect Slider – link
Now, that’s an interesting way to compare products. A matrix view - link
Karakuri - link
It is rare to see a time-lapse done in anime. (Your Name) - link
hybrid animator - link
This gif - link
Ar camera app test -- your pictures stay where you took them - link
Limits - link
Module - link
Animation vs. YouTube - link
1 klein bottle = 2 mobius strips - link
How NOT to do user design. Listing hotel floor options alphabetically - link
Minecraft Mario 64 - link
3D Distance Functions: The Timeless Way of Building Geometry - link
Pretty amazing what deep learning 'style transfer' can do with video game maps either as a base image, or applied as the style. - link
How I Make Explorable Explanations - link
Simple Greeble - link
Math ⇔ Art: the Gosper curve - link…
4kb demo "Waillee" - link
Beauty in Mathematics: Modular Multiplication Tables - link
Online origami simulator - link
Brainfilling curves: An awesome free ebook about fractal curves - link
#EveOneMotion - link
One way to generate a branching structure without self-intersections: Fill volume slices from a (Grey-Scott) reaction-diffusion simulation. - link
Intrinsic Gravity by Still - link
Randomly written dweet :) - link
HOWTO: Ray marching (interactive tutorial on Shadertoy) - link
Super Mario Epic Medley (Made in Super Mario Paint) - link
Focals - link
Scott Kim, the art of puzzles (2008) - link
Obsession - link
Low poly optimization - link
RT to save a colorist's life - link
The lines appear to change shape from curved to zig-zag, but in fact they stay the same - link
Buying a Metro Ticket in Paris, a UX Case Study - link
faraway - link
The letter A. - link

Fun

USB - link
Hidden Twitter feature: Favorite granularity menu - link
Ew - link
I'm not sure if I should laugh or cry. - link
Map to array - link
The Emoji Code - link
How I see JavaScript type system - link
Libraries vs frameworks - link
When I buy cereals - link / link / link
Issue: Violent maintainer should be removed from project - link
Using salt circle runes to trap an A.I. car is possibly the most cyberpunk thing ever. - link
Client side validation - link
For the remote employees - link
When I realize I forgot to fix a bug right after putting into production - link
<sarcasm> - link
Over-attached client from hell - link
Over-attacked Microsoft - link
The future - link
An SNL Writer Is Replying To Trump's Tweets Like They're Texts And It's Hilarious - link
God's work - link
Add this feature - link
regarding software bloat outpacing hardware progress: found my 18y old Pentium II 400mhz laptop and fired up MS Word 98... - link
Anyone relying on clientside sanitization deserves what they get - link
Better than Emoji movie - link
Things Men Have Said While Auditioning For Me – link
#NeverForget - link
Meanwhile in Wales. - link
Hungarian hacker arrested for pressing F12 - link
javascript is wild - link
"help I've tattooed a fork bomb with a syntax error onto my arm" - link
This made me laugh more than it should've done. - link
Le dark web - link
a searchable index of every stain *and how to remove it* - link
Hard truth - link
How to Be Passive Aggressive When Collaborating in Google Docs - link
Mega penguin - link
Speak with ponies - link
The two states of being a developer. - link
Monster munch - link
Competences - link
"I could have done that" - link
isNaN wtf - link
Client: "I wish I had the patience to learn After Effects so I could do these graphics myself." - link
Am I supposed to read this straight across from left to right? Or each sign on its own? - link
How it feels to learn JavaScript in 2017 – link
"What time is it?" "Time to get an IP address!" - link
Blockchain chart - link
How to Become a Master in CSS in 5 Simple Steps – link
From the Apple chess engine code - link
Game journalists are incredibly bad at video games. It’s painful to watch this. How do they think they're qualified to write about games? - link
Client: Please turn these around. - link
Linux PR #437: this code very fast - link
When someone new starts at work link
Gary Kasparov tweet about chess captchas - link
Client: I’m not happy with the price. It only took you an hour - link
Eight Body Parts I’d Been Using All Wrong Before a Man Explained They Were What Made Me Beautiful - link
If your software is going to suck, this is the level of suck you should aspire to - link
loading six web fonts for a single typeface and waiting for browsers to add variable fonts support - link
deploying Docker Compose to production - link
"just a last little spam to say goodbye" - link
Web app architecture - link
"I have a client who communicates exclusively via Microsoft Word." - link
All day, everyday - link
Microsoft: We need to have an error when a hostname is invalid / Programmer: I can think of exactly 1 case where this could happen / Program: link
Internet of shit - Good morning - link
140 character twitter vs 280 character twitter - link
Frontend/backend - link
Meanwhile at Glastonbury - link
Front end development - link
30 Jokes Only Programmers Will Get - link
In Doctor Who S07E02, missiles are being guided by the power of SVGs - link
Common Excuses Why Developers Don’t Test Their Software - link
So, just a house then - link
People on Facebook are a different breed - link
Should I remove this code? - link
pornhub is more wholesome about mental health than twitter - link
So all y’all know that UserAgent strings are total bullshit, right? - link
Accidental subtitles - link
I accidentally uploaded 50,000 porn photos to my Google Photos account - link
how to deprecate an interface - link
Making a list in Word - link
Open source maintenance - link
Worst haiku ever - link
This is one of the worst data visualizations I've seen in a while o_O (it appears as if people get longer & thinner as they age...) - link
When I enable logging - link
you can actually literally play osama bin laden’s animal crossing save file - link
Math Joke - link
Buy Bitcoins. - link
People are really arguing with an ASCII bunny on Twitter wether it's okay to punch Nazis. - link
Answer: link
Meanwhile, at Twitter HQ - link
2 unit tests. 0 integration tests. - link
Frontend development discussion. - link
sure you may think putting css in javascript is silly but intel wants you to write css in order to install ubuntu. hardcore - link
when a "simple" bug is found and we start looking at the code (tweet + answer) - link
When ransomware starts spreading with domain admin - link
Software development - link
Discord can't send messages right now but you can see someone's name if they start typing, so people on my server have started setting their nickname to what they want to say and typing to communicate - link
I was designing a website for a restaurant owner... - link
Unix easter-egg: Why does man print “gimme gimme gimme” at 00:30? - link
2002 was weird. Kelly Rowland texted her man via Microsoft Excel and got mad because he didn’t text back - link
Rebranded - link
Here we see a group of JavaScript engineers implementing a method that adds two numbers - link
Funniest places of Github - link - link - link - link - link
Simply Explained: Continuous Deployment - link
IRL low res building texture - link
Unicode humor - link - link - link
Client: I want you to merge these databases across all our European operations - link
Best. Joke. Ever. - link
build a bridge that cars can cross! - link
One of my favorite samples from the Progressive GANs paper is this one from the "cat" category. Apparently some of the cat training photos were memes with text. The GAN doesn't know what text is so it has made up new text-like imagery in the right place for a meme caption. - link
How to get a job at Apple. - link
A group of JavaScript developers getting ready to hammer a nail into a wall - link
Even fucking advent calendar asking me for free commissions - link
Introvert / extrovert - link
RFC2322 compliant DHCP server - link
I'm trying to sell some of my Bitcoin, and the whole process is so terrible, it's almost hilarious. - link
Believe it or not, but back in the 90s, we had to fiddle with all kinds of different connectors to hook up peripherals to our machines... PS/2, Centronics, RS232C, oh my! Of course today, thanks to the wonders of standardization, it's a thing of the past. - link
This is why we can't have nice things Reimann! - link
The best pull request in 2017 - link
Software developer job advertisements - link
It runs on the JVM - link
"we're sorry for making your phones turn to shit on purpose, so we've decided that, as an apology, we will take your money." - link

Code snippets

for(A in 
{A󠅬󠅷󠅡󠅹󠅳󠄠󠅢󠅥󠄠󠅷󠅡󠅲󠅹󠄠󠅯󠅦󠄠󠅊󠅡󠅶󠅡󠅳󠅣󠅲󠅩󠅰󠅴󠄠󠅣󠅯󠅮󠅴󠅡󠅩󠅮󠅩󠅮󠅧󠄠󠅱󠅵󠅯󠅴󠅥󠅳󠄮󠄠󠅎󠅯󠄠󠅱󠅵󠅯󠅴󠅥󠅳󠄠󠄽󠄠󠅳󠅡󠅦󠅥󠄡:0}){alert(unescape(escape(A).replace(/u.{8}/g,[])))}; // xss by @fakeUnicode

self[0X10f8809.toString`36`]`1` // xss by @aemkei

let=[`const`];
(_=_=>let+`ructor`)
[_`${_=`ale`}`]
(_+`rt(let)`)`` // obfuscation by @aemkei

([,ウ,,,,ア]=[]+{},[ネ,ホ,ヌ,セ,,ミ,ハ,ヘ,,,
ナ]=[!!ウ]+!ウ+ウ.ウ)[ア+=ウ+ナ+ヘ+ネ+ホ+ヌ+
ア+ネ+ウ+ホ][ア](ミ+ハ+セ+ホ+ネ+'(-~ウ)')()

obfuscation by @aemkei (link)

valueOf=alert; this+1; // alert() by @aemkei

([,ㅤ,,,,ﾠ]=""+{},[ㅤㅤ,ㅤﾠ,ﾠㅤ,ﾠﾠ,,ﾠㅤㅤ,ﾠㅤﾠ,ㅤㅤㅤ,,,ㅤㅤﾠ]=[!!ㅤ]+!ㅤ+ㅤ.ㅤ)[ﾠ+=ㅤ+ㅤㅤﾠ+ㅤㅤㅤ+ㅤㅤ+ㅤﾠ+ﾠㅤ+ﾠ+ㅤㅤ+ㅤ+ㅤﾠ][ﾠ](ﾠㅤㅤ+ﾠㅤﾠ+ﾠﾠ+ㅤﾠ+ㅤㅤ+"(-~ㅤ)")() // (–_–) by @aemkei

Attribute debugger by @innovati (link)

for(t of document.querySelectorAll`body *`){s='';for(a of t.attributes)s+=(s&&'\n')+`${link}="${a.value}"`;t.title=s}

140b JS game framework:

<canvas id=a>
<script>
x=a.getContext`2d`;
screen=0;
setInterval(e=>{ /* … */ },33);
onclick=e=>{ /* … */ };
oninput=e=>{ /* … */ }
</script>

My smallest animated dweets (link)

x.fill(x.arc(t,t,t,t))
x.fillRect(t,t,t,t)
x.fillText(t,t,t)

parseInt('null', 24) // 23
parseInt("twenty-nine", 30); // 29
parseInt(31, 31) // 91
parseInt(31/!31, 31) // 16647948474
parseInt(31.31[31], 31) // 26231474015353 (by @aemkei)

wtf=[
 [1,2,3]
 [4,5,6]
]; // undefined (don't forget commas!)

An array of N arrays containing an empty string (found by @FireyFly)
```
Array(N).fill``
```

-1>>>0 // 0xFFFFFFFF, which is the max possible array length

@ media screen and (shape: path("M 0 -5 a 5 5 0 0 0 5 5 h 78 a …")) {
 /* iPhone X specific styles :p */
}

data:text/html,<svg><path 
d=M58,150c79-1,110-68,108-113,7-5,14-12,19-19-7,3-15,5-22,6,8-5,14-12,17-21-8,4-16,7-25,9-29-30-72,0-64,34-31-1-59-15-78-39C3,24,8,46,25,57c-6,0-12-1-18-4,0,18,13,34,31,37-6,2-12,2-17,1,5,15,19,26,35,26a75,75,0,0,1-56,16c17,11,37,17,58,17
 fill=%231da1f2> // #280chars twitter logo

```
window+=valueOf=alert // alert
```

window[Symbol.hasInstance]=alert; "Hello, world!" instanceof window;

"woot@root.example.com".replace(/((?:^|[@\."+])+.)|./g,(_,s) => s || '*') // email obfuscation by Subzey

Quotes / Tweets

Tech

Writing code is easy. Software development is hard.
what one programmer can do in one month, two programmers can do in two months - Fred brooks
The only way to be consistent enough to make a masterpiece is to give yourself permission to create junk along the way.
There are many things that aren't a computer sure but that number is decreasing all the time
Your job as a software engineer is not to write code. Your job is to solve problems. Sometimes you solve problems with code.
Claude Shannon's 6-Step Process to Solve any Problem: 1. Simplify 2. Fill the mental matrix 3. Approach from different angles 4. Break it down into small pieces 5. Solve it backwards 6. Extend the solution out as far as it will go (link)
Most underrated skill in game dev is shipping. You ship a game you're in the top 1%. Who cares what it sells, you did good.
Tech companies have spent decades hiring only for arbitrarily defined "technical skills" while ignoring —even denigrating— other skills required for sustainably successful software teams. It is no wonder that software projects continue to fail because of people problems.
Remember, there are no special characters. There's only unicode and unicode outside the ascii range.
Front end is the hardest kind of dev I do. The folks who do it every day are heroes. - link
Software reuse is more like an organ transplant than snapping together Lego blocks. – John D. Cook
As an artist, the secret to success is to make some stupid shit while you wait for people to like your real stuff. Then realise your stupid shit is your real stuff - Cyriak
Memorizing algorithms is not computer science. Having lots of them memorized is not a signal of seniority. Often the opposite.
It’s easy to shit on the people who came before you. They’re usually not around to defend themselves or provide context. It’s a common (but terrible) way to prop oneself up and display an illusion of competence.
I can think of 4 great reasons to write your own engine: 1) your game needs some feature that off-the-shelf solutions can’t do 2) you enjoy writing engines and can afford to indulge yourself 3) you strongly dislike the aesthetics of existing engines 4) you want to empower others
If you believe designing inside constraints (such as complying with a design system) hurts your freedom to be creative, you have a very narrow definition of creativity.
Amazing how many think it’s impossible to code w/o frameworks. - What do you code in? - HTML. - But…how do you style things? - CSS. - Doesn’t it take forever to style in CSS? - No. - But how do you know what prefixes to use? - I test my website in real browsers. It’s not rocket science.
There's an *awful lot* of JavaScript that exists solely because the developer didn't know CSS well enough.
Computer science education cannot make anybody an expert programmer any more than studying brushes and pigment can make somebody an expert painter. - Eric S. Raymond
Zero config does not have to mean: impossible to configure/extend. It can mean: super defaults with a sensible and obvious override/extension strategy.

Fun

July 4, 1776 - the date when part of the British Empire monolith was split off into the United States microservice.
2005: I'm a web designer / 2009: I'm a UI designer / 2011: I'm a UX designer / 2014: I'm a product designer / 2021: I'm an experience sommelier
"This car was made by a group of auto shop dropouts in rural Asia. Nothing in it works. Plz add power windows." ~ the life of a coder
Everything is a puzzle if you’re stupid.
I should remove PHP from my resume now. Do I know PHP well? Yes. Do I want to ever use it again? Heck no
Microsoft: "No more Paint" / World: Aww, Paint, we liked that / Adobe: "Hey no more Flash!" / World: … / Adobe: …
oh i get it is it called typescript because of how much typing you do
Coding be like:🤔⌨️😁⌨️⌨️😐⌨️☕⌨️😭🤦⌨️🤓⌨️🙌💃⌨️⌨️😠⌨️😡⌨️😑⌨️⌨️⌨️☕🤔😀⌨️⌨️😕😭⌨️🙏⌨️😎😌😁⌨️⌨️😐⌨️☕⌨️⌨️😤😫🤷‍♂️⌨️☕⌨️🚽⌨ // re: this
Today I noticed that fastgood.cheap lets you select all three together as long as JavaScript is disabled. There's a moral here.
Would you like to receive push notifications or emails? [ Yes ] [ No, thanks ] "No, thanks" is not what I want, I want "No, get the fk off"
um yes hello it says here your language has garbage collection but all my code is still here
When I listen to my voice on a recording, I wonder how I still have friends.
There are no codepoints for SINISTER FOREBODING and EXISTENTIAL DREAD, as those are implied at the start and end of every Unicode string.
I guess juicero dude is gonna come back in five years with a toaster that only works with DRM bread
Godwin's law of OSS: "As a README grows longer, the probability of seeing 'Using with Babel' approaches 1."
XKCD "my code's compiling" link / 2012 me: it's too bad that I, as a web developer, will never get to use this excuse / 2017 npm: I gotchu
1) Why won't this work? Why won't this work? Why won't this work? Why won't this work? Why won't this work? Why won't this work? Oh it works. 🙂
2) Why does this work? Why does this work? Why does this work? Why does this work? Why does this work? Oh, it doesn't work. 🙃 GO TO 1)
Lifehack: avoid red lights by driving at 114,004,827 mph. This velocity will blue-shift them enough to appear green
css was only built to style documents, you can't expect it to scale to apps / [starbucks employee] sir, I *just* need a name for the cup
Web server: Put it in docker / File server: Put it in docker / Database: Put it in docker / Docker: Put it in do- wait, OH NO. SOMEONE QUICK link
1/3 of US bandwidth is used by Netflix... the rest is used by `rm -rf node_modules && npm install`
protip: the "private" in "private key" means: don't publish it on the fucking internet.
Why is it called 'git blame' and not 'git credit'
EASY: making fun of stuff. HARD: making stuff
[Twitter HQ] Jack: "Increase the limit to 280 characters" / Devs: "Okay one sec-" / Jack "… Except for Japanese, Chinese, and Korean" / link
USERS: we love twitter but it has problems / TWITTER: great we'll fix them / USERS: do you want to know what they are / TWITTER: absolutely not
The US dollar is propped up by a global military empire. I assure you it uses much more energy than bitcoin.
steps to writing js in 2017: 1. install node 2. configure babel ... 9. slowly beat the eggs into the flour and butter ... 35. open index.js
Gitcoin: Every 5 minutes a longest chain of commits becomes a new origin/master
I have set my computer to autocorrect 'flexbox' to 💪📦
With single page apps, we broke the back button. Now, thanks to the power of service workers, we've broken the refresh button.
I write my own game engines because if I'm going to live in buggy crappy filth, I want it to me my own.
The time it takes to get a reply to your email depends on its length. 1 line: reply today. 2 paragraphs: tomorrow. 2 pages: maybe next monday
UNIX Sex: look find talk grep touch finger find flex unzip mount workbone fsck yes gasp fsck yes eject umount makeclean zip split done exit
Come and work on our next-generation internet communication platform! ᵐᵘˢᵗ ᵇᵉ ʷᶦᶫᶫᶦᶰᵍ ᵗᵒ ʳᵉᶫᵒᶜᵃᵗᵉ
is it crazy how saying sentences backwards create backwards sentences saying how crazy it is?
imagine a productivity app going down, and workplace productivity actually going up as a result... imagine that. Slack.
1969: -what're you doing with that 2KB of RAM? -sending people to the moon / 2017: -what're you doing with that 1.5GB of RAM? -running Slack
L'iPhone X est capable d'animer des emojis avec de la reconnaissance faciale, mais pas d'afficher une image en background-attachment:fixed.
if you think 280 characters is exciting, try reading a book
Million Dollar Idea: a social media website that only allows 140 characters
How to build a good test suite: 1. Every time you fix a bug, add tests that would have caught it 2. Wait a year or two (There is no step 3.)
Any machine is a smoke machine if you use it wrong enough.
Any feature is an "edge case for a minority of power users that we are discontinuing so that we can focus on our core features that the majority demographic want" if you're brave enough.
Next time someone says you look familiar, tell them you do porn.
Remember When Teachers Used to Say, “You won’t be walking around with a calculator in your pocket”…
tinfoil hat: what if ServiceWorkers were added just so that people could mine bitcoin in background?
Somebody at google was just like “yea, just have someone drive down every road on f**king earth”.
Microsoft: let’s patch an Office 0day in 17yo forgotten component / Apple: hold my beer, here’s root w/o password / Microsoft: oops, need another out-of-band patch, original was only English & Chinese versions / Apple: our updates undo our patches
I type "wwwwwwwwwwwwaaaasssdddd" into my code editor like once a day trying to move around in the game I'm working on
backups are for people who believe there will be a tomorrow.
I'm going to make a new programming language where the merge conflict annotations are valid syntax.
Me: *accidentally types url wrong one time* / Navigation Bar: [every day for 15 years] Do you wanna go to Faceboot today? Huh? You wanna visit a boot with a face on it? Huh, you piece of shit? Is that what you wanna do? Moron.
Don’t call yourself a programmer if you can’t even do this arbitrary thing I learned how to do last week!

January - June 2017

Cool websites

HTML

The xmp tag: link It acts like a <pre> tag – but no need to escape "<" characters
You can even insert an open <xpm> tag via JS to cancel rendering of following HTML: document.write('<xmp>') link
DOM elements with ID's are global variables link (I made a blog post about that: link)
The simplest way I’ve found (so far) to distill/explain `srcset` and `sizes`: link
Amazon's HTML code has a DUCK that says MEOW! link
Reminders that <input>'s DOM is horrible: colorInput.value only accepts a #rrggbb string, rangeInput.min and .max return strings, not numbers link
“It’s not you, it’s your form” link
How to make a web page in 2017: link
Tip: Remove DOM nodes without JavaScript: <svg><animate id=a dur=1 /><circle r=100> <discard begin=a.end xlink:href=#x /><style id=x>*{fill:red}
Tip: Create a HTML file.Type "<" followed by any char(s) except ">". Open in a browser, inspect the DOM - POOF 🕵

CSS

flexbox zombies link
A Thing To Know about Gradients and “Transparent Black” link
we can leave pretty much anything unclosed in CSS: link
Multi-line Padded Text with the CSS box-decoration-break Property - link
Flexbox order property can place ::after before ::before link
The end of the clearfix hack? (flow-root) link
The `outline-offset` property → link
Chrome for Windows shows uncolored emoji when font size exceeds a certain value (ex: 205px for a tree) link
How I started drawing with CSS link
Deep dive CSS: font metrics, line-height and vertical-align link
Do you really understand CSS linear-gradients? – link
How We Built EQCSS & Why You Should Try Building Your Own Polyfills Too - link
Pure CSS/HTML Platform Game by Nathan Taylor link link
Cut-out Text Effects with CSS (and a little contenteditable trick) - link
minireset.css: a tiny modern CSS reset - link
8 CSS gotchas to start your morning off right - link (hilarious!)
Using CSS’ matrix3d() to build a frame-perfect custom scrollbar link
CSS Gurus are like philosophy professors who got called into a scrum meeting by mistake. - link
CSS deep-dive: matrix3d() for a frame-perfect custom scrollbar - link
little debugging quest for the developers, "Green bg" link Firefox, Chrome. no view-source. Have fun!
CSS & interactive email: link
Focusing a `background-image` on a Precise Location with Percentages - link
Pure CSS game link
Ordered Lists with Unicode Symbols - link
What’s happening in CSS? - link
CSSplu: reprocessing plugins as link
Easing Linear Gradients (by using a ton of gradient stops :| ) - CSS-Tricks link
Obnoxious.css - link
Experiments in fixed aspect ratios - link
The :focus-within pseudo class - link
Simplifying CSS Cubes with Custom Properties - link
This is quite ironic for a page explaining how to handle long words link But good tricks! => link
Fun with Viewport Units - link; The pure CSS scroll indicator at the end is impressive - link
Tip: font:40px'' is valid in CSS and sets the font-size to 40px and the font-family to the (default) serif font
Tip: you can affect the parent element's style with no JS, no magic parent selector, just a checkbox: link
Tip: Alt text: If you know the image is 478px by 239px, you can do padding-top: calc(23900% / 478); link
Tip: this fails silently in SASS: @media ( ... ) { @extend .class; }

JS

Does Google execute JavaScript? link
Screen Recording on Android With getUserMedia and WebRTC - link
126b React link
ECMAScript regular expressions are getting better! - link
ARM/MIPS/SPARC/X86 emulator in JS - link
Javascript Random Seeds - link
JavaScript Quiz: What does this function do? link
Everything I learned in #Javascript30 - a beast of a blog post link
The Habits of Effective JavaScript Developers - link
Recording to an Audio File using HTML5 and JS - link
Numscrubber.js link (A nice progressive-enhancement to an input that works fine by default.)
Not only is declarative code more readable, it also produces beautiful byte code and is therefore faster. link
Three JavaScript Array Hacks - link
Intercepting new Image().src requests - link
Handle Mouse And Touch Input With The Pointer Events API - link
understanding async/await in 7 seconds link
How I rendered DOM to a canvas so I can use CSS layouting and text rendering in WebGL (and WebVR!) link
Think ES6 arrow shortcuts are hard to read? Compare to equivalent ES5. link
Compiling your Node.js application into a single executable - link
The Date object in #javascript is messed up link
Great talk about parsing JS! link
Réaction à ReactJS (french) - link
An Abridged Cartoon Introduction To WebAssembly – link
Curated list of awesome things regarding WebAssembly (wasm) ecosystem. - link
await document.fonts.ready; link
JavaScript & The spread operator – link
Categorizing callable entities in JS has become hard. Distinction: syntax vs. entity created by syntax. New version: link
Rules for `this` in JavaScript. link
Hyperapp: 1kb JavaScript library for building frontend applications. - link
JS optional chaining proposal link
Tip: Muting a tab in Chrome doesn't mute JS speech synthesis...
Tip: JS interprets "<!--" as a XML comment, even if it's run in the console or a separate js file. - link

Geek/Dev

game coding hacks - link and link (the comments are also very good)
The Ultimate Game Boy Talk (33c3) - link
A practical guide to writing your own x86 operating system - link
Falsehoods programmers believe about video stuff - link
I’m A Bad Developer, That’s The Only Reasonable Explanation – link
The moving sofa problem - link
How the Mercator projection distorts what Earth really looks like -- especially the poles. link
So You Want to Be a Video Game Dev? - link
A convenient untruth (about C arrays) - link
2's complement, you beauty - link
Documentary on the 80s and 90s Demoscene: The Art Of The Algorithms - link
ROBOTS.TXT IS A SUICIDE NOTE -"If you don't want people to have your data, don't put it online." link
How did game developers pack entire games into so little memory twenty five years ago? link "every programmer should at least once be forced to do something in a constrained environment to become creative instead of lazy"
The Great Programming Jargon Bake-off - link
Google RAISR Intelligently Makes Low-Res Images High Quality - link
The front-end is... - link
The Lost Art of Rendering Without Shaders : link
Did Nintendo download a Mario ROM and sell it back to us? - link
Ellipses, circles, and lines are hypotrochoids link
The Four Elements of Game Design: Part 1 link; part 2 - link
La maison des horreurs de l’encoding - link
Four Column ASCII (and why ^[ is the same as ESC) - link
The beauty of mixed-radix bases - link (Fun: link)
Classic NES Series Anti-Emulation Measures - link
Detecting text in an image on the web in real-time - link
Pixel Recursive Super Resolution - link
How big can a packet get? - link
14 Character Random Number Generator - link
Why are all Windows drivers dated June 21, 2006? - Thing link
Reminder: Accurately measuring text width is impossible. Even for a computer. link
Snippets, so small, that you won’t believe their functionality link
Awesome Creative Coding link
Know your surface vectors! link
How terrible code gets written by perfectly sane people - link
Beware of ads that use inaudible sound to link your phone, TV, tablet, and PC - link
50 ways to write a URL, brought to you by spammers link
Send your users an activation email. And don’t allow them to do anything significant until they have responded to it link
The Longest Method? - link
There are 4,2Bn 32-bit floats, a quarter of them are in the interval [0,1]. Half of them are in the interval [-1,1]. link
Nerdly Pleasures: The Case for Composite (transparency on Snes / Genesis) - link
Getting Started in WebGL - link
Build a digital clock in Conway's Game of Life - link
Wallace-Bolyai-Gerwien theorem: any two rectilinear figures with = area can be dissected into a finite number of pieces to form each other link
The strange secret hidden in your world map link
Secret colours of the Commodore 64 - link
Developer-driven development - link
A deep dive into APL - link
firefox is warning people on HTTP pages that their logins could be compromised... and they all think they have a virus link (the problem is trying to tell the user about something the site is doing wrong like this means the user think *they* did the thing wrong)
Maybe the most accessible, from scratch walkthrough on Mandlebrot fractals I've seen:link
ABC: A C compiler for printable x86 - link (Polyglot: PAPER.EXE == PAPER.TXT)
When your file system is a bucket of bytes. ann[U+202E]gpj.exe backs[U+202E]fig.bat link
How we built Twitter Lite - link; GUESS WHAT! they gathered some good engineers, wrote HTML, CSS, JS and called their API
How do you make programmers work 60-80 hours per week? - link
Attacking machine learning with adversarial examples link
The 640 K Barrier - link
Somewhere at Google there is a database containing 25 million books and nobody is allowed to read them - link
Why you should not use pie charts. link
Related: why we need to plot the data and never trust statistics tables! link
Related: how to percent? link
Masahiro Sakurai developed Kirby without a keyboard - link
Juicero, the poster child of over-engineering... - link
Massive oversight in allowing non-Google apps to call themselves Google, in Google's own web interface. Incredible. link
Awesome list of curated data in json format link
Microsoft Word uses the Private Use Area for already existing Unicode characters. Also, the Greek letters are out of order because fuck you. link
GitHub Pages and Single-Page Apps link
GRAIL Text Recognizer - link
"Beware of Transparent Pixels" link
A crashed advertisement reveals the code of the facial recognition system used by a pizza shop in Oslo... link
How I wasted a whole day trolling with assembly - link
Pi hiding in prime regularities - link
If you're new to ARM assembly, this tutorial is for you: link
únicode is hard - link
The largest Git repo on the planet - link
Just Keep Scrolling! How To Design Lengthy, Lengthy Pages – link
Exploiting an integer overflow with array spreading (WebKit) exploit is tweetable: link
"Holy Grail" Bugs in Emulation, Part 1 - link (fun read!)
A hands-on introduction to video technology: image, video, codec and more - link
Apple's new file system APFS is currently unusable with most non-English languages – link
Reverse Engineering Guide on x86 Assembly: Part 1 Intro To Registers - link
Mathematical Chronology - link
It's not enough to tell your employees to avoid clicking suspicious links. They also need to not hover them - link
(FR thread) 1fav = 1 truc sympa à savoir en maths qu'on n'apprend pas à l'école. link
(Thread) Making of Scribblenauts - link
THE MANDELBROT MONK - link
Why is the function SHStripMneumonic misspelled? - link (also in the comments: why "referer")
JavaScript Fatigue or My History with Web Development - link
Anachronisms in typography in movies. link; link
Is it unethical for me to not tell my employer I’ve automated my job? - link

Art / Design / Video / Games

Mandelbrot in a tweet (my most successful tweet) - link
New version, with colors and variations): link
Adventures in 3D: link
"Flux Core" by Otavio Good: link
Project Genesis: 64kb demo - link
All the demos made by Conspiracy - link
The tech of PIXAR part 1: Piper, daring to be different - link
strobe animated sculptures… link
Gotham City - link
Google plot demoscene - link
2d Photography Rube Goldberg WIN - link
infinite winder link
the latest image from the Himawari 8 satellite (nice for a new tab URL) link; link
VFX Games - The Art of Compositing - link
Drawing with arabic letters part 1: link; part 2: link
C link
Riding light link
Two points perspective - link
Morph SVG - link
Zero element CSS 3D tunnel - link
Zero Element CSS 3D Cube - link
Incredible wood sculptures - link
PROTEIGON - link
Tape Generations - link
WebGL Tribute - Journey! - link
WebGL Volumetric clouds over deep sea water shader (clouds move over time) link
Le port de Lorient link
The new Deep Photo Style Transfer paper from Cornell and Adobe is super cool! link
Double sided emoji in CSS - link
Midnight Oil: a music clip made from random youtube videos, different at every play - link
The legend of the sheep that knew the real direction of the mountain - link
MandelRUN link
Get a Skewed View of the American West Through These Bent-Horizon Photos - link
ZEPTON: a PICO-8 voxel shoot-em-up - link
When Pixels Collide - link
Joining up 12 equally spaced moving points on this Lissajous curve appears to give two perpendicular red hexagons spinning in 3D space... link
Quantum Mechanics in 5 Minutes - link
Rectangle circumscribing a circle: link
Pink Trombone: an interactive mouth - link
A visual proof that 1/3+1/3^2+1/3^3+...=1/2 link
Mach 1 - link
Points, lines, discs: link
'Menger Sponge Variation' by Shane : link
Siames "The Wolf" music video link
Coding Art – Mathieu 'p01' Henri - link
Process of the flag from the top of the Double King’s castle. link
Awesome 3d tile editor. link
Answer's business cards. link
Pokémon Yellow - Arbitrary Code Execution link
"History of the entire world I guess": Let's make a religion out of this video - link
Twin Dragons - A brand new game for the NES - link
How Inside’s levels were designed - link
Fragments of Euclid : a wonderfun game mixing MC Escher style and portal-like puzzles - link
Pushing Polygons on the Mega Drive - link
Single Div Accordion (Animated with CSS Variables) link
a small browser demo to help explain how the WFC algorithm works: link
Portal 2 Post Mortem - link
Sir Carma, "Seeing life in voxels" - link
The Ingenious Way TV Logos Were Made Before Computers - link
Surreal Photography by Ben Zank - link
Jailbreaking Super Mario World to Install a Hex Editor & Mod Loader - link
Wise words from @iquilezles link
LUNAR - link A short film based on Apollo 11's archives
A Wilson's Algorithm maze laid out as its spanning tree. link
Algorithm designs seven million different jars of Nutella - link
Do you see the blue spiral turning? Well... it isn't! link

Fun

Please. Stop. link
#hello link
enjoy your emotional rollercoasters while creating lots of new cool games! link
Here's a game development graph from me to you link
I just wanted some water... link
the holywood sign was truly ahead of its time link
Remote Command Execution link
How did we meet our deadline? Do you really want to know? link
The case of the 500-mile email - link <3
People Keep Finding Coins in Their MacBooks - link (funny comments)
Twitter is great because the creator of JavaScript will help you with JavaScript within 7 minutes link
IT FINALLY HAPPENED! THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG link
AGDQ 2017 TASBot BLOCK - link
WebGL game: Splitter Critters - link
Disney Pixar Easter Eggs. link
Python wrapper link
Popular Fallout 4 Radio Mod Runs Because Of Invisible Cats - link
De l'art d'écrire des descriptions pour son app sur le play store... link
The World Vs The USA -link
Deal with it: link
More adventures in replying to spam - link
ASCII stereogram - link
amazing story and dissection of Diddy Kong Racing on N64 - link
People have been asking if punching fascists is OK, so this guy made a game exploring that question. link
node noop - link
Hospital C program often crashed and killed the patients - link
what the fuck link
Fascinating: countries arranged by geographical location link
Unit tests pass, no integration tests link
Similar: 2 unit tests. 0 integration tests. link
Similar: 2 unit tests. 0 integration tests. link
Google Maps: Hyperlapse Around the World - link
Good job. link
Javascript: An Honest Preview - link(epic end)
Don't remove the $(nop) command below! - link
No, that’s the paper shredder. - link
World Record Progression: a fascinating series about epic speedruns' story - link
What happens when I debug code... link
The Programming Interview from Hell – link
Your Favorite Programming Language Sucks – link
Stupid answers to stupid puzzle interview questions – link
Client: You have to use our corporate colors, but you can change hue and saturation - link
1997: Let’s make a website! *fires up vi* --- 2007: Let’s make a website! *downloads jQuery* *fires up vi* --- 2017: Let’s make a website! link
“Hello, my name is...”— Devs get honest. link link
Same: link
Nasa asked the internet to name the 7 new planets...You know where this is going link
We need to go deeper - link
The peace of not coding - link
Third world: link
... :| ‌‌link
German Soldier Buried Alive 6 Years, Lives - link
Self referential tweet link
a 1900 lines 'justified with no extra space' link
Grammar nazi joke - link
144p vs 4K, 30 fps vs 120 fps link
Ode to My Family - link
Robots.txt - link
Indie game pitch generator - link
That Time I Trolled the Entire Internet - link
JS the good parts - link
Lack of Oxford Comma Could Cost Maine Company Millions in Overtime Dispute - link
Everything Is Broken – link
The software development cycle #agile link
Android crashes on boot when running from SD card link
morejpeg compresses your images with too many artifacts. On purpose. For fun. link
2017: Fedex prefers offering coupons for installing flash instead of going HTML5 - link
VS Code blinking cursor uses 13% CPU when MacBook is idle - link
Chasing the First Arcade Easter Egg - link
When you give shell access to the user, and she immediately try to 'sudo -i' to gain root access. link
HackerNews comments on Angular 4.0 being released... link
Dishwasher has directory traversal bug - link
"This does not work in the Nintendo 3DS browser." link
When you finish reading this, you’ll know how to code. - link
If doctors were like coders – link
Working Calculator Level in Super Mario Maker - link
A house got wet because a security certificate expired link link
Debugging in production link
Best github issue ever link
ES2018 (ESSuperNext) (April's fools) - link
My book is in Thimbleweed park! - link
Here's a little thread with funny or oddly specific places I found while working with link's database... link
That escalated quickly link link
When you can't use an IoT door because the creator banned you for a bad review link - link - link
Algolia CSS API Client (April's fools) - link
Technologists: What's the most WTF thing you've found in an old bit of code? link
Someone missed a chance to call his project "vhost in the shell" link
A virtual fucking piece of paper, for fucking $716 - link
when you are constantly anxious but you don't know why link
game dev wonders why his in-game ads are making no money, turns out its been bricking people's phones link
Things full of beans that shouldn't be full of beans link
me_irl link
Presenting the "sleep sort", our favorite O(wtf) sorting algorithm. link
Http status code cheat sheet for sysadmin and developers link
19 Photos That Will Make You Say "Hmm" - link
What if... link
Too much cross-internet: - link - link
Seen on Error'd: link; MsoTriState is a 'tri-state Boolean' w/ 5 possible values, But that's OK since only 2 are supported (the only supported truthy value is encoded as -1)
I know OpenGL! link
When you're so poor in real life that even shadow rendering is set to low link
Language is awesome, link
when I see avatars on git branches link link
I Threw Away $4.8 Million In Bitcoin - link
Whenever I open any adobe software link
Hyper personnalization link
What's the difference between Software Engineers, Programmers & Developers? link
Accidentally destroyed production database on first day of a job - link
This 'worst volume slider' contest is UX gold: link
Perfect date: link
"coding" and "algorithms" link
Types of annoying ads link
The surprising number of American adults who think chocolate milk comes from brown cows - link
Instructions for a Happy Life - link
What if companies interviewed translators the way they interview coders? - link
There's a subreddit called ProgrammerDadJokes. And it's amazing. link
Deleted Wikipedia articles submitted by insane people - link cf. link
No "wifi" link
CodeSOD: Plurals Dones Rights - link
dnsssss link
This Ikea Bowl Has Been Setting Things on Fire - link
User logic link
Samsung emoji (thread) link
Unicode Fidget cube Fidget cube - link
Well done pornhub. link
Programming Is Like Sex - link (also: More and more people are doing it live on cam)
All you ever needed to know about the reasons why why baby balloons can have an axe associated to the letter Y - link

Quotes/Tweets

"Hey folks, I'm getting ready to publish my blog post on JavaScript fatigue fatigue fatigue fatigue fatigue fatigue. Suggestions welcome."
The most dangerous phrase in the language is "we've always done it this way."
"By boxing ourselves in with constraints, we can think outside the box."
"number of computers: 1900: 0; 1950: 100; 1980: 10000; 1990: 1000000; 2000: 1000000000; 2010: 1000000000000000000; 2020: 1; 2030: 1; 2040: 1; 2050: 1"
Carl Sagan's premonition... link
"how ANNOYING is it when you send a message that makes PERFECT sense and the reply is "what?" what do you mean what fucking read it"
"Friends don't let friends modify the default scroll behavior."
"If life gives you melons, you’re probably dyslexic."
"You can't have production errors if you never ship" link
"You can't have scalability problems if nobody uses your app" link
"You can't be fired if your code is unreadable" link
"You can't write bad documentation if you don't write documentation" link
"You can't have weak password hashing if you store them in plain text" link
Asphalt tires: link
"unprotip: fall in love with the next project when halfway done your current one"
"Why does my pasta need an app I hate 2017" link
"*nefariously* - I like words that contain every vowel just once! - *facetiously* But it's much nicer when they're in order."
"Overnight success = overnight success + years of previous failing."
"emo lives matter, just not to themselves"
Spam filters: link
Async await, Async await, Async await, Async await, In the jungle, The mighty jungle, The lion sleeps tonight."
"What's the Russian word for no Wi-Fi? Interniet"
"You might be able to escape Unicode characters but you cant escape FROM Unicode itself"
Survivorship bias: link
"The opposite of callback hell is the Promise land"
"if you don't test your backups, you don't have backups, only hopes" - link
"97.3333331% of cases of "CSS can't do that" are "I don't keep up with what CSS can do" or "I don't want to understand that CSS is different"
Real JavaScript fatigue link
Macron vs Le Pen link
"I'm a 10x developer: everything takes 10x longer than I planned."
"👏 Hire 👏 CSS 👏 nerds! If you don't think you need one, you probably do"
the most dreaded words you can hear in software world: "...and you can create all of this, without writing a single line of code!"
“As a tester I don't break your code, I break your illusions about your code” — @maaretp
"Simplicity carried to the extreme becomes elegance." - Jon Franklin
"Why won't this CSS change?! - Restart server > Nope - rm -rf everything > Nope - rebuild dev env > Nope - Oh wait, I was looking at production"
UPPERCASE lowercase ... link
"Only 2 hard problems in distributed systems: 2. Exactly-once delivery; 1. Guaranteed order of msgs; 2. Exactly-once delivery" — Mathias Verraes
@Adobe actually uses EQCSS! link

Snippets

0 = 2;ﾠ1 = 4;ﾠ1*ﾠ0 === 8; // mad JavaScript 😈
{...{toString:()=>alert()}}
toJSON=alert;JSON.stringify(window);
Setting and getting [-1] on arrays, objects, booleans: link
Dropping duplicates from an array: [...new Set(arr)]
filter out falsy values from an array: array.filter(Boolean) link
eval(unescape(escape('󠅡󠅬󠅥󠅲󠅴󠄨󠄧󠅔󠅲󠅵󠅭󠅰󠄠󠄲󠄰󠄲󠄰󠄧󠄩󠄯󠄯alert("Clinton 2020")').replace(/u.{8}/g,'')))
[1,2,3].map(parseInt) // [1, NaN, NaN]
['10','10','10','10','10'].map(parseInt) // [10, NaN, 2, 3, 4]
x=0;++[x][0] == 1 // x is still 0
(Bash: deduplicate and sort a text file with one item per line) cat in.txt | sort | uniq > out.txt
<marquee><h1>߷<h1>߷<h1>߷<style>h1{animation:r .5s linear infinite;display:inline-block}@KeyFrames r{to{transform:rotate(1turn)}
(Edge) 1,class extends[]/alert(1){}
1 == (1) == "1" == [1] == 1.0 == 001 == 0B1 == 0X1 == 1E0 == 0+1 == 1/1 == +!0 == ~~1 == 5-4 == 3%2 == 1**1 == 0^1 == 1&1 == 1<<0 == 1?1:0 // by @aemkei
-~!/#/^("\@"._*[,]>='<'?$&+_|$:``%{}); // all ASCII symbols, no alphanum, by @aemkei, ===1
[].length; [undefined].length; [,].length; // 0, 1, 1, by @aemkei (JS ignores the last trailing comma in arrays literals.)
({[{}]([]){}}[{}])([]) link
playing Tic-Tac-Toe with JS numbers - link
JS_1337 - link
var сonst = "W"; let vаr = "T"; const lеt = "F"; сonst + vаr + lеt // WTF
/* RWD on a budget */ @media (max-width: 800px) { * { flex-flow: column !important; }}

July - December 2016

Cool / crazy websites

Web Dev

How would you build a CSS 3D cube? A case study. here
How well do you know CSS display? - here
Is it possible to apply CSS to half of a character? (many cool answers) - here
The background-attachment saga - here
Tiny-Canvas is a lightweight minimal implementation of HTML5 Canvas2D features, but in WebGL - here
"Tabs are fine in JS" "There is no semantic difference from spaces" "You can just have your IDE show either" yeah.. here
Unicode property escapes are coming to JavaScript regular expressions! here
A pure CSS scroll indicator - here
The State of CSS Reflections - here
Pure CSS cursor hack (click the address bar) - here
Google Chrome, Firefox Address Bar Spoofing Vulnerability - here
Flexible typography with CSS locks - here
The math of CSS locks - here
Your Code Might Be Unmaintainable… - here
JavaScript Madness: Keyboard Events - here
Grokking Scope in JavaScript - here
Software development at 1 Hz - here
"But It's Not Supported in IE" - here
Things to Watch Out for When Working with CSS 3D - here
JS filter faster than Photoshop and Bing - here
Transition Effect with CSS Masks - here
Emoji silhouettes in CSS here
Emoji outlines here
text-spinners here
The SVG `path` Syntax: An Illustrated Guide - here
A quick demo on how the new CSS rotate syntax works: here
Magic randomisation with nth-child and Cicada Principle - here
Your contacts are uploaded to LinkedIn if you access your emails through the same browser - here
Lea Verou - CSS Variables: var(--subtitle); - here
New regular expression features in ES6 - here
Loads of icons you can make with a single element (and pseudos) here
Flex grow hack - here
Generate Sounds Programmatically With Javascript - here
I hate Webpack here
The Lost Art of HTML here
SkateJS: a cross framework web components based library. Sorry, a WHAT? here
HTML parser quiz (I got 10/20) - here
Docker in Production: A History of Failure here
The State of Responsive 3D Shapes - here
Flexbox: min-width: 0 is the new zoom: 1 here
JS dates - here
Text-decoration-skip: ink, color, style and line position now in Chrome Canary - here
URL rewriting with Github Pages - here
How to sort-of unbreak the browser optimizations you broke when you choose to AJAX a large doc with many assets. here
TIP: <input type=search> refuses to be styled in CSS on Safari 9. Use type=text.
TIP: if there are 2 inputs in a form, when pressing "enter" in each input Firefox Android will fire a "tab" keyCode on the 1st and "Enter" on the 2nd

Geek

500 Byte Images: The Haiku Vector Icon Format - here
Johnson Solid - here
Demystifying The Regular Expression That Checks If A Number Is Prime - here
Machine learning's next trick is generating videos from photos - here
Understanding Intel Instruction Sizes (and their interest for PC intros) - here
Win3mu Part 1: Why I’m writing a 16-bit Windows Emulator - here
Apple and the gun emoji - here
The moon, saving our asses. Never Forget.... here
“Pixels and voxels, the long answer” here
Why's that company so big? I could do that in a weekend - here
Pure CSS Game & watch emulator with funny source code - here
Pure CSS minesweeper - here
SMPLify: "3D Human Pose and Shape from a Single Image": here
Is a round Minecraft world possible? - here
3D Milky Way downloaded from WebTorrent, displayed in WebGL and available in WebVR - here... That's a lot of WebThings
The Wallis Formula For π - here
How did game developers pack entire games into so little memory twenty five years ago? - here
Building a JS 3D Minecraft Editor - here - Nice tricks inside, like scale(.99) to avoid clippingBorromean rings.
No two circles are linked, but nonetheless all three are linked. here
Linear algebra for game developers - 1 here - 2 here - 3 here - 4 here
Make Your Own Game without code - here
Parsing JSON is a Minefield here
Nice Twitter thread about raymarching here
5 Horrible Things I Found Out When I Made A Video Game - here (WTF!)
This Map of the World Just Won Japan’s Prestigious Design Award - here
Super interesting Tedx video explaining this map (enable subtitles): here
H.264 is Magic - here
How H.264 works part 1: here - 2: here - 3: here
H265 Technical Overview & quality considerations part 1: here - 2: here
The periodic table of elements and what they're used for - here
Browsers vs C1 entities - here
You Can Bypass Linux Disk Encryption Authentication by Pressing the Enter Key for 70 Seconds - here
A One-Line Proof of the Infinitude of Primes (annotated/explained version) - here
Why It’s So Hard To Make A Video Game - here
A History of Hard Drives - here
A Magnetized Needle and a Steady Hand - here
Learning to Read x86 Assembly Language - here
Retard libbcrypt dev removes x86 optimizations to make computation look slower - here
PaperStick: a printed piece of folded A4 paper as AR marker - here
Git cheatsheet: here
Geometric Algebra: Conformal Geometry here
Trigonometry for Game Programming part 1: here - 2: here
Super advanced Gmail phishing - here

Fun

Paint of Persia, an app that rotoscopes film into pixel art: here
The devs used my placeholder text and took it live D: here
Ambiguous Cylinder Illusion - here
How to implement 2D Portals - here
"WONTFIX: cameras aren't supposed to be resold" - here
Latitude doesn't exactly mean what I thought here
This Dude Made It His Quest in Life to Document Iconic Video Game Characters Drowning - here
Super slow 3D. Mesmerizing! - here
yellow heart => pink hairy heart on Android, due to spec misinterpretation - here
When someone says "You don't need a library for that!" then shows you how to implement it manually. here
WebGL code-golfing! here
Truth. here
wikipedia has the best sense of scale regarding homeopathic dilution here
Apollo-11 issue #3: Check continuity on O2 cryogenic tanks before allowing stir - here
The axle count of trains in Switzerland must not be a multiple of 2^8 of the system does not detect a train. here
TASBot Block @ SGDQ 2016 - here
"Demo Reel & Tiny JavaScript" talk and live coding by p01 - here
There's no going back now. here
Captchas were always terrible. This is obviously a much better method. - here
How the clients see photoshop here
git merge here
Square Root in C: here
Funny answer in 48b (using asm): double(*s)(double)="\xdd""D$""\x04\xd9\xfa\xc3";
oh man here
When the Internet is out here
sorry your cat died because we had a server problem here
return true to win - here
ಠ_ಠ here
when goals change arbitrarily halfway through a sprint here
it me here
Try clicking [Tweet] on this page: here
"an oddly specific number" here
PC Demos Explained (1994) - here
This is getting out of hand. here
O Fortuna Misheard Lyrics - here
Name that song:here
security researcher at work here
¯\_(ツ)_/¯ here
Awesome 100% TAS speedrun of Banjo-Kaazooie (N64) + commentary in 1h59 part 1: here - 2: here
Amazon's audio captchas are COMPLEATELY MENTAL here
What if... - here
These the two tweets seem related. here
Make let not var here
Mouse cursor disappears when my refrigerator turns off - here
How it feels to learn Javascript in 2016 - here
Mars is the ultimate ground-up rewrite and we're already messing it up here
Welcome to the future. It's still awful. here
How To Save The Princess In 8 Programming Languages - here
The popular approach here
The 5 Stages of Enterprise Grief - here
Bro, I barely touched you here
Fuck You Startup World - here
MS logic - here
English man spends 11 hours trying to make cup of tea with Wi-Fi kettle - here
Thursday meh: disruption-worship - here
[TAS] Mario Kart 64 - All Cups in 20:33.32 - here
A 3D engine based on CSS triangles working on IE6+ here
Related video: The Story of the Teapot in HTML - here
Mario Maker - My Hardest Level "Brain POWer" 37 Hours to Clear - here
Mario Maker - One Year Anniversary! - here (see the guitar-hero level at the end)
Fire, the second safest way to travel. here
I made a venn diagram to describe conference talks here
We are proud to announce that we have extracted the core of our application as a new open source framework. here
How long it takes to complete a task - here
Fire of Hell of Clients - here
A Very Real Danger Associated With Pregnancy: Misspellings - here
See also: 77 Actual WikiHow Articles - here
See also: A Dramatic Reading of Horrible Twilight Fanfiction - here
See also: How to masturbate (Yahoo Answers Gone Wrong) - here
But it’s a Mac! It should just work, right? - here
You're your own worst enemy in creepy first-person puzzler Echoplex - here
No talk - here
Units fact - here
"I want to make sure that this project is incredibly interactive" - here
I need this yesterday. - here
My life - here
isFinite - here
Possibly the greatest scene in documentary history. here
An Apple Engineer Gives the Inside Scoop on the New Macbook Pro and Dongles - here
"We’re very concerned that a bug was found so close to release." - here
Fishing - here
Thanks NPM - here
Mom Asks The Internet To Help Her Open This Cupboard, Here Are The Responses: here
Meh video with funny captions (to enable) - here
COULDN'T USE SLOW COOKER BECAUSE WIFI DOWN here
Sorry, I only work at companies with at least 1 million lines of JavaScript. here
"And these are our node dependencies" here
This is about 20% of frontend programming. here
in which google autocomplete accurately and accidentally summarizes diversity in tech discourse here
The importance of isolating your microservices here
The agony of trying to unsubscribe (James Veitch) - here
ladies and gentlemen here
Pope up window. here
My son clearly has a better grasp on the real world than his teacher does. here
GL_PIZZA_FAN vs GL_PIZZA_STRIP here

Art

In Tribute to Simon Plouffe - here
'Bay Bridge' by mplanck : here
Node-based building generation as you resize the volume - here
large collection of crazy shaders here
Mesmerizing scene - here
How the Pythagorean theorem works here
The Periodic Table of... Animations. - here
phenomenal painting by Quentin Mabille: here
Boiler - here
WaveFunctionCollapse - here
Rhodium 4k intro here
CUBE: A "zero-element" CSS-only demo. here
A sense of scale: the best microscopy of 2016 - here
Radar! here - 1 element, created using the 3 types of gradients: linear, radial, conic
And one more with `clip-path` (WebKit only) here
50 hexagons - here
sixteen squares here
turn.inverse here
Hexaspin here
lorenz attractor : here
Really incredible ThreeJS experience: here
Animation tutorials - here
Art.js - here
This is a simple visualization behind the formula to calculate the surface of a sphere here
CSS-only Snow Fox here

Quotes

"good programmers do programming not because they expect to get paid or get adulation by the public, but because it is fun.” -Linus Torvalds
Telling a programmer there's already a library to do X is like telling a songwriter there's already a song about love.
HOW ARE PEOPLE IN MOVIES AND TV ALWAYS GUESSING OTHER PEOPLE'S PASSWORDS?? I CAN'T EVEN GUESS MY OWN!
With emoji at last you can zoom in on a pig 🐖🐷🐽
Is there anything, anything at all that doesn’t have a fandom
The radio messages civil airplanes use to identify themselves and avoid mid-air collisions are not encrypted but our browsers use 256 bit crypto to order pizza.
Always code as if the person who ends up maintaining your code is a regular human being just trying to get through the week.
I don't want to go to work tomorrow or ever again in perpetuity throughout the universe as well as retroactively since the dawn of time
If you step on people's feet, they will open their mouth, just like trash bins.
I am a member of a species that thinks working 5 days a week for 40 years to pay off a debt created on a bank's computer screen is freedom.
I mis-typed "SHIP IT" as "SHIT IT" still works in context
Give me a day, I'll get 3 hours of work done. Give me an hour, I'll get nothing done. Give me a deadline, I'll finish it in the last hour.
Give a man a game and he'll play for a day. Teach a man to make games and he'll never play one for the rest of his life.
In 2016, it's okay to build a website that doesn't work.
Weekends don’t count unless you spend them doing something completely pointless.
I'm considering making a game in which your goal is to figure out women. Rules would change all the time and you would end up losing anyway.
683,248,722 is BASE36 in base 36.
We're going to need a package manager manager.
“Did that work?” * 2 hours later * “No.” DNS.
I really want to think of the “millenials have bad attention spans” idea as bullshit but i’ve seen some of y’all reposting 3 second vines captioned “WAIT FOR IT 😂” and like, come on now
By default HTML is accessible. As developers, our job is to not fuck it up.
Old Macdonald had a form; e_i /\ e_i = 0.
Why don't they just host GitHub wherever the status site is hosted?
Why don't they just make the airplane out of the same material that the black box is made from?
Why doesn't the president ride on the dummy car?
Proposal: Insecure devices with known flaws providing root should be automatically scanned and bricked to protect the larger Internet. Reformulation: when you see it, you'll brick shits
1998: - Don't get in strangers' cars - Don't meet ppl from internet ; 2016: - Literally summon strangers from internet to get in their car
Everybody has a testing environment. Some people are lucky enough to have a totally separate environment to run production in.
gfx coder: "how do i optimise the sparse convolution of a jacobian transform?" web gfx coder: "how do i yarn rollup a webpack glslify?"
Reminder to the JS community: There's no such thing as a "dependency-free React component".
"Boop" - Zebra walking past a self service checkout.
- Stop saying "I wish" and start saying "I will". - I will I had money
Quote from Stanislaw Lem's "Return from the Stars" published in 1961 pic
How many printers did you have to install this Christmas?
Heard at work: "D'uh! No, we can't just 'revert'. When we did a Git rebase, we rewrote the history..."

Snippets

XSS

Function`$${`a${`l${`e${`r${`t${`(${`1${`)`}`}`}`}`}`}`}`}$```
{[alert({[[]+[1]]:1}[1])]:[]} // Webkit only
Array.prototype[Symbol.hasInstance]=eval; "alert(1)" instanceof [];
x=x=>x=>x=>x=>x=>x=>x=>alert(1);x()()()()()()()()
let:let{let:[x=1]}=[alert(1)] // Edge only
ꦊ=``,ꦋ=!ꦊ+ꦊ,ꦌ=!ꦋ+ꦊ,ꦍ=ꦊ+{},ꦎ=ꦋ[ꦊ++],ꦏ=ꦋ[ꦐ=ꦊ],ꦑ=++ꦐ+ꦊ,ꦒ=ꦍ[ꦐ+ꦑ],ꦋ[ꦒ+=ꦍ[ꦊ]+(ꦍ.ꦍ+ꦍ)[ꦊ]+ꦌ[ꦑ]+ꦎ+ꦏ+ꦋ[ꦐ]+ꦒ+ꦎ+ꦍ[ꦊ]+ꦏ][ꦒ](ꦌ[ꦊ]+ꦌ[ꦐ]+ꦋ[ꦑ]+ꦏ+ꦎ+"`ꦗꦮ`")``
<svg onload=write(0 in [42])> // does the same as document.write(true)

Fun

let capitalism = () => { this.wellfare++; }; let communism = () => { this.wellfare++; };
ᒧᐤロᐤ = {};ᒧᐤロᐤ.ᒧᨈ = function(x) {return x.split('').reverse().join('');}; (ᒧᐤロᐤ).ᒧᨈ('abc')
location='data:image/gif,'+escape('⡇⡉⡆⠸⠷⡡⠔⠀⠑⠀⢀⠁⠀⠀⠀⠀⣿⣿⣿⠬⠀⠀⠀⠀⠔⠀⠑⠀⠀⠂⠫⢌⢏⢩⣋⣭⠏⠕⠀⡦⢆⢉⢩⣔⠶⣛⡝⡩⢗⠈⢎⣇⢷⡸⠢⢺⡥⠧⢙⡼⠨⠛⡳⢔⢚⣚⢣⠛⣵⣾⠏⡜⠔⠀⠀').replace(/u../g,'')

Wat

+true /* 1 */; parseInt(true) /* NaN */
26624 << 8 /* 6815744 */; 26624 << 8 + 160 /* 6815744 */; (26624 << 8) + 160 /* 6815904 */; 26624 << (8 + 160) /* 6815744 */;
o={1.e+1111(){alert(arguments.callee);}};o[1e1111]() // different results on edge, chrome, firefox
{foo:"bar"}.foo /* SyntaxError */; ({foo:"bar"})["foo"] /* "bar" */; alert({foo:"bar"}.foo) /* "bar" */; {foo:"bar"}["foo"] /* Array ["foo"], because {foo:bar} is just interpreted as a label in an useless brace */
-2**5 /* invalid in ES7 */
unescape(escape('󠅁󠅲󠅥󠄠󠅶󠅡󠅲󠅩󠅡󠅴󠅩󠅯󠅮󠄠󠅳󠅥󠅬󠅥󠅣󠅴󠅯󠅲󠅳󠄠󠅩󠅮󠅶󠅩󠅳󠅩󠅢󠅬󠅥󠄠󠅡󠅬󠅭󠅯󠅳󠅴󠄠󠅥󠅶󠅥󠅲󠅹󠅷󠅨󠅥󠅲󠅥󠄿󠄠󠅓󠅯󠅭󠅥󠅴󠅩󠅭󠅥󠅳󠄠󠅩󠅴󠄠󠅩󠅳󠄠󠅨󠅡󠅲󠅤󠄠󠅴󠅯󠄠󠅴󠅥󠅬󠅬󠄮').replace(/u.{8}/g,''))
[].concat[1,2,3] - more info
ᒿ = 1; ᒿ === 1; // true... #Unicode
Object`` === valueOf.call`` // true on Webkit, false on Fx

Cool

n=>'$'+n.toFixed(2).replace(/.(?=(...)+\.)/g,'$&,') // formats a number like a dollar price in 51b
<canvas id=a><svg onload="i=j=k=75;R=()=>Math.sin(k*=1.07)*4;setInterval('a.getContext`2d`.fillText(`x`,i+=R(),j+=R())',0)"> 🦄
Live CSS editor: <style style=display:block contenteditable>

Random CSS color generators

`#${0|Math.random()*899+100}` (range: #100 to #999)
`#${0|Math.random()*9e5-1+1e5}` (range: #100000 - #999999)
`#${(100+(0|Math.random()*4095).toString(16)).slice(-3)}` (range: #000 to #fff)
`#${(1e5+(0|Math.random()*16777215).toString(16)).slice(-6)}` (range: #000000 - #ffffff)
`#${Math.random().toString(16).slice(-6)}` (range: #000000 - #ffffff, can fail sometimes)
Random primary color: '#'+'f00f0ff0'.substr(Math.random()*6|0,3)
Random primary color, including Black & White: '#'+'f000f0fff0'.substr(Math.random()*8|0,3)

January - June 2016

Cool websites

Random codepens - link
blocking cookies doesn't make you untrackable - link
See also: browser fingerprinting guide: link
a 1kb modernizr clone - link
Free, collaborative 2D/3D HTML5 game maker - link
Calculating notepad - link
Jotted: Showcase self-hosted HTML, CSS and JavaScript demos, with editable source - link
Pure CSS Game - link
fsqrt - link
Brave replaces ads on the Web with its own ads, gives you a part of the profits so you can pay to disable ads - link
RIP my browser and eyes - link
a short journey - link
Just send your form to our URL and we'll forward it to your email - link
voxel.css: 3D Pixel Rendering with CSS - link
Why I Strive to be a 0.1x Engineer - link
Which cat is your JS framework? - link
DAT UI - link
Easily add animated text to a gif - link
Make me pulse 2016 - link
Diensions: A free e-movie - link
detect adblock - link
hands.wtf - link
HTML rube goldberg - link
old maps - link
3D planetary engine for seamless planet rendering from space down to the surface - link
3D art - link
manifold.garden: explore the Infinite. - link
a 2048 variant? - link
Google Maps Streetview Player - link
See the milky way at different wavelengths - link
Amazing satellite imagery from around the world - link
Fractal Fantasy - link
Dyxyliea: Experience - link
Basically, front-end news - link
Shit my reviewers say - link
Every Fucking Bootstrap Website Ever link
ASCIImator - link
Digging Into Hip Hop (dihh) link
iso 8601 - link
The On-Line Encyclopedia of Integer Sequences - link
The Book of Shaders - link
Browser Ball link link
Classic programmer paintings - link
The O'Reilly Parody Book Generator for the web is here! link
Related: link
A good example of a website with parallax when the right technology is used (WebGL instead of CSS) link
"I Want Your Email Address", une page parodique (en tout cas j'espère) d'inscription à la newsletter link
P2P file sharing - link
single div illustrations - link
WebAssembly playground - link
One million stars - link
UTF-8 everywhere - link
Simple WebGL fractals - link
Unmaintained tech - link
Daniel Savio - link
Infinite, infinitely-zoomable notepad - link
High-score money - link
Free CSS tutorials and guides - link
Scribble audio - link
Dev rant - link
Ruin My Search History - link
CSS flags - link

HTML

The SVG onload handler will eval `with(svg)` and x is a read-only attribute: link
Malicious Uses of the HTML5 Vibrate API. Awesome. link
W3C forks HTML yet again, it is pretty disastrous - link
Ever want to use a <input type="range"> but also visually show the value? Bunch of options: link
Did you know that using `target=_blank` for user-supplied links is a security risk? `rel=noopener` is here to help. link
On scroll, Fx updates HTML's scrollTop, and all the other browsers update BODY's scrolltop - link
"Imagine if there was an HTML "table" tag for describing tables, instead of having to use lots of nested divs" - link
Why ContentEditable is Terrible - link
HTML & regex - link
Some REALLY nice slides on doing REALLY compelling things with SVG. link
HEAD: A list of everything that goes in the <head> of your document - link
the Markdown standardization project fiasco - link
Multirange: A tiny polyfill for HTML5.1 multi-handle sliders. - link
Fun: looks like you missed a semicolon there link
Quote: It’s 2016 and Firefox and IE, Microsoft Edge still do not support <details>/<summary>
Quote: It’s 2016 and IE, Microsoft Edge still do not support <ol reversed>
Quote: It’s 2016 and Chrome, IE, Safari, Microsoft Edge still do not support CSS position: sticky
Quote: It’s 2016 and no browser does a good job at supporting clip-path property.
Quote: It’s 2016 and IE, Microsoft Edge still do not support CSS filter() image function.
Quote: It’s 2016 and IE and Microsoft Edge still do not support object-fit.
Quote: It’s 2016 and Edge still doesn’t implement ` ` correctly.
Quote: "Q: How many email developers does it take to change a lightbulb? A: One - they'll just stack some tables."
Quote: "Links with href="javascript:history.back()" with the assumption that the user got there from from a certain page on the site. How about no."
Tip: <button> elements default to <button type=“submit”>. Set it to <button type=“button”> to prevent it from submitting a form.
Fun: <iframe onload=srcdoc=Date()> An HTML5 clock! (…that works a few seconds and then your browser is dead)

CSS

Creating a Blurred Background Using Only CSS - link
Simplest CSS Slideshow - link
Blending Modes Demystified - link
:placeholder-shown link link
BB-8 in CSS link
CSS refresher (not in the F5 sense) - link
10 easy yet amazing CSS tips to embellish your website - link
CSS Specificity is Base-Infinite - link
CSS best practices: link
The very latest clearfix reloaded - link
Pure CSS masonry layouts - link
Empty file: the ultimate CSS framework link
Pssst: margin-top: auto actually works, with Flexbox. link
Get Element Dimensions After CSS Transform - link
How to style broken images with CSS - link
Min: The 995 byte CSS framework that supports IE5.5+ - link
Should the shadow flip when an object is resized into the opposite direction? link
Did you know you can use ligatures for icons? So "star" can become ★, for example? link
Normalize.css 4.0.0 released link
Use `mix-blend-mode:multiply;` in your CSS to knock out white backgrounds from images link
Pure CSS Games with Counter-Increment - link
Variable Longshadow with Gradients Mixin link
driveway: pure CSS masonry layout aid - link
A great understanding of nth-child() and nth-of-type by wes bos - link
The Importance of !important: Forcing Immutability in CSS - link
universal.css: The only CSS you will ever need - link (it's a joke)
So, box-shadow can be used to simulate a rounded outline: link link
Considerations for styling the <pre> tag - link
Beware: Chrome doesnt support var() in the font shorthand. font-family works: link
You can animate `clip-path`! link
CSS only z-scrolling concept: link
CSS Filters for coloring emojis! 😍 link
TIP: There is no disabled attribute on <style>, but it can be emulated with <style type="text/plain"> or <style media="not all">
Tip: "overflow-x: visible; overflow-y: hidden; does 𝐧𝐨𝐭 do what you'd hope"
Quote: "Yeah, I suppose I could spend 12 hours studying the Grid Layout Module. Or I could spend 30 seconds writing 3 lines of CSS with floats."
Fun: Who has time for disciplined CSS? link

JS

Offline installation of npm packages: link
A JavaScript library that helps to convert "human" language into difficult regular expressions. link
Preact: Fast 3kb React alternative with the same ES6 API, Components & Virtual DOM - link
Javascript Fatigue? Or something more? – link
Quick reminder: ES6 `const` is *not* about immutability link
Introducing JavaScript's Math Functions - link
Related quote: "Math.pow(-8,1/3) returns NaN instead of -2. This isn't a bug, it's part of the specification." ES6 In Depth: Template strings - link
How to Control YouTube's Video Player with JavaScript - link
idiosyncrasies of NaN - link
Array.From - link
Things you should know about JS events - link
The frameworks I don't use are useless...? - link
JavaScript fatigue fatigue - link
stringifying all the stuff that JSON.stringify won't. link
The Difference Between Excellent, Good and Bad JavaScript Developers - link
Bling.js: $(), .on(), $().on(), NodeList.forEach(), NodeList.on() - link
ES6 Arrow functions vs. bind(): link
The solution to JavaScript Fatigue. - link (auto-install the dependencies you need and stuff)
Ever wanted to format a number or currency in JS? No more libs or weird funky code! Meet Number.toLocaleString()! link
you can't use `yield` in nested arrow functions :/ Reason: link
No, we haven't forgotten how to code, JavaScript just needs to become a better language - link
Introducing iframify: element queries via iframes. Wait, what? - link
Incredible XSS code - link
HTML5 Canvas for Humans - link
Why Javascript Development is Crazy link
Did you know you can edit the registry, download stuff, run programs, by double-clicking a JavaScript file? Yep. link
You (probably) don't need a JavaScript framework - link
this is valid JavaScript: const combined = append `aa` `bb` `cc`(); // 'aabbcc' - See link
funny looking piece of ES6: Object Destructuring with variable renaming & default values - link
Tip: When using xhr.responseType = "json", if the response is not valid JSON you will just silently get xhr.response = null and NO error!
Tip: Shortest way to send http request in JS : fetch`//localhost`
Quote: "I have 2 JS interview questions: Junior: What's the 2nd arg to JSON.stringify? Senior: List all args to KeyboardEvent.initKeyboardEvent."
Quote: "$ sudo apt-get install --yes nodejs && npm install bower && bower install jquery && echo '$(".btn").addClass("hidden")' > scripts.js Done."
Quote: "typeof class {} == 'function'; typeof null == 'object'; typeof document.all == 'undefined'; typeof NaN == 'number'; # SuchACruelWorld"
Quote: "Today's JavaScript lesson, titled "greater or equal to means nothing": null >= 0 // true; null > 0 // false; null == 0 // false
Fun: April 1st joke by Wes Bos featuring EQCSS - link

(Web) Dev

Reality is messy - link
Wrap any web page natively without even thinking, across Windows, OSX and Linux - link
Why I Strive to be a 0.1x Engineer - link
The best of dates, the worst of dates - link
Related: falsehoods programmers think about dates - link
Related: Part 2 - link
related: falsehoods programmers think about names - link
It’s Not Continuous Delivery If You Can’t Deploy Right Now - link
Don’t tell me what my browser can’t do! - link
Experimental MVC framework for the web. - link
Android + Swiftkey + keyCode 229 = weird behaviors. Some explanations - link
3D views of a webpage in a real device - link
If It Works, Don't Reinvent It! - link
L’internationalisation, c’est long et dur (et ça racle le fond) - link
How to Code A Live Dynamic Twitter Feed in HTML Email. link
How one developer just broke Node, Babel and thousands of projects in 11 lines of JavaScript - link link
Related: And here’s the other side of the kik story - link
Day Of Week Implementation - link
“If a library is sufficiently large, or has sufficient reach, it becomes indistinguishable from a framework.” link
It's Impossible to Validate an Email Address - link
Emoji: how do you get from U+1F355 to 🍕 ? - link
How Many People Does It Take To Ship Software? - link
The web will be so much better when... - link
Research on how cross-platform rendering differences of emoji cause miscommunication: link
Deadlines 101 - link
Browser detection without JavaScript: data:text/html,<style>body: before{content:"Firefox";#; content:"Chrome" - link
oh. my. god. link
We've all been there. link
Sort an array with only one local variable - link
no-cache doesn't mean "don't cache", must-revalidate doesn't mean "must revalidate" ⨀_⨀ link
Never Show A Design You Haven’t Tested On Users - link
My URL isn’t your URL - link (TIL: “http:/example.com” and “http:////////////////////example.com” are both equally fine.)
inner monologue when learning new tech stacks link
On the irony of programmers who don't like abstraction - link
Articles software developers should read, at least once - link
Image optimization: Common mistakes and solutions - link
Write Less Code - link
Pixel Density, Demystified - link
Linux folders cheat-sheet: link
Lines of Code is a Bad Metric, Either Way - link
Don't disable copy-paste in password fields - link
Quote: "I can't state this enough: Programmers don't burn out on hard work, they burn out on change-with-the-wind directives and not 'shipping'."
Quote: "Web dev in 2016: Keep installing Babel plugins until it works"
Quote: "Every great advancement at Mozilla has come from someone lying to their manager about what they’re working on for a few days.”
Quote: "Important tech skills: 1. Interpreting vague docs 2. Looking up errors 3. Not making coworkers want to stab you 4. Algorithms, I guess?"
Quote: "1. have an exciting app idea 2. create project folder 3. include WebPack ... 47. lose all passion for project and give up GOTO 1"
Quote: "Every time I struggle with CORS, I can't help but reflect that native apps can do whatever they want, and nobody cares."
Quote: "Wonder who had the “brilliant” idea to make consoles show current objects instead of snapshots of their state when I actually logged them."
Quote: "If you are loading a new page in the current tab when I ctrl+click or mouse middle click a link, you are doing it **very** wrong"

Design / Art

A Kingdom of Mathematics via a fractal formula link
Fractal Lab: Interactive WebGL Fractal Explorer - link
Terragen 4 makes a leap forward with a new realtime ray-traced preview. link
Some menu styles that use the line as main design element link
A canvas made of pixels - link
Great article about what lines can describe: link
Fiddling with radial gradients, by subzey link
Clifford Attractors - link
Related: Peter de Jong Attractors - link
3D line art engine - link
Fabergé Fluctuation link
The Worst-Designed Thing You've Never Noticed (flags) - link
Polygon Shredder - link
Shader made by mistake - link
Negative 1.5 Mandelbox - link
Stealing dog gifs - link
Make Me a Hanzi - link
crazy dots link
“Can you code this UI concept?” part 1 - link
Part 2: link
Cool UI for a day-picker link
CSS3 book for kids - link
Tasty CSS-animated hamburgers - link
Distance Estimated 3D Fractals - link
The Chart of Cosmic Exploration - link
Inside out - link
octree-based 3D Bézier curve subdivision - link
Why I love ugly, messy interfaces, and you probably do too - link
the magic that happens when you put science and art together: link
Pixel art animator - link
Ready for some interesting UI demos and concepts? Have fun! ;-) link
Roots and fractals link
Dat GIF - link
Dat GIF too - link
The Bigger Picture of Album Covers link
"Perspectives" - link
The strangest thing happens when you rotate Bezier control points with sin/cos. So simple and beautiful. link
Size of the universe - link
Building a Ray-Tracing 3D Renderer from Scratch - link
Stunning fluid sim based on the Schrödinger equation link
A 28-steps GLSL tutorial directly in Shadertoy - link
space flipping - link
A javascript implementation of the Catmull-Clark subdivision surface algorithm - link (hi-poly 3D model from low-poly!)
Spiralling triangles - link
linked cubes link
Rendering a Buddhabrot at 4K and Other Bad Ideas - link
Animated CSS3 Input Checkboxes - link
cool fractal viewer: link
Related: the Burning Ship fractal: link
Create your own sphere in CSS :: link
13-circle animals: link
Shadertoy: 'Portal Gameplay' by ciberxtrem : link
Video Feedback (psychedelic!) - link
Generative, editable world. - link
Recursive tree - link
A possible model of an impossible cube of M.C. Escher - link
Gradient with Chinese text characters. By Sorarize. Full resolution: link
Having fun with a new mechanic to enter & exit spaces in VR - link
'Nah that's a crazy edge case to design for, the £ will never drop that much in one night' link
Bullshitly presented as a 53 Gigapixel photo, still a cool UX... "An extraordinary perspective" - link
Procedural dancing using music & physics! - link

Code golfing

Rendering Snowflakes in < 200 Bytes: link
What do we know ? @subzey got the JS Mandelbrot set down to 99 bytes link
Winner entry of Synchrony demoparty 'nano' (256 bytes) - link
"Darkness lay your eyes upon me", 64KB demo by Conspiracy (Revision 2016): link
"Twirl", a tiny ES6 demo that runs both in your browser console or Node. link link
Related: Twirl "fixed": setInterval(s=>{with(Math)for(z++,y=-22;y<23;y+=2)for(s+=' ',x=-40;x++<40;)s+=1&cos(atan2(x,y)*9-hypot(x,y)/5+z)>0;console.log(s)},z=40,'')
Here are the slides & LIVE coding session from "Demo Reel & Tiny JavaScript" by p01 - link
Convert any JavaScript code to 5-char code : []+=_ link
10 PRINT THEREMIN — HTML5 maze generator + Theremin in 219 bytes link
685b synth - link
👽 { HI ) Here's the cosmic call encoded in a tweet! link
72-char ball animation: data:text/html;charset=utf-8,<marquee direction=down behavior=alternate><marquee behavior=alternate>⚽

Geek

Reversing the GoPro Cineform codec (CFHD) link link link
Zopfli Optimization: Literally Free Bandwidth link
Oh, you've turned off cookies so that you can't be tracked? That's cute! link
The zipf mystery - link
Nine paradoxes with a statistical theme - link
LEGO globe - link
Unicode: A story of corruption, connection, and smiling poo - link
"Exploring and Presenting a Game's Consequence-Space" talk - link
17 math equations that changed the world link
Why I hate your Single Page App - link
People now send spams via $0 Paypal invoices. Life is great. - link
GPUs prefer premultiplication - link
A free shipping mystery - link
Counting Legal Positions in Go - link
War and Peace and WebGL - link
Understanding Fourier Approximations & Oscillators - link
message to the aliens - link
Cure53 Xmas Challenge impressive winning vector! link
And here is the Cure53 Xmas challenge write-up: link
Related: Another well detailed solution to Cure53 XSSmas challenge. link
Related: The path to solution detailed in slides. link
Projection from Spheres - link
This file is a valid .BMP image and a .JS script at the same time. - link
The radical plan to destroy time zones - link
27 Lines on a Cubic Surface - link
Ones and Zeros: Making Executable Files - link
A PNG Puzzle - link
The number that fascinates physicists above all others - link
a really great video on the GameBoy and its CPU - link
Why do subsequent bytes in UTF-8 need to start with 10? - link
The guide to implementing 2D platformers - link
Can planes be tied in knots in higher dimensions the way lines can be tied in knots in 3 dimensions? (yes) - link
Pass a URL, get it summarized - link link
1,000,000,000,000 Frames/Second Photography - link
VisUAL is a cross-platform tool to make learning ARM Assembly language easier - link link
FLIF is a novel lossless image format which outperforms PNG, WebP, lossless JPEG2000 & JPEG XR's compression ratio - link
Intuitive Understanding Of Euler’s Formula - link
A look at the Technology behind the 4D Game Miegakure link
3DNES - link
related: How a new emulator generates 3D scenes from 2D NES games - link
Buddhabrot - link
World map scaled to most-popular TDLs makes tiny Tokelau the biggest nation on Earth link
New spaceship discovered in Game of Life: link
Blog post with code about making rope physics - link
"Just use a pre-existing engine to make your game!! It solves all the problems for you!!" link
Microsoft discovers Unicode - link
Reverse engineering Kirby's Dreamland 2, for Game Boy - link
A Comprehensive Super Mario Bros. Disassembly - link
How Many Decimals of Pi Do We Really Need? - link
The Unbelievable History of the Express JavaScript Framework - link
Designing a puzzle game around visualizing math functions - link
Sphere Packing Solved in Higher Dimensions - link
Simple apostrophe to "smart" apostrophe to Unicode to Windows-1252 to hard-coded subtitles. A cavalcade of fail. link
Dijkstra's Prime Number Algorithm - link
Hacking Domino's Pizza mobile app to get free pizzas - link
Exploring the Solar System - link
The Fractal Menger Sponge and Pi - link
Lytro’s Cinema camera: 755MP @ 300fps, 3D scene reconstruction, multifocales, virtual greenscreen, records 400GB/s - link
How big is the Google Earth database? (3PB) - link link
Math for Game Programmers - link
What is beyond the horizon, across the sea? - link
An Integer Formula For Fibonacci Numbers: f(n) => (4 << n*(3+n)) // ((4 << 2*n) - (2 << n) - 1) & ((2 << n) - 1) link
How JPG Works link
Graphical Algebra and Fourier Analysis on the marvellous site acko.net link
Hacking Slack accounts: As easy as searching GitHub - link
On the Timing of Time Zone Changes - link
Finding Similar Music using Matrix Factorization - link
An Uncharted 4 dev's post-mortem, with a nice trick to avoid banding artifacts - link
Doom WASN'T 3D - link
Livecoding a N64 emulator - link
An Interesting as fuck glimpse into the future - link
A Mathematical Proof Takes 200 Terabytes To State - link
Why Snow and Confetti Ruin YouTube Video Quality - link
Live Streaming Security Games - link
Music map: link
I computed an approximation to 52! by hand. It's not so hard: you just calculate 54! and then divide by 3000 - link
The Shortest Reflected XSS Attack Possible - link
Text diff / match / patch algorithms. - link
A well-commented HTML5 GBC emulator! Gotta dig into that! - link
How are zlib, gzip and Zip related? What do they have in common and how are they different? - Stack Overflow link
What are “actual pictures” of atoms actually pictures of? - link
Why does the Windows calculator generate tiny errors when calculator the square root of a perfect square? - link
Tip: Take any Facebook/Instagram photo URL. append `.txt` → ASCII art. append `.html` → colored ASCII art. - link
Quote: "43 decimals of PI is enough precision to calculate the circumference of the universe to a tolerance of the width of 1 proton"

Fun

Pony Island: The Smartest Game Of 2016 - link
Anti-piracy countermeasures: some are seriously hilarious link
This is your brain on a morphing CGI fractal film link
ah yes, this is how security works link
AGDQ 2016: TAS Block - link
Related: How a game-playing robot coded “Super Mario Maker” onto an SNES, live on stage - link
Related: TASVideos movies: NES Super Mario Bros. 3 "Total Control": link
Apple Signature link
"This is what happens when you reply to spam email" link
"Your password is safely encrypted, only our customer service agents can see it" link
“Free” Lancer - link
Windows 10 calculator still thinks addition is stronger than multiplication... link
How users read all confirmation and error dialogs. link
Portal TAS in 5:13 - link
Why does the the human mind ignore the second "the"? - link
Real-world equivalent to only using JS for web form input validation. link
ASCII art in dataURIs - link
Amazon knows something we don’t. Read Clause 57.10 link
This shows up as a stock image for "engineering collaboration", which is impressively sarcastic link
Compress text with Unicode Ligatures - link
Ad-blocking seriously reaches triple-negation level - link
Bobby tables's captcha - link
Some emoticons took thousands of years & billions of lives to evolve the necessary languages: /╲/\╭༼ * ಠ 益 ಠ * ༽╮/\╱\ - link
The man who made 'the worst video game in history' - link
You hear a voice in your head when you're reading, right? - link
"just a seven chars fix" - link
"For the record, the process doesn't freeze indefinitely - it gives a parser error after a few hours." link
Guy Beating Super Mario World Blindfolded in 23 Minutes - link
List of 2016 Leap Day Bugs - link
so I figured I should keep track of all these link
Yes, I'm a computer programmer; no, I don't know how your computer works. link
Responsive pixel art - link
Modern JavaScript link
The Out-of-office Reply link
Following instuctions from Stack Overflow - link
Deploying to Azure... link
This is basically what happens when you run two antivirus link
This is basically how TCP packets are made. link
This is basically how a honeypot works. link
Super Mario World Yoshi Clips Explained: link
Duck typing.. link
Streamer Finally Beats an Insanely Absurd Mario Maker Level After Over 71 Hours of Attempts - link
Related:Extreme One-Screen Puzzle that took 11+ Hours To Solve - link
A Shit History of Quantum Theory - link
What time is it? Idk sorry my watch is updating... link
“When Jobs returned to Apple in 1997 the company had lost its way w a confusing lineup of undistinguished products” link
"We have hired a new office assistant. Please show her how to make an Internet." - link
Pure JavaScript comedy gold from the reddit thread loljs link
dat XSS - link
The what the fuckest video I've seen in years - link
The 10 Strangest Bootleg Video Games – link
Client from hell epic time travel request - link
Hitting this Block for 416 Years Crashes Paper Mario - link
Asking someone to write a ‘not equals’ sign can be quite revealing. link
Sorry Mario in Unicode - link link
ever wonder if all your PS1 games *really* needed like 3-5 seconds to save? well... link
This is what a great bug report looks like - link
There is a Horse in the Apple Store (such philosophical) - link
How to lose $172,222 a second for 45 minutes due to a single bug - link
Many of these fake books are just jokes, but this one needs to be real. link
US states and capitols (hilarious Github comment thread) - link
Watch Paint Dry: How I got a game on the Steam Store without anyone from Valve ever looking at it.- link
Talk Obama To Me - link
Inside the studio of the “micro-engraver” who works between heartbeats to keep his hand steady - link
fuck your rules link
Game developers must avoid the “pay me for my work” attitude - link
Worst UX - link
Another gif - link
"Never mind, I clicked my mouse this time and it worked." - link
fapfapjs - link
Compiling an application for use in highly radio-active environments - link
Pinturas clásicas explicadas con humor e irreverencia - link
Someone paid for this design! link
Here's the 126 step process for uploading an email file to Office 365. Great job Microsoft. Really acing it. link
"What do you mean you’re not going to work for us anymore?" - link
How not to use a lookup table. link
Getting stuck in an infinite loop link
Man, Japanese Twitter just plays by different rules link
J'adore coder sans spécifications - link
too cool: magnet-based Rube Goldberg machines link
Windows users on Linux. link
What a Linux user sees when they install Windows and the video driver auto-installs itself link
I'm a fucking webmaster - link
"entry-level" link
Self-XSS on twitter (fixed since): link
My nephew brought home this menacing maths problem - link
"I’m a human. Remember me.” The wording of the wordpress login screen would be a fitting ending to a big novel. link
Every programming choice I've ever made. link
Q: How do you make a programmer run away screaming? A: Show her this. link
npm isn't all - link
Things the world’s most and least privileged people say: link
probability: Do men or women have more brothers? - link
`git push origin master --force` link
Indomitable Stupidity - link
petit aperçu d'un double HTML encoding link
Step 1: stop writing code with a pen link
how geniuses describe their work - link
The Night I Met Einstein- link
Photoshop - link
IT Guy! link
i'm pretty active on github link
Client:Did you get the fax? - link
Code wisdom: link
Pizza in the copier link
Great 'what if?' series. Some hit too close to home... link
This scene from Silicon Valley is so accurate it hurts. link
The fucking open web - link
The Reviews for This $1,500 USB Cable Are Worth Every Penny - link
What's Inside the Box, flash / mobile game - link
Automatically tell Trump to delete his account. - link
The Rare Humans Who See Time & Have Amazing Memories - link
Pour one out for my favorite bug of 2016 link
Infinite recursion link
The latest patch in reality render has serious shadowmapping issues link
When "Suicide" gets auto-corrected to "Unicode" - link
anyone else get that weird phantom feeling in their copy hand that lingers until you hit paste link
My kid just asked “Siri, what fun things are near us?” link
How a comment on Hacker News led to 4½ new Unicode characters - link
Vexit - link
MAGIC - link

Fun quotes

What's your favorite server monitoring tool and why is it your users?
Is this the real life? Is this HTTP? Slow three-way handshake, No escape from the TCP, Seven-five-four-oh, Let's switch to that RFC...
Twitter HQ: - We haven't fucked anything up in a while. What does everyone hate? - Pop ups? - Genius.Let's do that for no reason
3 Keys to developing empathy for customers: 1. Use your own product. 2. Use your own product. 3. Use your own product.
JavaScript is "weekly typed." Anything written more than a week ago is incomprehensible to edit and has to be retyped from scratch
I wonder if gravestone epitaph engravers support unicode
Browsing in 2016: 1) Open site 2) Decline newsletter 3) Close EU cookie notice 4) Block notifications 5) Block location 6) Give up close tab
product naming trends: 1997: product! 2000: http://product.com 2003: 37products 2006: productr 2009: appduct 2012: product.io 2015: productify
Why don't they just host GitHub wherever the status site is hosted?
Steps in mastery of a programming skill: 1 Can I do this? 2 Can I do this more easily? 3 Can I do this more elegantly? 4 Can I not do this?
Regular expressions. Junior devs haven't figured out how to use them. Intermediate devs have. Senior devs have figured out not to use them.
The Creative Process: 1. This is awesome 2. This is tricky 3. This is shit 4. I am shit 5. This might be ok 6. This is awesome
If you disable paste on your password input, I can't use my password manager. Guess what, I like my password manager more than your site.
Startup: We’re hiring people to reinvent and change the world! Interviewer: Please shift this char onto this array.
computers think using etchings in poisoned sand and measure time using vibrating crystals so if you were looking for magic you found it
If you can't find emoji for "I am hungry," you can use the sequence U+49 U+20 U+61 U+6D U+20 U+68 U+75 U+6E U+67 U+72 U+79 to form "words"
The Internet of things that will basically stop working if the company fails, made by companies that will most likely fail.
Why do people find DNS so difficult? It’s just cache invalidation and naming things.
How I want to learn [your thing] : 1. Text on website 2. Text on paper ... 2428. Spraypainted on side of cow 2429. Video tutorials
Map/filter/reduce in a tweet:
map([🌽 , 🐮 , 🐔 ], cook) => [🍿 , 🍔 , 🍳 ]; filter([🍿 , 🍔 , 🍳 ], isVegetarian) => [🍿 , 🍳 ]; reduce([🍿 , 🍳 ], eat) => 💩
DON'T GOOGLE WORMS POST-MORTEM
Looks like I picked the wrong week to quit sniffing packets.
should designers be coders? should design coder? hould des coder hou des oder houdesoer hodesor hodor
I was looking at your profile and came to the conclusion you have an email address so I think you’d be perfect for an opportunity I have.
STEWARDESS: omg the plane's about to crash but the SOS message can only be 140 characters! what are we going to do?? - ME: *slowly stands up*

July - December 2015

Cool websites

satyr.io - great placeholder images
giga.gg - 500Go free cloud storage
p01.org - p01 new website
prng.me - instant rave
wfh.ninja - excuses to work from home
file.pizza - p2p file transfer
js2.coffee - JS to coffeescript transpiler
durat.io/?? - time calculator
udemy.com - online courses
any-api.com - public API docs
git.io/small - smallest valid files of different types
oldweb.today - Super old browser simulator
chancejs.com - random everything
snapdrop.net - share files across devices on your network
howdns.works - how DNS works
apollo17.org - a real-time journey through the Apollo 17 mission
zadvorsky.com - great design
expii.com/map - a map of the universe of science
rollmyfile.com - open 500+ files types online
spaceholder.cc - a space-themed image placeholder service
airconsole.com - browser is a console. smartphone is the gamepad
thetruesize.com - compare countries size on a world map
youpronounce.it - use YouTube to improve your English pronunciation
ncase.me/matrix - The magnigicent 2d matrix
en.volupedia.org - wikipedia + 3D models
libraryofbabel.info - online library of Babel simulator
play.riffstation.com - partitions and tablatures
robives.com/mechs - how things work
deathtobullshit.com - death to bullshit
immersivemath.com - immersive maths
generative.systems - procedural art
bigocheatsheet.com - know thy complexities!
whatwebcando.today - what Web can do today
fizzbuzz.enterprises - FizzBuzz enterprise edition
regexcrossword.com - Regex Crosswords
www.xss-payloads.com - the wonderland of JavaScript unexpected usages
webglfundamentals.org - WebGL from the ground up
codepen.io/thebabydino - Anna Tudor CSS demos
anamorphosisgame.com - play with anamorphosis
because-recollection.com - great video experiments
0.30000000000000004.com - .1 + .2 != .3
3d-transforms.webflow.com - CSS 3D inspiration
siorki.github.io/regPack.html - RegPack v4
clickheretosavetheworld.com - click here to save the world
casual-effects.com/markdeep - Markdown, better
einsteinpapers.press.princeton.edu - Einstein papers
maximiliankiener.com/digitalprojects/time - Scroll to see how time flies

HTML

There's a doctype "WAPFORUM" XHTML Mobile. en.wikipedia.org/wiki/XHTML_Mob…
Introducing Incremental DOM - medium.com/p/e98f79ce2c5f
A typographic pre-processor for your HTML - blot.im/typeset/
HTML is weird: The end-tag open (ETAGO) delimiter - mathiasbynens.be/notes/etago
<input> I ♡ you, but you're bringing me down - http://meowni.ca/posts/a-story-about-input/
why SVG animation is far superior to animated GIFs: sarasoueidan.com/blog/svg-vs-gi…
There's more to HTML escaping than &, <, >, and " ttzn.co/1TB0rvc
HTML5 Mastery: Encoding - code.tutsplus.com/tutorials/html…
HTML5 Mastery: Fragments - webdesign.tutsplus.com/tutorials/html…
HTML5 Mastery: Tree Traversal - code.tutsplus.com/tutorials/html…
HTML5 Mastery: DOM Mutations - code.tutsplus.com/tutorials/html…
Email designers, be prepared for Outlook 2016. emailonacid.com/blog/article/e…
200+ event handlers supported by modern browsers: bit.ly/1OfiIh9

CSS

CSS Fix for iOS vh-unit Bug - webdesignerwall.com/tutorials/css-…
Motion along path in CSS - css-tricks.com/motion-along-p…
a generator for nested border radii in CSS. joshnh.com/tools/get-your…
how to build a 3D animated atom with CSS. subvisual.co/blog/posts/62-…
Newton meets CSS youtu.be/MXMlTOnZSvo
Pure CSS 3d Perspective Render codepen.io/rgg/pen/dPQmZa…
use font-size: calc(4vw + 4vh + 2vmin) for flexible responsive typography. codepen.io/CrocoDillon/pe…
cool effects with CSS element() - iamvdo.me/en/blog/css-el…
If you cache CSS (you should), you'll need to break that cache when you update it. - css-tricks.com/strategies-for…
8(bit hover effect - brightbrightgreat.com/2015/08/11/how…
Not Your Daddy's Links Highlighting - nikolay.rocks/2015-08-12-not…
the history of css - youtu.be/iniwPUEbPUM
How to deal with :hover on touch screen devices - prowebdesign.ro/how-to-deal-wi…
Why Do We Have `repeating-linear-gradient` Anyway? - css-tricks.com/why-do-we-have…
Safari on iOS9 has a media query bug - reddit.com/r/web_design/c…
fancy stuff done with <input type=range> css-tricks.com/custom-interac…
How I Live-Coded My Most-Hearted Pen - css-tricks.com/how-i-live-cod…
Intro to CSS 3D transforms - desandro.github.io/3dtransforms/
CSS Emoji Toggles - css-tricks.com/emoji-toggles/
Things To Avoid When Writing CSS - medium.com/@Heydon/things…
CSS mistakes - wiki.csswg.org/ideas/mistakes
Lea Verou: The Missing Slice - youtu.be/eVnUDTtOLE0?li…
How to animate "box-shadow" with silky smooth performance (with a pseudo-element) - tobiasahlin.com/blog/how-to-an…
Sudoku logic with the checkbox hack - - codepen.io/TabAtkins/pen/…
Flexbox Froggy: A game for learning CSS flexbox - flexboxfroggy.com
Seriously, Don’t Use Icon Fonts - blog.cloudfour.com/seriously-dont…
Answer: Seriously, use icon fonts: benfrain.com/seriously-use-…
why native CSS variables are a game-changer: twitter.com/philwalton/sta…
CSS protips - github.com/AllThingsSmitt…
TIP: Offset an element vertically by its *width*: transform: rotate(90deg) translateX(100%) rotate(-90deg);
TIP: IE9 doesn't support "transform:scale(x)", but IE10+ in IE9 emulation mode does. Fix: use "-ms-transform: scale(x)"
Fun fact: One character can have two fonts. Example: é, if your first font has an e but no ´ and the second has a combining ´

JS

New Regular Expression Features in ECMAScript 6: 2ality.com/2015/07/regexp…
The Verge's unacceptable performance, forcing users to download 7MB of JavaScript - blog.lmorchard.com/2015/07/22/the…
Hack Physics and JavaScript (part 1) - codepen.io/rachsmith/blog…
Hack Physics and JavaScript (part 2) - codepen.io/rachsmith/blog…
Hack Physics and JavaScript (part 3) - codepen.io/rachsmith/blog…
backdooring your javascript using minifier bugs - zyan.scripts.mit.edu/blog/backdoori…
querySelectorAll from an element probably doesn't do what you think it does - lvh.io/posts/querysel…
Say you want to display a time in the visitor's local time zone... css-tricks.com/localizing-tim…
mq.js - DOM manipulation in less than 200b. - github.com/wylst/mq
Checklist for your new Open Source JavaScript Project - ericdouglas.github.io/2015/09/27/che…
Related: The struggles of publishing a JavaScript library - nolanlawson.com/2015/10/19/the…
The best Regex Trick (TL;DR: /"abc"|(abc)/ only matches abc if it has no quotes around) - rexegg.com/regex-best-tri…
The ECMAScript spec is now developed on GitHub (instead of in a Word document): tc39.github.io/ecma262/
How ECMAScript 6 Handles Holes in Arrays: 2ality.com/2015/09/holes-…
IFRAME contentWindow is null - davidwalsh.name/iframe-content…
Android can return touch end with a timestamp *before* touch start - github.com/facebook/react…
ES6 arrow functions don’t have lexical this binding, they just have no this at all! blog.getify.com/arrow-this/
Content-aware image cropping with JavaScript. - github.com/jwagner/smartc…
A Large-scale Study of the Use of Eval in JavaScript Applications - the.gregor.institute/papers/ecoop20…
Microm (mic to MP3 in pure JS) - zzarcon.github.io/microm/
Closures are not magic - renderedtext.com/blog/2015/11/1…
smartcrop.js - 29a.ch/2014/04/03/sma…
What Does !-- Do in JavaScript? stackoverflow.com/q/34323527/3951
Stop Writing Loops and Start Thinking with Maps: sitepoint.com/quick-tip-stop…
Fun: JavaScript "Dates" allow you to overflow months/days and it'll just "handle it." +new Date(2015, 13, 1) === +new Date(2016, 1, 1)
Fun: Negative ranges are fine as well. +new Date(2015, -1, 1) === +new Date(2014, 11, 1)

Web Dev

The Accessibility Cheatsheet. bitsofco.de/2015/the-acces…
How to actually ship software that actually works - mir.aculo.us/2015/08/25/how…
The technology behind preview photos code.facebook.com/posts/99125254…
The Link That Can Crash Chrome: http://a/%%30%30 - youtu.be/0fw5Cyh21TE
The messiness of typography: medium.com/designing-medi…
How to use those whitespace characters smashingmagazine.com/2015/10/space-…
Front-end Handbook - frontendmasters.gitbooks.io/front-end-hand…
I'm personally responsible for every bug on every website - css-tricks.com/im-personally-…
Common MySQL Queries artfulsoftware.com/infotree/queri…
How Not To Run an Open Source Projec - github.com/eslint/eslint/…
Why 1000 == 1000 Returns False, but 100 == 100 Returns True in Java? - dzone.com/articles
Free HTTPS certificates (now in public beta) - letsencrypt.org/?live /why-1…
GPU text rendering in webkit - keithclark.co.uk/articles/gpu-t…
An in-Depth Look at CORS - sitepoint.com/an-in-depth-lo…
Every way that a Web page can make a request -- and leak sensitive data. github.com/cure53/HTTPLea…
XSS through XSS filters. bit.ly/1JiB1ML
Detecting AdBlock without an extra HTTP overhead christianheilmann.com/2015/12/25/det…

Design

WebGL Cel Shaded Trefoil Knot :: codepen.io/thomcc/details…
Yakudoo - http://codepen.io/Yakudoo/pens/tags/?selected_tag=threejs
Breakpoint Tester shows you ALL breakpoints in your responsive design at once, and is NEAT: breakpointtester.com
How to fold a Julia Fractal acko.net/blog/how-to-fo…
Some morphing search input codepen.io/pixelass/pen/P…
Scroll drawing - css-tricks.com/scroll-drawing/
La mécanique des vagues, esthétique et pragmatique du GIF animé (FR) - veraicona.hypotheses.org/546
Elastic Progress - tympanus.net/codrops/2015/0…
The 1,000-Year GIF - hyperallergic.com/237627/the-100…
Apollonius’ Problem II - bl.ocks.org/mbostock/7115f…
flowmap-style river rendering in shadertoy - shadertoy.com/view/Xl2XRW
All 24-bit RGB colours in one animation - swarbrickjones.wordpress.com/2015/09/11/all…
Random Astonished Face Generator: codepen.io/sketchbrook/pe…
BMW i8 in WebGL playcanv.as/p/RqJJ9oU9?ove…
Fixing the UX of hyperlinks - medium.com/@nashvail/fixi…
A Shazam-like button that morphs into a music player - tympanus.net/codrops/2015/1…
interactive SVG pen - s.codepen.io/sdras/debug/zv…
A cool scrolling Mapbox GL JS example - https://www.mapbox.com/mapbox-gl-js/example/scroll-fly-to/ …
Invader's on shadertoy - shadertoy.com/view/MsjGRt
Interactive email: animated frappes and smoothies (CSS - Webkit) - pretamanger.createsend1.com/t/ViewEmail/r/…
CSS-only Colorful Calendar Concept. Indeed looks pretty amazing. codepen.io/davidkpiano/pe…
Why the history of maths is also the history of art - theguardian.com/science/alexs-…
Analog clocks combined to a big digital clock. vimeo.com/60491636 / humanssince1982.com
Fractal Gears - brm.io/gears/
never reach - codepen.io/ge1doot/detail…
The best icon is a text label - thomasbyttebier.be/blog/the-best-…

Code golfing

Live-coding with demo-scene legend p01 - youtube.com/watch?v=16oLi1…
Tweet-sized tic-tac-toe game: rawgit.com/aemkei/tic-tac…
Code Golf at Google - blog.zmxv.com/2015/07/code-g…
How I Built TinyMusic.js - medium.com/@kevincennis/h…
Tweet-sized style disabler: news.ycombinator.com/item?id=9895931
And mine (extra dirty): news.ycombinator.com/item?id=9896912
BLCK4777 the 1kb intro in HTML5 - p01.org/releases/BLCK4…
Animated Dragon Fractal in 32 Bytes (MSDOS) - reddit.com/r/tinycode/com…
The bitter rivalry behind the world’s smallest chess program - kernelmag.dailydot.com/issue-sections…
Megapole : a 256-byte intro - reddit.com/r/tinycode/com…
A JavaScript Modules Manager That Fits in a Tweet - bfontaine.net/blog/2015/10/2…
Chess move compression - triplehappy.wordpress.com/2015/10/26/che…
Toledo Atomchess: Chess game in 456 bytes of x86 machine code. - reddit.com/r/tinycode/com…
How the Google logo was golfed down to 146 bytes - clicktorelease.com/blog/svg-googl…
Decyphering the Business Card Raytracer - fabiensanglard.net/rayTracing_bac…
Code calligrams talk by @aemkei - youtube.com/watch?v=-QZSJx…
"beep" is lighter with an oscillator than with a base64 wav: gist.github.com/xem/670dec8e70…
Unexplored areas in Data Compression - medium.com/@duhroach/unex…
Compressor Head: cool videos about compression - youtu.be/Eb7rzMxHyOk?li…
Why aren’t your Images using Chroma-Subsampling? - calendar.perfplanet.com/2015 /why-arent…
MozJpeg with Chroma subsampling controls - imageoptim.com/mozjpeg/

Geek

8 Earth years = 13 Venus years - pic.twitter.com/12QY1UuBVv
Potato paradox - en.wikipedia.org/wiki/Potato_pa…
The number 3608528850368400786036725 - blog.republicofmath.com/the-number-360…
Spot the unsubscribe (link)! - lea.verou.me/2015/07/spot-t…
Trigrad by ruarai - ruarai.github.io/Trigrad/
No one expect command execution ! 0x90909090.blogspot.com/2015/07/no-one…
1/999999999999999999999998999999999999999999999999 = Fibonacci - news.ycombinator.com/item?id=9815839
Super fast cameras - m.curiosity.com/paths/super-fa…
"Hello everybody.. I'm doing a (free) operating system.. just a hobby" - Linus Torvalds, 1991 groups.google.com/forum/#!origin…
Mastering CHIP-8 - mattmik.com/chip8.html
The maths behind RSA - sevko.io/articles/rsa/
New pentagon tile - theguardian.com/science/alexs-…
Distributing files via DNS - cambus.net/distributing-f…
Visual Introduction to Machine Learning - r2d3.us/visual-intro-t…
The Banach–Tarski Paradox - youtu.be/s86-Z-CbaHA
Dark corners of Unicode eev.ee/blog/2015/09/1…
“Unicode: A story of corruption, connection, and smiling poo” - medium.com/@maggieshafer/…
All Unicode in XML - unicode.org/Public/8.0.0/u…
Introducing Brotli: a new compression algorithm for the internet - google-opensource.blogspot.fr/2015/09/introd…
"Electricity is easy: just imagine it like a piece of art by Escher" pic.twitter.com/2nnZK3wkPK
How angles are measured in radians, visually explained. pic.twitter.com/kbUYohksBr
The Hardest Program I've Ever Written - journal.stuffwithstuff.com/2015/09/08/the…
Exploring Voronoi polygons, Delaunay triangles, and circumcircles bl.ocks.org/zanarmstrong/b…
Understanding bruteforce - cr.yp.to/snuffle/brutef…
Quantum factorization of 56153 with only 4 qubits - arxiv.org/pdf/1411.6758v…
Visualizing Map Distortions http://bl.ocks.org/enjalot/bd552e711b8325c64729 …
When monospace fonts aren't: The Unicode character width nightmare - denisbider.blogspot.com/2015/09/when-m…
Annotated Realtime Raytracing - tinycranes.com/blog/2015/05/a…
You can't see your eye's movements - https://en.wikipedia.org/wiki/Saccadic_masking
Biggest image in the smallest space bamsoftware.com/hacks/deflate.…
The Mathematical Surprises of Triangles, Squares and Pentagons - blogs.scientificamerican.com/guest-blog/mar…
Copy-Pasting URLs from Google Search can Leak Previous Searches - medium.com/@jeremyrubin/c…
Crazily fast hashing with carry-less multiplications - lemire.me/blog/2015/10/2…
Why is “U+” used as prefix to denote a Unicode codepoint? - stackoverflow.com/a/8891122/1131…
Visualization of a complex function, whose nulls are located at all primes on the real axis - bit.ly/1EFKlHg
The Life of ¶: The History of the Paragraph - printmag.com/in-print/histo…
Awesome / Extreme code points - github.com/Codepoints/awe…
Would UTF-8 be able to support an alien language? - programmers.stackexchange.com/q/303438/28098
Understanding e ^ pi i = -1 - youtube.com/watch?v=F_0yfv…
Complex Derivatives and e^x - youtube.com/watch?v=1rVHLZ…
A nice Quaternions explanation - youtube.com/watch?v=4mXL75…
A never-released NES game with polygonal 3D and voices, and a ton of content. - twitter.com/HelloMrKearns/…
The Math Behind the Rolling Shutter Phenomenon - petapixel.com/2014/10/13/mat…
"Vm0wd2Qy..." is its own base64 encoding - xlogicx.net/?p=383
50'000€ Prize for Compressing Human Knowledge - prize.hutter1.net
Why is there no character for ‘superscript q’ in Unicode? - quora.com/Why-is-there-n…
The Hardest Puzzle You'll Ever See,and the Secret You Need to Solve It - nautil.us/issue/30/ident…
8-bit number to binary string (C/C++), the hard way - gynvael.coldwind.pl/n/c_cpp_number…
Z algorithm - ivanyu.me/blog/2013/10/1…
Don’t use non-ASCII characters in HTTP Basic Auth stackoverflow.com/a/1825824/1131…
Oh Unicode, Why Are You So Frustrating?” thegrumpyprogrammer.com/2014/08/oh-uni…
SQL Joins - bit.ly/1NK6i0l
Random hack: translate in bulk using Google Sheets. pic.twitter.com/FZjw7xvCJL
Calculating integer factorials in constant time - blogs.msdn.microsoft.com/oldnewthing/20…
Where do all the bytes come from? - medium.com/@duhroach/wher…
Bypassing GRUB2 password by pressing backspace 28 times hmarco.org/bugs/CVE-2015-…
Hacking the PS4: cturt.github.io/ps4.html - cturt.github.io/ps4-2.html - cturt.github.io/ps4-3.html
If m is not a perfect square, sqrt(m) is irrational - fermatslibrary.com/s/irrationalit…

Fun

Edge - pic.twitter.com/ZIGhiy4qJz
Github drama about writing "retard" in a commit message: github.com/nixxquality/We…
How to Charge $1,000 for Absolutely Nothing - priceonomics.com/how-to-charge-…
Tweeted Love - youtu.be/On4v2zQ7K5k
Unicode - pic.twitter.com/QrZ7hdbMQ3
How vehicles work in Fallout3 - pic.twitter.com/biw3c3ASJZ
Why does 2+ 40 equal 42? - http://stackoverflow.com/questions/31507143/why-does-2-40-equal-42
THERE IS NO GAME - newgrounds.com/portal/view/65…
Best paper ever - scs.stanford.edu/~dm/home/paper…
evil code - gist.github.com/aras-p/6224951
Facebook released its new video player. In JavaScript. pic.twitter.com/Gx5BZTKWMB
comment on r/programming discussing how the bloated Facebook iOS app has over 18,000 classes - pic.twitter.com/kEm4bQIcOS
Teaching CSS - bleonard.com/blog/2015/08/0…
Amazon’s $23,698,655.93 book about flies - michaeleisen.org/blog/?p=358
"Feeling useless" like a hanging ethernet cable - clientsfromhell.net/post/129569026…
Living with Bullshit - bradfrost.com/blog/post/livi…
Playing with post offices - meversusanpost.tumblr.com
To Scale: The Solar System - https://vimeo.com/139407849
Client testing the demo in front of me - lesjoiesducode.fr/post/128765594…
Thesis: How to eat 4/9 of a pizza - arxiv.org/pdf/0812.2870v…
Programming large software - pic.twitter.com/HjlXDi1YnC
When clients insist upon IE8 support - pic.twitter.com/UtpeKMtwkX
Reinfenting the checkbox at 1and1 - twitter.com/zemoko/status/…
Is it Pokemon or Big Data ? - pixelastic.github.io/pokemonorbigda…
Hacker scripts - github.com/NARKOZ/hacker-…
I don't think I'll ever even again - github.com/wycats/javascr…
How a trading XML API bug can lead to 28k tons of coal delivered at your door - thedailywtf.com/articles/Speci…
Who's on JavaScript? – bronzehedwick.github.io/code/2015/10/2…
Pensées d'un branleur (FR) - https://lejournaldemoi.wordpress.com/2015/12/19/pensees-dun-branleur/
The 10 Most Entertaining Stackoverflow Questions Of All Time - tutorialzine.com/2015/12/the-10…
5-line code review vs 5000-line code review vine.co/v/izTTL6eljJr
Modern web development in a nutshell - twitter.com/brad_frost/sta…
Er, thank you for the suggestion GitHub? - pic.twitter.com/TRzqzYHWXf
When you fix a bug in production. pic.twitter.com/GmO4AOjDFC
Guardian sub makes small typo and accidentally loses all his income. pic.twitter.com/E9BeON4xKw
Mathematicians are insane. Q.E.D. pic.twitter.com/OqbJAokBTg
Battlefield 4 has the most epic easter egg ever - youtu.be/JuuzmOXL1bc
The Library of Babel has been turned into an endless virtual space you can explore bit.ly/1Odx17U
Fun fact: A tweet can't start with "D."
Fun quote: "I've set the wedding date. I've not asked her out yet."---how software projects are managed.
Fun quote: "I'm just sayin', everyone that confuses correlation with causation eventually ends up dead."
Fun quote: "the first stage of deployment is denial"
Fun quote: "Java, write once, run everywhere. Keep running. Oh god, it's catching up. Run faster."
Fun quote: "A programmer goes out to get some dry cleaning. His wife told him, "While you're out, pick up some milk". He never came home"
Fun quote: "The web platform has always had two solutions to every problem: the deprecated one you shouldn't use and the one that's not yet ready."
Fun quote: "unicode still has no tombstone codepoint so here’s a grave: À"
Fun achievement: Ron Gilbert liked my XKCD joke - pic.twitter.com/1Y28QzmUVa

January - June 2015

Great websites

Great videos

Pokémon plays Twitch: How a robot got IRC running on an unmodified SNES - link
Joel Turnbull: All This Useless Beauty | JSConf.au 2014 - link
Martin Kleppe: The Art of Less - JSConf.Asia 2014 - link
Super Mario World Credits Warp Explained - link
"I READ ALL THE W3C SPECS" - link
Discovery: 4kb demo - link

HTML/SVG

Fluid Text Inputs - link
So what if we load a SVG spritemap via Ajax? (Wider browser support while preserving caching). link
Crazy valid HTML class names - link
Half the world use either a period or comma as their decimal separator. Does HTML5’s input type="number" care? link
Nesting A elements: workaround: link
HTML6 proposal for "single-page apps without JavaScript" causes uproar - link
Numeric Inputs: A Comparison of Browser Defaults - link
Probably Use initial-scale=1 - link
Outlook on Windows10 still uses Word HTML renderer, and it's bad - link
"Falling in love with forms" - link
Form Inputs: The Browser Support Issue You Didn’t Know You Had - link
TIP: On screenreaders, dataURI images with no alt are read as "src="data:image/gif;base64," followed by hundreds of characters

CSS

Simple CSS-Only Row and Column Highlighting link
Cutting out the inner part of an element using clip-path link
Code Snippet: Placing Items on a Circle link
Flexible CSS cover images - link
Width of the scrollbar = calc(100vw - 100%) - link
CSS preserve-3d workaround on IE10: do it manually - link
CSS4: Get ready for 4- and 8-digit hex colors, with alpha channel hex colors - link
What's new in CSS Selectors 4 - link
"fit-content" - link
Why the :visited Pseudo-class is Strange - link ( you can only set a color to it)
(Ab)using CSS3's :nth-child selector to invent new ones - link
CSS Motion Blur Experiment - link
Accidental CSS Resets link
Using helvetica with fallback fonts fails on Windows - link
@font-face - link
Scrolljacking about to happen in CSS: link
what base size do em-based media queries use? - link
I like how percentage background-position works - link
Just use pixels - link
More Control over Text Decoration - link
While you weren’t looking, object-fit was implemented by all browsers except IE - link
Responsive Tables in Pure CSS - link
How do you prevent line numbers in a code snippet from being selected/copied to clipboard?
A CSS-only solution:link
Loading CSS without blocking render - link
What you should know about collapsing margins link
How to vertically center a clipped image with CSS — link
Adders & logic gates in pure CSS - link
at-document regexp demo, Firefox only: link
CSS property for preserving pixels when scaling up images: link
Aligning Icons and Text - link
Min/max font-size is getting added to the CSS spec - link
Viewport sized typography with minimum and maximum sizes link
Conical gradients, today! - link
CSS conic-gradient() polyfill - link
Copy & Paste & The Web - link
TIP: Firefox doesn't allow using 0 without unit in transitions, like "transition: all 0 1s" or "transition: all 1s 0"
TIP: even a 64-bit browser will not stack over z-index: 2147483647

JS

2D transformation matrix implementation for JavaScript - link
intercooler.js: Simple AJAX using HTML attributes - link
Only on Firefox, middle click and right click trigger a click event. (event.which = 2 or 3, respectively)
STUN IP Address requests for WebRTC (how to get local and public IP in JS) - link
Webkit: Goodbye "undefined is not a function". Hello "foo.bar is not a function" link
variables/scopes in ES6 link
The JavaScript Modulo Bug - link
love hate relationship with js ;) - link
Get an Absolute URL with JavaScript - link
JavaScript variable names in ECMAScript 6, and what changed compared to ES5: link
asynchronous magic in Firefox link
Everyone has JavaScript, right? - link?
on IE focusin / focusout - link
What happens when you exceed the quota limit in a browser’s localStorage? All browsers except IE throw an error. link
JS deobfuscation - link
iOS 8 insidious length bug breaks jQuery and Underscore object iteration - link
Revisiting :Visited (using localstorage) - link
Everybody loves Javascript, isn't it? link
On a few things you may not know about the hellish command key and javascript events - link
TIP: firefox for Android doesn't trigger onkeydown, onkeypress and onkeyup when you type text in an input. Only the oninput event.
TIP: don't put a Youtube embed video and an input type=search in the same page. Video won't play on iOS
TIP: console.time("foo"); /* do stuff */ console.timeEnd("foo");
TIP: track remote erors with Google Analytics:
window.onerror = function (error, url, line) { ga('send', 'exception', { exDescription: url + "#" + line + ": " + error }); };
TIP: test() has an internal "g" counter: var regexp = /a/gi; var test = 'bah'; regexp.test(test); /* => true */ regexp.test(test); /* => false */
TIP: Nodejs doesn't support string as a `setTimeout` argument.

Web dev, programming, unicode, fractals, compression, geeky stuff

Flash of Faux Text: still more on Font Loading - link
GifW00t!: pure JS Gif recorder - link
Device Fatigue - link
Over It - link
Browser Strangeness - link
How 3D is faked in old (and less ond) video games - link
Decoding UTF-8 with Parser Combinators - link
A turing machine whose tape is implemented with just two numbers - link
Recover a gzipped HTML response from the browser cache - link
Path Tracing 3D Fractals - link
Collision detection - link
Super Resolution From a Single Image - link
Malicious PNGs: What You See Is Not All You Get! - link
New blog post: Understanding Miegakure, and the 4D as Parallel Universes (featuring glorious 60fps video screenshots) link
THIS IS JUST THE BEGINNING OF WHAT WE CAN DO ON THE SUPER NINTENDO - link
Detecting and exploiting path-relative stylesheet import (PRSSI) vulnerabilities - link
Invisible Click Tracking using Unicode zero-width characters - link
Bypassing Windows’ 10 Protections using a Single Bit - link
Computer Arithmetic Tragedies - link
Inventing Favicon.ico - link
Injecting Porn with Google Analytics - link
Virtual Nose Could Help Battle VR Sickness - link
RedHat Bug 1202858 - "restarting the proxy results in deleting all files in hard-drive" - link
Computer Color is Broken - link
Planets in the Fourth Dimension - link
I Can Text You A Pile of Poo, But I Can’t Write My Name - link
The sad state of matrix transforms - link
Very simple formula for fractal patterns - link
Truely infinite fractal link
The $5000 Compression Challenge - link
Large post with many demos on raycasting a 2.5d world link
An inch-long universal text encoder - link
I made an NES emulator. Here’s what I learned about the original Nintendo. - link
Unicode is Kind of Insane - link
Unicode 9 will include SELFIE, FACE PALM, SHRUG, and BACON emoji. link
"Invisible Code" by aemkei: link
2D Camera Systems: link
Weird equalities in PHP - link
What Every Programmer Absolutely, Positively Needs to Know About Encodings and Character Sets to Work With Text - link
How did game developers pack entire games into so little memory 25 years ago? - link
Making Crash Bandicoot - link
finally the full story behind that creepy squirrel-slug - link
35 percent of developers "don't have time to test" - link

Design/Inspiration

Simple, flexible folded corner with 2 lines of CSS: link
Zero element loading animations - link
Now ask your front-end developer to code you something like this link
The golden ratio has spawned a beautiful new curve: the Harriss spiral - link
Pure CSS icons - link
modal closing - link
A simple 3D plane hover effect using CSS3 transformation. Impressive! link
Animated Text Fills - link
The Gooey Effect link
Fractal Visualizations: Explorable Iterated Function Systems link
Journey to the Centre of the Earth (nice scrolly page) - link
Dublin Bus timetable boards use a Japanese あ character to denote disabled access. link
Awesome 3D/scroll page - link
Printing a wall-sized world map - link
CSS mac - link
Ramjet makes one DOM element capable of transforming into another, no matter where the two elements sit in the DOM - link
Explore how compositional flow and rhythm leads the eye through a design. link
SVG rocket - link link
Designing For Explicit Choice - link
WebGLyfish - link

Fun

Having Fun With CSS3: Spinning Newspapers link
Fun with line-height! - link link
"Mom Itunes" - link link
When someone sends you a bug - link
HTTP status ranges - link
North Korea’s Naenara Web Browser: It’s Weirder Than We Thought - link
Github issue: the lead developer was found dead in his car - link
a mashup between JavaScript's truthyness table and the Game of Life: link
Sans Bullshit Sans - link
URL art - link
how to spot a web designer: link
One Man’s Quest to Rid Wikipedia of Exactly One Grammatical Mistake - link
Single-Tag Website - link
How innovation is killed. - link
every stackoverflow question link
WTFJS: The Hungry Variable link
CSS space shooter - link
When the server crashes during my lunch break - link
NES Graphics - link
Worlds longest password. link
The 'Everything' Formula - link
WipEout in WebGL - link More info - link
SnakeVR - link
Fucking Fuck the Fucking Web - link
Did I ever mention that I fucking hate the fucking web ? - link
A microblog hosted in DNS TXT records - link
Assembler: the game - link

Code-golfing / Demoscene

What is Code “Golf”? link
Maze Generation In... Ten Bytes - link
Computer chess created in 487 bytes, breaks 32-year-old record - link
Dirty hacky 1k colors on CGA explained, an extraordinary article! - link
64k demo - link
TIP: undefined => 9b. void 0 => 6b. "".a => 4b

July - December 2014

Great websites

Great videos

Google I/O 2014 videos - link
Martin Kleppe's talk: Minified JavaScript Craziness - link.
Must-watch videos about javascript - link
3.14 things I didn’t know about CSS - link
Monster Audio-Visual demos in a TCP packet” link
Parallax performance. It can be done. - CSSConf: link
“The Joys of Static Memory Javascript” - link
The ServiceWorker is coming, look busy | JSConf EU 2014 - link
Douglas Crockford’s presentation on old and new JavaScript features is a must-see. link
== ? === ??? - link
Mathias Buus Madsen: Javascript... Torrents... and Mad Science! - link
How GZIP compression works | JSConf EU 2014 - link
Do You Know What a Fragment Shader Can Do? Learn how linkworks by watching this brilliant presentation link
The Humane Representation of Thought: a trail map for the 21st century. - link

HTML/SVG

Scrollable IFRAMEs on iPhone and iPad - link
Understanding link Coordinate Systems & Transformations - link
any image larger than 4096px in width will not show on any mobile browser link
In the middle with <center> - link
Why attributes in the DOM are such a hopeless mess: link
Flexbox Composer - link
SVG pattern generator - link
Using SVG to shrink your PNGs - link
The illustrated difference between <script>, <script async> & <script defer> link link
Modifying SVG Background Fills - link
Bruce Lawson: Why is viewport in a meta tag? - link
Everything You Need to Know About HTML's 'pre' Element - link
An Introduction To The HTML5 History API - link
HTML-first - link
XNG: GIFs, but better, and also magical - link
Why and how I ditched icon fonts in favor of inline SVG - link
How SVG Fragment Identifiers Work - link
So this is how DOM came to be and all the little nasty things we have to keep in mind when using it. link
You can put an iframe in a button. link
→ Click on the iframe bubbles to the button (except on IE);
→ Scroll/select is possible in the iframe (except on Firefox)

CSS

Giving Animations Life - link
Responsive Line Height - link
Fixed Table Layouts - link
3D CSS Typography (on webkit) - link
CSS4 colors specs, with things like #rgba, #rrggbbaa, purplish blue, hwb(h,w,b,α), grey(g,α), device-cmyk(c,m,y,k,α), color(red h(+10%) s(-10%) l(+5%) w(+10%) b(-10%) tint(80%) shade(80%) blend(blue 10%) blenda(green 20%) contrast(80%)) - link
Agile Css3 Engine - link
Jonathan Snook: CSS is a Mess - link
Great technique to get responsive equal height blocks: link
A CSS-only way to style native selects everywhere. - link
a subtle parallax effect to a slider (swipe.js) using nothing but CSS - link
Inner rounded corners (“scoop”) with only one gradient - link
Finding/Fixing Unintended Body Overflow - link
Inheriting box-sizing Probably Slightly Better Best-Practice link
Authoring Critical Above-the-Fold CSS - link
Automating CSS animations with Sass - link
Hacks for dealing with CSS specificity - link
Image comparison slider with pure CSS - link
CSS Triggers - link
Responsive, Fluid-Width, Variable-Item Navigation with CSS - link
how to load non-critical CSS asynchronously. link
A Guide to CSS Declarations for Web Design in Simplified Chinese. link
The First CSS Variable: currentColor link
You Can Do That With CSS? - link
Create a zoomable user interface with CSS transforms - link
CSS ::first-letter is crazy - link
CSS "position: sticky": Introduction and Polyfills - link
One Weird Cross-Browser Trick to Baseline-Align Text - link (tl;dr: use line-height: 0)
Starting CSS Animations Mid-Way - link
Must Watch Videos And Presentations On CSS - link
Centering in CSS: A Complete Guide link
AM: Attribute Modules for CSS - link
Computing CSS matrix3d transforms - link
The cost of implementing responsive web design later - link
Using background-clip for transparent borders link
All You Need To Know About link Vertical-Align. link
cross-browser (even IE9) solution for link underlines in a different color - link
Better link-face with Font Load Events - link
A Collection of CSS3 Animated Pre-loaders - link
Invert Colors Using CSS (webkit) - link
CSS image-rendering: pixelated - link
How Nesting 3D Transformed Elements Works by link link
CSSplot - link
Inverse trigonometric functions with Sass - link
CSS last-line: Controlling Widows & Orphans - link
How To Create CSS Gradient Border Colors - link
Static interpolation via paused CSS animations - link
Shape Blobbing in CSS - link(chrome)
Using background-blend-mode to recolor an image (eg, cupcake frosting): link Original: link
Styling And Animating SVGs With CSS - link
Make full screen sections with 1 line of CSS link(spoiler: height=100vh)
quoting font names in css makes no difference, neither does the case link
Also, the font family name needs to be less than 32 characters in IE: link
Notes on draft CSS “alt” property - link
Styling Cross-Browser Compatible Range Inputs with CSS link
Creating 3D worlds with HTML and CSS - link
Fun Times with CSS Counters link
Furtive CSS - link
Layout Math with CSS: Understanding calc - link
On Windows, by default, two 50vw wide elements don’t fit next to each other when scroll bar is present. Fix: link
Featherweight CSS3 3D engine link link(like link)
Big, Beautiful Dropcaps with CSS initial-letter: n; - link
Smart underlines - link
On link, the rules "img { ... }" also target area tags - link
CSS variables in media queries - link(needs Firefox)
Fix 'jumping scrollbar' issue using only CSS - link
CSS Riddle: reverse ellipsis - link
Reverse order of elements with CSS - link
grad, rad, turn: Alternative Units for CSS3 Rotation Transforms - link

JS

Button.click: The functionality exists but only native implementation seem to be able to use it - link
Auto polyfiller - link
A Double Pendulum in fewer than 100 lines of JavaScript: link
XDomain: A pure JavaScript CORS alternative - link
Cash: A tiny library that absracts some pain points when working with native Javascript and DOM. - link
18 Surprises From Reading jQuery's Source Code - link
The HTML5 drag and drop disaster - link
Advanced JS - link
ES6 gave birth to a new acronym — BLFD (block-level function decl.). Previously unspec'd but widely "implemented" link
Everything you always wanted to know about Unicode-aware regular expressions in ES6: link
URL Standard & API - link
Capture your desktop with Vanilla JavaScript (in Chrome): link
Access Custom CSS Properties with JavaScript - link
Introducing the Screen Orientation API - link
Hoisting - link
JavaScript hacks explained - link
Get Real Image Height and Width Dimensions - link
onchange vs. oninput for Range Sliders - link
Do you know JavaScript errors that could happen - link
Visualizing hex bytes with Unicode emoji - link
On the Awesomeness of fn.displayName: link
Cross-site scripting in millions of web sites (because of jQuery) - link
Every Possible Way to Define a JavaScript Function: link
Decimal.js - link
Fake operator overloading in JavaScript - link
Demystifying JavaScript Variable Scope and Hoisting - link
JavaScript can now lock the screen orientation (Chrome 38+):
→ screen.orientation.lock( 'landscape' );
→ screen.orientation.lock( 'portrait' );
Get selected text with JavaScript: event.selection = window.getSelection() - link
JavaScript Madness: Keyboard Events - link
Canvas Browser-Specific Quirks - link

Web dev, programming, geeky stuff

What Every Frontend Developer Should Know About Webpage Rendering - link
Pixels are expensive - link
Any binary SWF file can be converted to one composed of alphanumeric characters only. That’s a security problem: link & link
Web Font Browser Bugs - link
Optimising for 60fps everywhere - link
Google Noto Fonts: free fonts covering all languages! - link
The Subtle Magic Behind Why the Bootstrap 3 Grid Works - link
Matrices cheat-sheet - link
Applying Alpha Channels to JPGs - link
Now mobile IE's user agent includes "Android", "iPhone", "AppleWebKit", "Mobile Safari", "Gecko" - link
Why 1946-02-14 12:34:56 can be considered to be the epoch of file systems: link
Turn (almost) any Console Program into a GUI application with one line - link
Why You Should Listen to the Customer - link
Git lifesaver flowchart - link
If the IP address 127.0.53.53 appears in your server logs, you have a DNS name collision problem. link
alias fuck='sudo $(history -p \!\!)' link
Run ImageOptim, ImageAlpha & JPEGmini together on the command line link
Turn dynamic websites into APIs - link
a 108 byte CSS Layout Debugger: link
Hacking with DNS: link
This is HUSLey, the simplest library offering a human-friendly HSL color representation preserving lightness — link
Serverless WebRTC using QR codes - link
Plaintext password storage PHP detection: set password to 0x1234Ab and login with 1193131 - link
RESTful API and a Web Site in the Same URL - link
Unicode poster - link
I � Unicode (pdf) - link
magic constant 0x5f3759df - link
Perf fail: LG G Watch's 54MB RWD - link
Mozilla releases a browser dedicated to web dev link
Stop Putting AUTO_INCREMENT IDs in URLs - link
Understanding Fast Inverse Sqrt the Easy(ish) Way! ~ link
~199 slides on Front-end Tooling Workflows - link
Bidirectional text in Unicode - link
Pi (π) explained visually - link
Browser Rounding and Fractional Pixels - link
urlencode: When to encode space to plus (+) or %20 ? - Stack Overflow link
Apostrophe encoding and XSS in modern browsers - link
301 Redirects: The Horror That Cannot Be Uncached - link
A pixel is not a pixel is not a pixel - link
Line drawing on a grid - link

Design/Inspiration

Notification Styles Inspiration - link
Creative Loading Effects - link
Responsive Logos - link
Inspiring slider: link
3D Object Manipulation in a Single Photograph using Stock 3D Models - link
Pure CSS parallax scrolling websites <3 link
CSS 3D bending effect for a page flip. link
pure CSS twisting cubes demo link
RubiCSS cube - link
Pure CSS Tic-Tac-Toe - link
Chromatic triangle - link
Recusrive drawing - link
Fourier Image Filtering - link
Map Glyphs - link
Cool CSS Loading Effects for Grid Images link
Glitch Effect on Text / Images / SVG link
Bezier clock - link
Analog version - link
Scroll-Then-Fix Content link
CSS blend mode experiment - link
The Ultimate Guide To iPhone Resolutions - link
draGGradients - link
Would you like fries with that? - link
Golden-layout - link
Visual idiot - link
Threejs photo editor - link
A WebGL-powered photoshop app - link
A JS animated font - link
awesome bunch of experiments link
Cute password field focus effect - link
Avoid the spinner, and provide skeletons in your UIs instead.” link
how to create an icon font with link. Part 1: Creating an ASCII icon font. link
This is some insanely cool parallax/scrolljacking stuff. link
Blackout is a beautiful cinematic experience done purely in CSS - link
Digital Chladni Patterns - link Demo: link
FreeType Glyph Conventions - link
Motion experiments by Michael Villar - link
A (very comprehensive) designer's guide to DPI. link
What colour is it? - link
CSS-only Calendar App Concept (Chrome only) - link

Fun

Designing Characters with Box Shadow - https:// link
WebGL Particles - link
lol, programming. link
The Simpsons in CSS: link
This is why you need to test edge use cases in your designs. link
You stole my images and now you’re going to die (or: How to prevent screenshots in a web browser) - link
five.js - link
Rendering Worlds With Two Triangles - link
How recursion got into programming: a comedy of errors - link
Software security. link link
Blink has a strange concept of circles… (or: Why an accuracy of 1px is not enough) link
Lol => link
you can style elements based on their inline style: link
A JPEG that becomes a PNG after AES encryption and a PDF after 3DES decryption - link
WebGL Fluid Experiment - link
The Bézier Game - link
The Artist - link
3D Gif Viewer - link
A Game of life engine in pure CSS - link
JavaScript spider, - link link
Here's a chart of Windows version numbering chronologically, in case you're lost. link
XSS as a service link
Pocket Art Director link
A hugely enjoyable interactive WebGL music video experience - link (use arrows and mouse)
A complex 16-Level XSS Challenge - link
"The Scrollwheel" - link
Pixel art with HTML & Unicode... - link
Pixel art with basic HTML & CSS... - link
I've got a really good idea for Google : link
Calculus (with pics and gifs) - link
Visualizing hex bytes with Unicode emoji - link
Love & Privacy_Settings - link
QR code art - link
damn it, javascript link
We are all "Jose"s link
WTFJS: localstorage - link
imagejs link
Lol => link
Unicode Toys - link
Awesome github bugfix comment page - link

Code-golfing

JedSchmidt and friends: goooooal! - link
Subzey, AdrienGueret and me: Tired of typing your email in forms everyday? We made a bookmark for that: link
Subzey and me: a JS shortcut serve a raw github html file with rawgit: location.host="http://cdn.rawgit.com"
Me on CGSE: Rock around the clock - link
Me on CGSE: Invent your own Unicode 7.0.0 encoding (as efficient as possible) link
Me on CGSE: Pixel-art, episode 1: display Super Mario link
Me on CGSE: Pixel art, episode 2: Display the map 1-1 of Super Mario Bros link
Me: tiny app that logs the binary content of files dropped in the browser. also works for multiple files! - link
AddyOsmani: CSS Layout Debugger now 82 bytes! link
Aemkei: Save data as a file with a given name link
GTA in your browser IN 13 KILOBYTES, with destructible terrain link
Misantronic: a space invader game in less than 512 Bytes of JS link
Subzey: base64→utf8 decoder: function(s){return decodeURIComponent(escape(atob(s)))}
Aemkei: A snow animation in < 140b: link
Subzey: Greets card (in 512 bytes): link

January - June 2014

Great sites

Tips, tricks, discoveries

A bookmarklet to get a raw github file served with the right headers: location.host="http://cdn.rawgit.com"
In JS, 999999e300 becomes 9.99999e+305, but 999999e304 becomes Infinity.
You should listen both oninput and onchange on <input type=range> elements if you want to get all the slider's changes in real time on all browsers.
Firefox is currently the only modern browser that doesn't do any antialiasing on CSS3D transformations - xem.github.io/mode7/
A JS quine in 36b: (function q(){return "("+q+")()"})()
An ES6 quine in 22b: (q=i=>"(q="+q+")()")()
In CSS, min-width is unbeatable. Even if you set "min-width: 90%; width: 50%!important; max-width: 10%!important;", the real width will be 90%.

HTML

The HTML Landscape - link
What is the DOM? - link
Web Standards Killed the HTML Star – link
To close or not to close html tags - link
Interesting idea: grouping related classes in your markup, e.g. <div class="[ box promo-box ] sign-up">. link.
The (deprecated) elements of HTML - link
HTML JSON form submission (yay) - link

CSS

Boxes That Fill Height (Or More) (and Don't Squish) - link
CSS Normalize 3.0.0 - link
Neat HaCSS, or let's de-JS the Web a bit - link
What’s with putting the CSS in the head? - link
Selectors Level 4 - link
link More than anyone needs to know about word-break colon break-word. - link
CSS Regions Considered Harmful - link
5 Ways that CSS and JavaScript Interact That You May Not Know About - link
Boxed Into Corners: Shapes, Boxes, and Corner Radii - link
How radians work (gif) - link
Animating CSS Shapes with CSS Animations & Transitions - link
CSS Animation Tricks: State Jumping, Negative Delays, Animating Origin, and More - link
CSS3 Keyframes Animation Generator - link
Myth Busting: CSS Animations vs. JavaScript - link
Single Line Comments (//) in CSS - link
Flexible CSS cover images – link
Smooth state animations with animation-play-state - link
Hover.css: A collection of CSS3 powered hover effects - link
Amazing video: Stunning visuals with Maths and...no JavaScript? - link
Simple CSS Spinners - link
CSS perf (nice tip for the border-box reset) - link
CSS performance revisited: selectors, bloat and expensive styles - link
How to create horizontal scrolling using display:table-cell - link
My New Favorite Technique For Hiding Overflowing Text - link
Improving your site’s visual details: CSS3 text-align-last - link
Did you know? an inline elem's line height can't be smaller than its parent's line-height: link
Float Labels with CSS - link
Floated Label Pattern with CSS Only - link
Box-model and flow quirks - link
CSS performance test: Flexbox v CSS Table – Fight! - link
HTML is almost 100% responsive out of the box. These 247 bytes of css fix the 'almost' part - link
Popping Out of Hidden Overflow - link
Drop shadow for 2 elements preserving the intersection in CSS - link
CSS Gradients - link
stackicons: multicolor icon fonts - link
Basics of CSS Blend Modes - link
CSS Shapes 101 - link
Using backface-visibility and CSS Animations - link
CSS timing functions - link
CSS 3D Solar System - link
12 Little-Known CSS Facts - link
A nice, simple CSS technique using overflow: hidden: Skewed Hit Boxes with CSS Transforms. link
Stripes in CSS - link
CSS Vertical Text - link
Quick Tip: Solving the Equal Height Column Conundrum - link
Fixing Typography Inside of CSS 2-D Transforms - link
Natural Object-Rotation with CSS3 3D - link
nth-child and nth-of-type Tester - link
Pragmatic, simple CSS tooltip - JSFiddle link
7 Things You Didn't Know You Could Do with CSS - link
Ideas for Subtle Hover Effects - link
Smallest CSS values - link
Height equals width with pure CSS - link
Indentation and inline elements - link
How to make 2 opposite boxes wrap nicely - link
Create a Masked Background Effect With CSS - link

JS

PromiseJS - link
Promise To Use jQuery AJAX Correctly? - link
SVGMagic: Great jQuery SVG fallback plugin - link
jQuery or not ? link
All about WebGL at SFHTML5 (video starts at 13:22) - link
Tether (web page layouting) - link
scrollReveal.js - link
Args.js: Optional and Default Parameters for JavaScript - link
Fit.js: Fit things into other things - link
Understanding JavaScript's Function.prototype.bind - link
Trampolines in JavaScript - link
A Dive Into Plain JavaScript - link
Tracking the Insertion of Javascript Components into the DOM Tree - link
JS stacktraces. The good, the bad, and the ugly. - link
Evaluating JavaScript code via eval() and new Function() - link
IE11 crashes if you clear 5+ form fields - link
Cross Domain Canvas Images - link
Do you know how the following expression is different from normal eval()?(1, eval)('x')link
JavaScript for hackers - link
How to control what is copy-pasted to/from the clipboard in Chrome, Firefox and Safari - link
JavaScript Patterns - link
Promise Anti-patterns - link
Matter.js Physics Engine Demo - link
Sticker.js - link
JavaScript Promises ... In Wicked Detail - link
What are integers in JavaScript? - link
Choosing Vanilla JavaScript - link
JS sharp variables - link
Filesaver.js - link
Javascript Date API : you gotta be kidding me - link
Deferred document.write - link
Multiline strings in JavaScript - link
Objects and Privacy in Javascript - link
Creating type-safe properties with ECMAScript 6 proxies - link
you have ruined javascript - link
File System and JavaScript. Processing Files in Browser - link
All IE Objects Are Kinda Broken - link
The Birth & Death of JavaScript - link
SaveAs() polyfill - link
The maximum call stack size - link
Array.sort() should not be used to shuffle an array - link
Don't Make Javascript Equality Look Worse Than It Is - link
Checking Whether A Value Is An Integer in JavaScript:link
innerHTML vs appendNode vs DocumentFragment on mobile - link
The Curious Case of JavaScript NaN - link
No more JS frameworks - link
Faster reimplementations for several common builtin native JavaScript functions. - link
Date Fields, JavaScript, and the things that make me go crazy... - link
What (function (window, document, undefined) {})(window, document); really means - link
JSNice is a very impressive JavaScript deobfuscator. It even renames variables and parameters quite accurately. link

Web Dev

Use Subqueries to Count Distinct 50X Faster - link
L20n by Mozilla - link
SPDY & HTTP 2 - link
Introducing CodePlayer: watch your code like a movie - link
On-the-fly image manipulations secured with signed URLs - link
UTF-8 Everywhere - link
How to be a great front-end web developer - link
A follow up to obtaining 60fps scrolling performance - link
UCS vs UTF-8 as Internal String Encoding - link
Finally, somebody did the research I’ve been wishing for! Check unicode symbols support in different browsers/devices - link
Storing ASCII art in the DNS - link
PBKDF2+HMAC (SHA1) hash collisions explained - link
Extstyler: quickly add custom CSS and JavaScript to websites - link
IP Literals in URLs - link
a brief history of one line fixes - link
Stop Wasting Users' Time - link
Character Encodings For Modern Programmers - link
window.location.origin and Yahoo! Mail - link
"Are developers just stupid and lazy?" link
‘Hacking with Unicode’:link, Slides: link
Back Button Behavior on a Page With an iframe - link
List of common problems with HTML entity encoder/decoder scripts (especially when they’re written in JavaScript) - link
Capture your desktop with Vanilla JavaScript: JSCapture - link (chrome)
Plain Text Offenders ("Did you just email me back my own password?!") - link
webkit.js - link
In search of the perfect URL validation regex - link
Web Fundamentals - Google's new curated resource for building modern websites link
Philip Roberts' talk: Help, I'm stuck in an event-loop - link
Unicode v7.0.0 is now available! link
A Tale of Two Newlines: Carriage Returns, Line Feeds, and JavaScript Hair-Pulling - link
Great talk about Unicode & JS - link

Design

Designing for Easy Interaction - link
ASCII Flow Diagram Tool - link
link Bulletproof Accessible Icon Fonts - link
Hanging punctuation - link
All the Dashes in Web Typography: link
Sidebar Transitions - link
Spaces. Lots of empty spaces. link
Give realistic UI feedback on :active - link
PSD CSS extraction - link (for chrome)
Authentication: Don’t be Clever - link
A pretty colorpicker - link

Fun

Build with Chrome (3D legos in the browser) - link
IE7 users, we need to talk… - link
The Letter-Heads - link;
Donut math: how donut.c works - link
Personality Core 01: URL Lengthener - link
Best answer to a pull request ever - link
Gameboy (full CSS) - link
History of rounded corners - link
Sony: be moved (impressive scroll&parralax page!) - link
bit manipulation puzzle - link
Pure CSS button - link
Pure CSS polyhedral expansion & reverse: rhombic dodecahedron to intermediate form to cuboctahedron - link
Appear.in: one-click webRTC video conversations - link
JavaScript Medley - link
Free radicals (CSS art) - link
WTF, HTML and CSS? link
Abusing relative URLs and CSS syntax is the new XSS:link
Circle, square, triangle, dolphin link
Implementing a web server in a single printf() call - link
2d Visibility - link
SIGHT & LIGHT: How to create 2D visibility/shadow effects for your game - link
WebGL experience for Ogreen - link
Pointless Image To CSS box-shadow Converter - link
CSS Pug - link
Stephen Wolfram's Introduction to the Wolfram Language - link
Going Into Detail - link
Great game where you have to hack JS to pass the levelslink
a 2048 clone in less than 500b of HTML & JS - link
Frosting Glass with CSS Filters - link
Learning to Love Complex Numbers - link
this matrix-effect demo is 7 *bytes*! link
when AES(?) = ? - link
WTF, forms? - link
"Is it possible to apply CSS to half of a character?" — Yes, it is: link
Great talk about collaborative digital art - link
JS Emulation library - link
Very funny (and philosophical) talk about Array sorting, JSconf 2014 - link
Buy your link here
Checkwave - link
Drew Petersen: Exploiting a Pocket Universe - link
A regex that can only match itself - link
Beating FLAC with libpng - link
EmpireJS 2014 videos - link
A first-person engine in 265 lines! link
Pulley Logic Gates - link
XSS-game - link

December 2013

CSS

Fluid scroll: link
How to target "retina" screen: link
A z-index bug? link
Position: absolute in a TD: link
What we may not know about z-index: link
CSS and 3D: link

JS

Fun with JS native array functions: link
JS hacks: link
JS's 18th birthday: link
Null and undefined: link
input.select(): link
JS functions: link
Make any API chainable: link

Web development

A cool HTML5 editor: link
Offline first: link
Ask permission or forgiveness? link
Why do arrays start at 0? link
Responsive hover: link

Design

A CSS sprite editor: link
A full CSS spinner (no HTML): link
Textured text: link

Fun

Sh** programmers write: link
When non-techies discover the dev tools: link
A 137-bytes christmas tree: link

November 2013

HTML

Bulletproof background images for HTML e-mails: link
Bulletproof buttons for HTML e-mails: link
Warning: IE11 in legacy mode doesn't support conditionnal comments properly: link

CSS

Flexbox cheat sheet: link
Video about CSS 3D: link
Video about checkboxes: link
Vertical percentages in CSS: link
Tetris & the power of CSS: link
Icon fonts set on non-characters crash IE8: link
Multiple background & tinted images: link
Clean CSS spinner: link
Soon, images will be able to fit their parents natively: link

JS

A library enabling cross-domain requests: link
An autocompleter for textareas: link
JS events can be namespaced (with jQuery): link
ES6 uncensored: link
21 traps of JS that are hard to remember: link
Bittorrent in the browser via WebRTC: link
Comparing JS "zeros": link
A super fast and light MVP framework: link
Sugar.js adds many useful functions to native objects: link
List.js allows to filter, order, etc, any HTML list or table: link
DynoSRC élimine les requêtes link
On ASM.js: link
Kinetic scrolling part 1: link
Kinetic scrolling part 2: link

Web development

Great documentation for the most used Web languages and libraries: link
What is the 300ms click delay exactly: link
Unknown HTML/CSS/JS hacks: link
A study about X-Frame-Options (web security): link
A guidelines generator: link
Stop doing this crap on your startup's website: link

Design

Dynamic PNG shadow: link
Focus: link
What screens want: link
Browsers logos: link
Pure CSS dashed shadows: link

Fun

Typographic game: link
Pure CSS game: link
The Hobbit (chrome experiment): link
A 295 bytes spreadsheet: link
2^19 particles in WebGL: link
Raytracing in 35 lines of JS: link
A pure CSS stopwatch: link
Front-end dev reactions: link
A Mac Plus in CSS: link
Texte filling with water in CSS: link
How to say fuck to IE: link
Video on 140byt.es and code golfing: link
Video on code golfing and webpages without HTML or CSS: link
The perfect website: link

novembre 2013

HTML

Des images de background robustes pour les e-mails HTML: lien
Des boutons robustes pour les e-mails HTML: lien
Attention: IE11 en lode legacy émule mal les commentaires conditionnels: lien

CSS

Tout savoir sur les flexbox: lien
Vidéo sur le CSS 3D: lien
Vidéo sur les checkbox: lien
Les pourcentages verticaux en CSS: lien
Tetris & la puissance du CSS: lien
Les icon fonts assignés à des non-caractères font bugger IE8: lien
Multiple background & image teintée: lien
Un spinner propre et tout en CSS: lien
Bientôt, les images pourront être resizées intelligemment par rapport à leur parent: lien

JS

Une librairie permettant de faire des requêtes cross-domain: lien
Un autocompleter qui fonctionne dans un textarea: lien
Les évènements JS peuvent avoir des namespaces (avec jQuery): lien
ES6 non-censuré: lien
21 subtilités de JS difficiles à retenir: lien
Comme je l'avais prédit, du bittorrent dans le navigateur avec WebRTC: lien
Comparaison entre tous les "zéros" en JS: lien
Un framework MVP super rapide et léger: lien
Sugar.js ajoute plein de fonctions utiles aux objets natifs: lien
List.js permet de filtrer, trier, etc, n'importe quelle liste ou tableau HTML: lien
DynoSRC élimine les requêtes lien
A propos d'ASM.js: lien
Scrolling cinétique part 1: lien
Scrolling cinétique part 2: lien

Développement Web

Une super documentation pour les langages et librairies web les plus répandus: lien
D'ou vient le délai de 300ms sur mobile: lien
Hacks HTML/CSS/JS méconnus: lien
Etude sur X-Frame-Options (sécurité web): lien
Un générateur de guidelines: lien
Arrêtez de faire n'importe quoi sur le site de votre start-up: lien

Design

Ombre de PNG dynamique: lien
Focus: lien
Ce que les écrans veulent: lien
Logos de browsers: lien
Des ombres hachurées en pur CSS: lien

Fun

Un jeu typographique: lien
Un jeu en pur CSS: lien
The Hobbit (chrome experiment): lien
Un tableur JS en 295 bytes: lien
2^19 particules en WebGL: lien
Du raytracing en 35 lignes de JS: lien
Un chrono en pur CSS: lien
Réactions de développeurs front-end: lien
Un Mac Plus en CSS: lien
Du texte qui se remplit d'eau en CSS: lien
Comment dire fuck à IE: lien
Vidéo sur 140byt.es et le code golfing: lien
Vidéo sur le code golfing et des techniques pour faire des pages web sans HTML ni CSS: lien
Le site web parfait: lien

October 2013

HTML

Do we have a cross-browser audio format yet? link
Floats and clears in HTML e-mails: link

CSS

A CSS animation showing how CSS triangles are made: link
How to make (rounded) trapezoïds in CSS: link
How to make a conical gradient in CSS: link
Firefox introduces the CSS rule "all: unset": link
CSS interview questions: link
CSS ribbon: link
How to make squircles (as in iOS7): link
Text-shadow examples: link
How to make responsive images in CSS: link

JS

Free e-book: JavaScript allongé: link
The JS console's API: link
JavaScript and Unicode: link
A great video explaining how numbers work in JS: link
Playing with avec bind, call and apply: link
The confusing comma: link

Web development

Google Web designer: link
A fullscreen slider: link
Unknown details of HTML, CSS, JS: link
Mix HTML5 and native code: link
Document 5% of your code: link
A handy tool to install each version of IE in a VM: link
Slides: automating your front-end workflow: link

Design

Responsive components (depending on their own size, not the browser's size): link
Show a box at the end of the scroll: link
Grid forms: link
A CSS generator looking like Photoshop: link
Get the color spectrum of a CSS file: link
Smart transitions in UXD: link

Fun

500 chrome experiments: link
Exploding a rhombic dodecahedron: link
Evolution of Apple mice in CSS: link
A sweet scroll-animation about fonts: link
Nice letter effects: link
Chrome logo in CSS (click to see how it's made): link

octobre 2013

HTML

A t'on enfin un format audio cross-browser? lien
Simuler des float et des clears dans des e-mails HTML: lien

CSS

Une animation CSS montrant comment sont faits les triangles CSS: lien
Comment faire des trapézoïdes (arrondis ou pas) en CSS: lien
Comment faire un gradient cônique en CSS: lien
Firefox introduit la règle CSS "all: unset": lien
Questions d'entretiens d'embauche en CSS: lien
Un ruban en CSS: lien
Des carrés arrondis comme sur iOS7: lien
Exemples de text-shadow: lien
Rendre des images responsive en CSS: lien

JS

L'e-book JavaScript allongé gratuit: lien
L'API de la console JS: lien
La gestion d'Unicode en JS: lien
Une vidéo géniale expliquant en détail le fonctionnement des nombres en JS: lien
Jouer avec bind, call et apply: lien
Le rôle de la virgule en JS: lien

Développement Web

Google Web designer: lien
Un slider en plein écran: lien
Des secrets méconnus en HTML, CSS, JS: lien
Mélanger HTML5 et code natif: lien
Documenter 5% de son code: lien
Installer une VM avec chaque IE facilement: lien
Slides: comment automatiser son workflow front-end: lien

Design

Des composants responsive (en fonction de leur propre taille et non celle du navigateur): lien
Afficher une boîte quand on a scrollé toute la page: lien
Des formulaires en forme de grilles: lien
Un générateur de CSS avec une interface à la Photoshop: lien
Afficher le spectre de couleurs à partir d'une CSS: lien
Transitions intelligentes en UXD: lien

Fun

500 chrome experiments: lien
Explosion de dodécaèdre rhombique: lien
L'évolution des souris Apple en CSS: lien
Une animation-scroll sur les fontes: lien
Des effets sympas sur des lettres: lien
Le logo de Chrome en CSS (cliquer dessus pour voir comment c'est fait): lien

September 2013

The site of the month

Amazing JavaScript experiments in less than 128, 256, 512, 1024 bytes: link

HTML

Semantic HTML: link
A complete guide on tables: link
A form generator: link
A favicon editor: link
Favicon cheat sheet: link

CSS

How to hide video controls in fullscreen: link
IE10 doesn't support CSS animations in media queries: link
Tips for scalable and modular CSS: link
Videos from CSSConf 2013: link
Another cool video from this conf: link
Master nth-child and nth-of-type: link
CSS lengths explained: link
A CSS3 generator: link

JS

A bookmarklet generator: link
The good way to defer the loading of a JS file: link
Controlling CSS animations with JS: link
JS object protection: link
A library helping to create websites easily: link
How JS strings are encoded: link
How to handle unicode with JS: link

Web development

A cool idea: write CSS with JS: link
A cool templating library: link
97 things a programmer must know: link
User agent sniffing: link
Image compression: link
Stop forcing me to subscribe: link
A JS CORS alternative: link
Change the favicon with JS: link
Peer-to-peer HTML5 to load Web pages faster: link
An unified API for all external data: link
A responsive embedded videos generator: link
MDN.io/anything: link
Post-modern programming: link
Negative captcha: link

Design

Smart quotes: link
Transitions between form elements: link
Beyond flat: link
Triple view layout: link
JavaScript for designers: link

Fun

A CSS conference intro, in CSS: link
Rain drops: link
JS Linux emulator: link
CSS Star Wars intro: link
World 1k: link
Pure CSS pixel art: link
Pure CSS full-text search: link
A CSS rule crashing IE8/9: link
iPhone-webcam - link
Falling: a game in the JS console: link
Video in the JS console: link
A cool shoes ad: link
Useless experiments: link
A CSS 3D engine: link
Hellorun: a HTML5 game: link
A JS physics engine: link

septembre 2013

Le site génial du mois

Des expériences JS impressionnantes en moins de 128, 256, 512, 1024 caractères: lien

HTML

Du HTML sémantique, bien pensé: lien
Un guide complet sur les TABLE: lien
Un générateur de formulaire: lien
Un éditeur de favicon: lien
Tout savoir sur les favicon: lien

CSS

Comment cacher les contrôles d'une vidéo en fullscreen: lien
IE10 ne supporte pas les animations CSS dans des media queries: lien
Conseils pour écrire du code CSS modulaire et scalable: lien
Vidéos CSSConf 2013: lien
Une autre vidéo de cette conférence, très sympa: lien
Maîtriser les nth-child et nth-of-type: lien
Les unités de longueurs CSS expliquées: lien
Un générateur de CSS3: lien

JS

Un générateur de bookmarklet: lien
La bonne façon de retarder l'inclusion d'un code JS: lien
Manipuler des animations CSS en JS: lien
Protection d'objets JS: lien
Une librairie pour créer des sites web facilement: lien
Comment sont encodées les chaînes en JS: lien
Comment interagir avec Unicode en JS: lien

Dev Web

Une idée: écrire son CSS en JS: lien
J'aime bien cette lib de templating JS: lien
97 choses qu'un programmeur doit savoir: lien
L'user agent sniffing: lien
La compression d'images: lien
Arretez de me demander de m'inscrire: lien
Une alternative au CORS, en JS: lien
Editer la favicon, en JS: lien
Du peer-to-peer HTML5 pour accélérer le chargement des pages Web: lien
Une librairie pour gérer toutes les données externes avec une API unifiée: lien
Un générateur de vidéos embeddées responsive: lien
MDN.io: lien
La programmation post-moderne: lien
Des captcha inversés: lien

Design

Smart quotes: lien
Des transitions entre chaque élément d'un formulaire: lien
Au-delà du flat: lien
Un layout à 3 vues intéressant: lien
JavaScript pour les designers: lien

Fun

L'intro d'une conférence CSS, entièrement écrite en CSS: lien
Des gouttes d'eau sur une vitre: lien
Un émulateur linux en JS: lien
L'intro de Star Wars en CSS: lien
Un bout de code JS de 1ko qui se highlight tout seul et qui dessine une terre animée à l'intérieur: lien
Du pixel art en pur CSS: lien
De la recherche full-text en CSS: lien
Une règle CSS qui plante IE8 et 9: lien
iPhone-webcam en HTML5 - lien
Un jeu dans la console: lien
Une vidéo dans la console: lien
Une pub pour des chaussures: lien
Des expériences sans intérêt: lien
Un moteur de rendu 3D en CSS: lien
Un jeu HTML5: lien
Un moteur physique en JS: lien

août 2013

Le site génial du mois

Hacking, maths et design: link

HTML

Le drag&drop en HTML5: link
L'élément "image": link
Du SVG avec fallback PNG très simplement: link
Les éléments ins, del et s: link
L'élément "progress" et comment le customiser: link

CSS

Bien gérer l'espace en bas des paragraphes dans des modules: link
Diverses façons de centrer (verticalement), parfois méconnues: link
Comment sélectionner une ligne dans une grille: link
Un footer glissant par en-dessous en pur CSS: link
Un menu circulaire très ingénieux en CSS: link
Des sélecteurs intelligents: link
Un éditeur d'objets 3D qui produit juste du CSS: link
Des transitions CSS de/vers la valeur "auto": link
Les exclusions CSS: link
Les formes et les régions CSS: link

JS

Les "if" peuvent aSee des labels: link
Le JS n'est peut-être pas "faiblement typé": link
Tous les objets JS sont "vrais", sauf un: link
Estimer le nombre de coeurs CPU disponibles en JS: link
Comment forcer webkit à "repeindre" la page: link
Comment protéger des objets en JS: link

Dev Web

Un client FTP dans le navigateur: link
Comment accélérer le rendu (SVG) dans le navigateur (avec des blagues) - link
Détecter et utiliser les timezones en JS: link
Les attaques "au pixel près" en HTML5: link
Un renommage de bouton qui a rapporté $300M - link
Du dessin multi-plans en SVG: link
Des cookies sans cookies: link
Les frameworks sont géniaux et personne n'est content: link
Un tunnel facile entre localhost et le web: link
Les sprites sont plus rapides que les Data URI sur mobile: link
Un raccourci vers Mozilla Developer Network: mdn.io - link

Design

Des effets CSS pour les liens: link
Un slider en 3D (CSS + JS): link
Les PNG peuvent être "avec perte": link
La rotation d'image (et toute la théorie derrière): link
Une grille responsive (CSS + JS): link
Taille de texte proportionnelle à la taille de l'élément (CSS + JS): link
Une progressbar nanoscopique: link
Un menu gélatineux: link
Un moteur de recherche de GIFs: link
Des effets 3D (WebGL): link
Retourner les éléments pour montrer un chargement (CSS + JS): link
Javascript pour les designers: link

Fun

Des excuses de développeurs: link
Ajouter une photo à chaque commit: link
Une ville en 100 lignes de js: link
Une ville en 256 bytes de js: link
Un écran simulé: link
Zoomquilt 2 en HTML5: link
Un effet de parallaxe à See sur tablette: link
Un jeu pour apprendre le HTML: link

juillet 2013

CSS

Utiliser l'unité "rem" sur tous les navigateurs grâce à SASS: link
Effekt.css: une collection d'effets optimisés pour les mobiles: link
Comment centrer verticalement des éléments dont la taille est en %: link
Un quiz sur les sélecteurs CSS: link
Quelques pièges du CSS démystifiés: link
Le code minimal nécessaire pour une transition css: link
Travailler avec le DOM fantôme: link
Bootstrap 3! link
Du responsive image à base de background CSS: link
Comment faire des ombres très longues: link

JS

Une vidéo géniale expliquant le modèle objet de JS: link
Un résumé bien complet du langage JS: link
Une présentation pour se plaindre du fait que le JS est partout: link
Tout saSee sur les arguments et paramètres de fonctions: link
Tout saSee sur les pires pièges du langage JS: link
Un système de classes avec héritage multiple: link
L'API HTML5 pour manipuler les classes css d'un élément: link
Un cours en ligne pour apprendre le WebGL: link
Un moyen verbeux de créer des regex: link

Développement Web en général

Comment se tenir à jour sur les technologies front-end: link
Mini-tutoriels: apprendre X en Y minutes: link
Refactoriser tout le temps: link
Comment faire une chackbox "remember me" sécurisée: link
Un avis intelligent sur le progressive enhancement: link
HTML5 ou natif? link
IE11 ne pourra plus être détecté par son user-agent comme les IE précédents: link
10 livres O'reilly gratuits: link
Les bases HTML/CSS pour faire une appli Firefox OS: link

Expériences intéressantes / fun

Du lancé de rayon 2D, très artistique: link
Des balles à l'aspect 3D en CSS: link
De la sculpture en WebGL: link
Des mots croisés à base de regex: link
Un simulateur d'erreurs HTTP: link

janvier à juin 2013

HTML

De nouvelles attaques XSS réalisées sans code JS ou PHP: link
Un article pour tout saSee sur les favicon: link
Passer de HTML4 à HTML5 n'est pas compliqué: link
A paraitre dans les futures specs HTML: des éléments custom: link
... et des importations de code HTML entre plusieurs documents: link
Comment faire des vidéos embeddées qui marchent partout: link
Un guide sur les e-mails en HTML: link
Et comment utiliser des images de background dans les e-mails HTML: link

CSS

Comprendre le contexte de formatage block en CSS (important, à connaître!): link
L'opacité a une influence sur l'empilement des éléments HTML. A z-index égal, une opacité moindre mettra l'élément en arrière plan: link
Guide sur la propriété CSS clip: link
Une super vidéo sur les animations en CSS: link
Une autre super vidéo sur les border-radius: link
Une autre super vidéo sur 10 secrets du CSS: link
Un guide complet sur les propriétés CSS utilisable dans les e-mails HTML: link
Une technique CSS pour aSee un effet de "float: down": link
Un spinner fait en pur CSS, avec un fallback GIF pour IE < 10: link
Un guide des meilleurs frameworks CSS, et les browsers, préprocesseurs et devices qu'ils supportent: link
Un switch comme dans iOS en pur CSS: link
Une alternative à <select> en pur CSS: link
... et un article qui dit que c'est mal: link
Un effet de languette à tirer en pur CSS: link
... et son making-of: link
Les bonnes pratiques d'une architecture CSS: link
Un super breadcrumb en CSS: link
Pure CSS, le framework CSS de Yahoo: link
Un générateur d'ombres en CSS3: link
Une solution pour charger les images d'une page Web juste avant qu'elles soient visibles, juste en CSS: link

JS

Une lib qui apporte le support de la touche "tab" dans les textarea HTML: link
Une vidéo sympa sur l'usage de l'unicode dans le code JS, et ses bizarreries: link
JSON.stringify() permet d'indenter le JSON généré: link
Pourquoi Google met while(1) au début de ses fichiers JSON: link
Une lib qui gère tous les gestures multi-touch: link
Vidéo: challenges sur les fonctions et les closures en JS : link
Vidéo sur les RegEx en JS : link
Il y a (étrangement) un opérateur void en javascript: link
Il ne faut jamais appeler une fonction javascript "remove()", car sur Chrome, si on fait <button onclick="remove()"></button>, lors du clic ça supprime le bouton sur Chrome au lieu d'appeler la fonction: link
Un guide sur les patterns JS: link
Un article qui explique tout sur les paramètres des fonctions en JS: link
Un outil pour See le code et les commentaires côte à côte (pratique pour étudier les sources de jQuery par exemple): link
Les erreurs "captain obvious" à éviter en JS: link
GSAP: une librairie d'animation impressionnante, qui marche même sur IE6: link
L'art d'inclure des scripts JS: link
Astuce: Pour copier une date en JS, ne pas faire : date2 = date1; Cela ne crée pas un nouvel objet date, mais juste une nouvelle référence pointant sur le même objet. Faire: date2 = new Date(date1.getTime());

Design

Un site très bien fait pour créer rapidement des wireframes de pages web: link
Un site qui permet d'uploader une maquette et permettre facilement aux gens de laisser leurs commentaires: link
Astuce: pour tester facilement différentes résolutions d'écran sur Firefox, faire Ctrl+Maj+M: link

Développement Web en général

Une check-list pour mener à bien un projet Web: link
Myth buster: Safari iOS n'a pas un cache limité à 25ko, mais plusieurs Mo: link
Comment perdre du poids... dans le navigateur: link
Prepros: une appli pour générer très facilement du HTML / CSS / JS depuis des formats préprocessés (HAML, LESS/SASS, CoffeeScript, etc...): link
La bible des références sur le dev front-end: link
Les injections SQL via les headers HTTP, une menace méconnue: link

Expériences intéressantes / fun

Des vidéos vectorielles pour bientôt: link
Comment Apple a créé un codec basé sur le JPEG pour sa page iPhone: link
Chrome Web Lab: link
Astuce: Besoin d'un bloc-notes jetable? Taper ceci dans la barre d'adresse de votre navigateur: data:text/html, <html contenteditable>
Un moyen de trouver la version d'IE en JS sans se baser sur l'user agent: link
Pourquoi "chucknorris" est une couleur valide en HTML: link
Une calculatrice en pur CSS: link
Un bateau de pirate en pur CSS: link
Un effet sympa avec des cubes et des survols, en pur CSS: link
Rêvons d'un monde sans back-end: link
Un jeu de PONG en CSS3 (à See sur chrome): link
Un autre jeu de PONG avec des popups: link
Des effets amusants basés sur le resize du navigateur: link
Un macbook air en CSS: link
Les bizarreries des arrays en JS: link
Des créatures en CSS: link
Le stockage côté client c'est dangereux: pour preuve, cette lib s'en sert pour remplir tout votre disque dur: link
Fait par moi: Une solution pour aSee du texte qui est centré quand il y en a peu, et aligné à gauche quand il y en a beaucoup, juste en css link

juillet à décembre 2012

HTML

L'histoire d'HTML5: link
Les iframes modernes: link
Plus de détails sur les iframes sandboxées: link
Les tableaux sont des incompris: link
Comment faire une application offline: link
Les promesses non tenues du HTML5: link
<div style="background:url("bg.jpg")"> bugge sur IE6 à 8 à cause des double quotes mal utilisées, mais pas sur IE > 8 en mode "vieux IE".

CSS

Installer les bons guillemets (et quelques autres détails) pour chaque langue: link
comment éviter le FOUT avec des fontes custom: link
Des images retina à base de sprites: link
Des vidéos responsive: link
Les valeurs extrêmes des spécificités des sélecteurs CSS: link
Position: fixed pour IE6: link
Aimons les détails chiants du CSS: link
Comment éviter que le background bave en dehors des border-radius: link
Détecter un double-clic en css: link
Comment forcer l'impression des backgrounds CSS: link
Un détecteur de mauvais code HTML, écrit en CSS: link
Des ellipses de texte en pur CSS (ie9+): link
SOLID CSS: link
Position: sticky: link
Il n'y a pas de CSS4. Le langage CSS évolue en niveaux: link
Grid responsive: link
Viewports et mobiles: link
Calculateur et analyseur de spécificité de règles css: link
Des responsive images avec du crop intelligent: link
Animations CSS avec une seule keyframe: link
Ce qui ne prend pas de place en CSS: link
Astuce: td { overflow: auto } fait crasher safari Mobile. Donc, on ne scrolle pas dans un TD.
Astuce: Avec le box model standard, div { width: 100%; padding: 40px; } /* déborde de 80px */ div { padding: 40px; } /* mesure bien 100% au total */
Astuce: <div><img></div> crée un espace sous l'image, qui n'est ni une marge ni un padding. Pour l'enlever, faire ceci: img { vertical-align: top; }
Astuce: Pour cacher du texte, utiliser text-indent: -9999px. font-size: 0 ou color: transparent ne marchent pas sur le browser par défaut d'Android.
Astuce: Si on met un élément flottant dans un td qui a vertical-align: middle, il restera en haut du td.

JS

La meilleure lib de coloration syntaxique HTML/CSS/JS: link
Attaque XSS en injectant du JS dans les nom des DNS: link
Arrêtez de faire du templating côté client: link
La galère des évènements de copier-coller en JS: link
Une présentation stylée de l'API jQuery: link
Un builder pour jQuery: link
La précision des nombres en JS: link
Vanilla JS, le framework ultime: link
Comment faire des screenshots en JS: link
Une lib pour faire des effets de parallaxe: link
Les types des nodeList et des select ne sont pas les mêmes dans Firefox et Chrome: link
Vidéo: l'histoire du JSON: link
Ne pas mettre new devant les types JS natifs: link
Rafraichir la page dès que le fichier CSS change: link
Mini lib pour des scrollbars custom: link
Des fonctions JS méconnues et qui marchent pourtant partout: link

Design

Des templates à imprimer pour conceSee des layout pour mobile: link
La lisibilité sur le Web: link
Un déflouteur d'images: link

Développement Web en général

Les vieux navigateurs retiennent le Web: link
Les règles de codage de chez Google: link
Comment bien écrire du PHP: link
Vidéo: ce qu'on ne sait pas sur l'internaute: link
Livre gratuit sur les apps Windows 8 en HTML5: link
Tout ce qu'IE a inventé: link
Article très complet sur le web pour écrans retina: link
Convertisseur de PNG en PNG8 compatibles IE6: link

Expériences intéressantes / fun

Une VM PHP en JS: link
Un simulateur d'ie6: link
Du JS dans de l'ADN: link
Un émulateur N64 en JS: link
WTF JS: link
WTF PHP: link
De la 3D sur n'importe quel site: link
Démo WebGL: link
Comment ne pas supporter IE avec style: link
Combien pouvez-vous citer d'éléments html5 en 5 minutes? link
Responsive URL: link
Un mini détecteur de week-end en JS: !![1,,,,,,1][new Date('3-Dec 2012').getDay()]

janvier à juin 2012

HTML

Les fonctionnalités HTML5 utilisables aujourd'hui: link
Toutes les APIs et fonctionnalités du HTML5: link
Mieux que les hacks IE: les classes conditionnelles: link
Les tags HTML5 et leur origine: link
Le media "print" est toujours mal supporté: link
Les e-mails HTML réinventés: link

CSS

Animation CSS basée sur un style inline: link
Comment faire des onglets arrondis vers le dehors: link
Mélanger attr() et calc(): link
Attention à la grosseur des fontes custom: link
Tout ce qu'IE supporte (ou pas) en CSS: link
Des bonnes idées de CSS à appliquer à tous les éléments par défaut: link
Comment donner une trajectoire de cercle à un élément: link
Comment superposer une div sur un select sur IE6: link
Un PNG fix IE6 en pur CSS: link
Un autre article sur le même sujet: link
Un convertisseur de transformations CSS3 en CSS qui marche sur IE: link
Une super présentation sur les dégradés en CSS3: link
Les propriétés CSS et leur origine: link
Des boutons 3D très sympas: link
Les espaces indésirables avec display: inline-block: link
Culture générale: les px en CSS ne sont pas des pixels: link
Comment utiliser background-attachment: local: link
Tout saSee sur les float: link
Réflexions sur la direction des animations css: link
Les flexbox CSS3: link
Indighez-vous! (contre les préfixes CSS): link
Position: fixed vs iOS: link
CSS: le chemin critique: link

JS

Zipper et dézipper en JS: link
Comment récupérer la valeur d'une transformation CSS en js: link
Une lib pour manipuler les couleurs: link
Il y a un -0 et un +0 en JS: link
Une librairie de templating transparente: link
Une lib pour gérer les raccourcis clavier: link
Vidéo sur les patterns et antipatterns JS: link
Une lib qui compresse le JSON: link
Vidéo: on peut écrire de gros projets JS, mais pas les maintnir: link

Design

Un éditeur SVG en ligne: link
Créer des planches de sprites (CSS) à la souris: link
Hacker le code d'une page web, puis partager ça avec d'autres: link

Développement Web en général

Framework HTML/CSS: link
13 clés de la livraison continue: link
Bug Safari desktop et mobile: si on fixe une height à une TD mais qu'une TD voisine l'élargit verticalement, quand on veut récupérer la height de la première TD, ça ne donne pas la height réelle mais celle qu'on a fixée: link
Les pires bigs d'IE: link
Tester une version d'un navigateur au choix en un clic: link
Un bug webkit où des span ne sont pas mis à jour, et un fix si ça vous arrive: link
Est-ce que le navigateur X supporte la fonctionnalité Y? link
Supporter IE c'est trop de travail: link
Débugger le CSS sur tous les navigateurs: link
Comment rendre un site compatible avec les écrans retina: link
Comment gérer les vieux browsers: link
Pourquoi arrêter d'écrire du bon code: link
Afficher une page PHP en plusieurs fois, avec des flush: link
Les pièges de la programmation en 64 bits: link

Expériences intéressantes / fun

Wat: link
Une sorte de CSS zen garden limité à 1kb: link
Un super effet CSS 3D basé sur le scroll (dans webkit): link
Dessin bitmap en pur CSS: link
Scènes 3D aléatoires en JS: link
Un iPhone 4 interactif en pur CSS: link
Des présentations de folie en JS: link
Comment crasher windows 7 64-bit avec un seul élément HTML: link
Magnifique flipbook en HTML5: link
Un système de vote avec des étoiles en CSS: link
Des cookies impossibles à supprimer: link
Arbre généalogique en CSS: link
Un générateur de background rayonnant: link
Un chrono en pur CSS: link
Reconnaissance de caractère via un dessin à la souris: link
Le framework HTML ultime: link
Des ombres comme en vrai: link
Faire du HTML5, c'est ça: link
Une lib JS pour tout niquer: link
Le boulot d'intégrateur HTML: link

2011

HTML

La bonne façon d'écrire des balises <script>: link
Les failles de sécurités apportées par HTML5 (présentation + video): link
Le DOM fantôme: link
Les formulaires dans les e-mails HTML: link
Attaque XSS en UTF-7: link
Un e-book très bien fait sur le HTML5: link
Les mauvaises utilisations des tags HTML: link
Des démos pour les nouveautés d'HTML5: link
IE8 pense que tous les th et td ont un colspan: link
Astuces du textarea: link
Le lorem ipsum du HTML: link
Comment styler un file input: link
A quoi ressemble du beau code html: link
Cheat sheet HTML5: link

CSS

Calculer la spécificité des sélecteurs CSS: link
Bien gérer les arrondis imbriqués: link
Les transitions CSS3: link
Divers styles de lignes horizontales: link
vidéo: 10 secrets du CSS3: link
Pas plus de 4095 règles css par feuille de style: link
Les effets CSS3 sur les vieux IE: link
Des styles sympas pour des boutons: link
Il existe des compteurs CSS depuis CSS2: link
Le centrage vertical: link
Des fontes custom pour tous les navigateurs: link
Un générateur de fontes dans tous les bons formats: link
Utilisation de caractères spéciaux en CSS: link
Les utilisations possibles du hack "checkbox": link
Le CSS supporté dans les e-mails HTML: link
Utiliser des transformations sur les images de background: link
Table ou display:table? link
Tout saSee sur hasLayout sur les vieux IE: link
Word-wrap pour tous les navigateurs: link
Position absolue par rapport à un parent en position relative: link
Attention aux images de 1x1px pour des effets de transparence sur IE: link
Un slideshow infini en pur CSS; link
Des listes avec plusieurs colonnes: link
Un hack "xxx" pour une CSS grid: link
Comment faire des colonnes de hauteur égale: link
Contour de texte: link
Tout ce que permettent de faire :before et :after; link
Ordre d'affichage des multiple backgrounds: link
Pourquoi les flottants ne se "clearent" pas tout seuls? link
Float, en détail: link
Des bordures qui ne changent pas les dimensions de l'élément: link
Comment rendre des éléments équidistants: link
Le positionnement en css: link
Sans Serif: link
Overflow et float: link
Comment parser du CSS: link

JS

Le meilleur tutoriel poru apprendre le JS: link
La différence entre contexte et scope en JS: link
Tout saSee sur onLoad et onDOMContentLoaded: link
Des règles de compilation JS spécifiques à IE: link
Générateur de chaîne aléatoire à partir d'une regex: link
Les fonctions auto-appelées: link
Des maths dans les animations en JS: link
JSHTML, pour afficher du HTML rangé dans des commentaires HTML - link
Comment mettre une bonne taille aux options des secelt sur IE < 9: link
Tous les polyfills HTML5 recencés par Modernizr: link
Fracs permet de saSee quelle partie d'un élément est visible: link
10 conseils de performance en JS: link
Installer jQuery (et d'autres) en un clic: link
10 bizarreries du JS: link

Développement Web en général

La vérité sur l'encodage utilisé dans les URL: link
Make the web faster: link
Pareil, mais chez Yahoo: link
Comment sont faits les GIF: link
Les bugs CSS de Firefox 3: link
Mon image palaceholder préféré: link
Un image placeholder plus complet: link
LiveReload, pour ne plus aSee à faire F5: link
Mais le client veut qu'on supporte IE6: link
Gestion des dates en PHP: link
Gestion du multi-touch sur le Web: link
Que supporte votre navigateur? link
Les 10 crimes ergonomiques: link
Le SSL a été hacké: link
L'AES aussi: link
Tests sur IE: link
Bonnes pratiques front-end: link
Le web expressif: link
Mais ça ne valide pas! link
PNG fix pour IE: link
Un syntax highlighter en ligne - pour ne pas le faire faire à JavaScript: link
L'iPad est le nouveau IE6: link
Les joies de la maintenance: link
10 pièges de MySQL: link

Expériences intéressantes / fun

Chrome experiments: link
Le logo Twitter en CSS: link
De l'eau réaliste en webGL: link
CSS dans la vraie vie: link
535 façons de recharger la page en JS: link
Utiliser du CSS sans aucun code HTML: link
Rome: un clip interactif: link
CSS c'est comme... link
L'histoire des user-agent: link
Text-align: center? link
Sauvons IE6: link