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. - linklink
  • 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. linklink
  • 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 linklink
  • 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 linklink
  • 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 linklink
  • 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 `&nbsp;` 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



HTML



CSS



JS



Web Dev



Design



Code golfing



Geek



Fun


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! - linklink
  • "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

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

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

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