Jamie Kosoy
Jamie Kosoy is an engineering manager, design engineer, full-stack developer, iOS developer, and creative coder.
Show:
Stripe
2024–present
This is my second tour at Stripe. I’m on the product side this time, building the Stripe Dashboard. The work is fascinating – it sits at the intersection of our design system and the core product.
What’s exciting is that it feels like we are making real, important software primitives. It’s the kind of work where you think as much about the right abstraction as the right pixel. I find that combination genuinely satisfying.
2026
- Archiving EverythingJun 16
- Rad interactive blog post on how mechanical watches work.
- TinyWind - Pixel Pirate Sailing. Great game, reminds me of Sid Meier’s Pirates!
- ASCILINE is a high-performance, cross-platform real-time ASCII video rendering engine.
- Firewood splitting simulation by Gavin Shapiro. Very zen.
- Migrating my vibe-coded apps from DreamerApr 20
- Gym Rat: The Notion DatabaseApr 15
- Blog update.Apr 14
2025
- Gym Rat, my Notion powered fitness app (that works on my TV!)Apr 5
- The original Grim Fandango Puzzle Doc is just so rich.
- What I learned coding X-Wing vs Tie Fighter
- 200 Points of Light Demo
- The original Diablo pitch doc was... something.
- The Making of Prince of Persia
- How the Street Fighter II logo works.
- Retroboy
- How’s your morale? How’s your bandwidth?Mar 15
- A manager is a custodian for the health of a team.Mar 10
- Time for something new.Mar 9
- Color cyling is one of my favorite effects ever.
- Chesterton's Fence
- Kintsugi is the art of repairing broken pottery.
- What if a single spreadsheet cell could hold multiple values at once?
- Stefania Druga is a researcher and educator who focuses on the intersection of AI and education.
Notion
2023–2024
I led Web Presence at Notion. Web Presence was a team of designers and engineers responsible for Notion.com. Our job was to push the brand forward through motion, interactivity, and thoughtful craft.
I was there for some pretty important ships, including Notion AI and Notion Calendar. We also redid the homepage (twice) and migrated the site from notion.so to notion.com.
2023
- I did it on purpose.Oct 5
- GitHub - Sparshith/create-twitter-lists: Script to add members in bulk to a twitter list
- Full Pages | Kelmscott Chaucer
- Radar/scan Figma tutorial
- Motionscribe
- `<input type="range">`
- EZPZ - Artistic & Studio Work of Jono
- Rubic cubey
- Summer Afternoon
- dnlsptzkIV - Home
- Primer component audit
- Reflections on Four Years at Notion
- Lusion
- Zach Liberman art installation
- Dora
- too long to tweet — Shamir Secret Sharing
- Color names for C++ projects. - Using Arduino / Displays - Arduino Forum
- GitHub - jvns/dig-pretty
- The Pygmalion effect - The Decision Lab
- Curves and Surfaces
- Pose Animator
- Number One in Formula One
- Boiler
- Jazz.Computer
- Building regular expressions with natural language
- Web Design in 4 minutes
- The Software Developer’s Library: A Treasure Trove of Books for People Who Love Code | by Eric Elliott | JavaScript Scene | Medium
- Woman Turns Fingernails Into MetroCard
- Johnny Slack
- Create and Compare Webpage Screenshots with Wraith
- Airport Codes
- Cubic Time! WebGL 3D clocks
- Did you know you can play games in PDF files?
- Functional, Huge 100x NES Controller Coffee Table : 11 Steps (with Pictures) - Instructables
- GitHub - chrislgarry/Apollo-11: Original Apollo 11 Guidance Computer (AGC) source code for the command and lunar modules.
- YAY CELEBRATE THINGS
- GitHub - unconed/shadergraph: Functional GLSL Linker
- Paint of Persia by dunin
- Squid Arms
- Using Lego as pixel art | Boing Boing
- GitHub - michelson/BigBroda: GoogleBig Query ActiveRecord Adapter & API client
- Interview with Alan Kay | Dr Dobb's
- VexFlow - HTML5 Music Engraving
- Your Spring Animations Are Bad (And It’s Probably Apple’s Fault) | by Mike Rundle | Medium
- GitHub - CreativeInquiry/ofxRobotArm: A collection of universal classes used for robotic arm control software
- Fully Functional 1KB Hard Drive in Vanilla Minecraft - Imgur
- ST NEWS 4.4 In Flagranti
- A Primer on Bézier Curves
- John Maeda: 3 Principles for Using Design Successfully - WSJ
- WOVNS: Woven textiles on demand
- Shapesplosions
- Making Music In A Browser: Recreating Theremin With JS And Web Audio API — Smashing Magazine
- MTCHMV. Exporting After Effects Camera Tracking… | by Jam3 | Medium
- evilpaul / simple-demo-framework — Bitbucket
- "glitchbird https://t.co/EgoQ7lcpCa" / X
- How the Commodore Amiga Powered Your Cable System in the '90s - Atlas Obscura
- Rebuilding Git in Ruby
- GitHub - nhalloran/liquidity.js: Data visualization library for depicting quantities as animated liquid blobs
- color-wander
- GitHub - danhett/fuckMySVGUp: If you need to fuck an SVG up, fuckMySVGUp will fuck your SVG up
- Let’s Stop Doing Research*. And get smarter about design. | by Erika Hall | Mule Design Studio | Medium
- I installed Windows 95 on my Apple Watch | by Nick Lee | Tendigi
- String & Loop: Generatively designed socks
- Adapter brings your own wireless gamepads to the NES | Engadget
- GitHub - satoshiiizuka/siggraph2016_colorization: Code for the paper 'Let there be Color!: Joint End-to-end Learning of Global and Local Image Priors for Automatic Image Colorization with Simultaneous Classification'.
- Particle Develop - HTML5 Vector Design Tool - ICS
- Seven Brief Lessons On Physics - Carlo Rovelli
- GitHub - Tonejs/Tone.js: A Web Audio framework for making interactive music in the browser.
- GitHub - bit101/gifloopcoder: HTML/JS Library/App for coding looping gif animations.
- GitHub - fogleman/nes: NES emulator written in Go.
- Textures.js
- GitHub - maierfelix/TXT2PNG: :mount_fuji: Store ASCII inside PNGs
- SculptGL - A WebGL sculpting app
- GitHub - mrdoob/texgen.js: JavaScript Texture Generator
- Predominantly
- US Open Sessions - Motion Demo
- Creating a Doom-style 3D engine in C
- Playing with Power on Vimeo
- GitHub - yaronn/blessed-contrib: Build terminal dashboards using ascii/ansi art and javascript
- homunculus Inc. | 株式会社ホムンクルス
- Wordmark - Helps you choose fonts!
- Quake on an oscilloscope
- Forget quadratic equations, play 'Super Smash Bros.' on your TI-83 | Engadget
- The Hypercard Legacy. Apple’s forgotten software gem was a… | by Jer Thorp | The Nextographer | Medium
- The Three Laws of Interaction Design | by Diógenes Brito | UX Collective
- More Disney! | by Benedikt Lehnert | Medium
- Paul figures out “Get Back”
Stripe
2018–2023
My first stint at Stripe was focused on stripe.com. I built the pages and systems that communicate what Stripe is and why it matters. I worked closely with brand and design to ship the most technically demanding website I’d been involved with in my career.
My team and I redesigned and rebuilt the site from the studs up, introduced a new content management system, and preserved Stripe’s reputation for craft & beauty throughout the process.
2022
- Great write up on the design.
- Art, technology and business in harmony. Cannot wait to watch this.
- How perfect is this? I’m thinking about extracting audio from the movie for additional quotes but I may also just do some recording with a proxy voice. Or if I get the courage ask Dianne Guerrero. (I looked her up on Cameo, no dice)
- This is the Mount Everest of parrots. Good inspiration for learning the 3D and physical components I’m most intimidated by.
- Morning management 🤔 I come from the “Andy Reid school of how to show up for your team”. Here’s Coach Reid after his team lost. Watch the first 35 seconds or so.
- The film strip on 30 for 30 was really tricky. A lot of prototyping with ffmpeg to make a “reel” of thumbnails. Tried to strike a balance of file size, quality, blur and performance at the time. Strips loaded as sequential JPGs, eg
- Fun trip down memory lane, too. Some good ones: h/t Dan Mall and Shane Mielke No guarantees on browser requirements - Chrome desktop seems to fly, which is good enough for me.
- Fun trip down memory lane, too. Some good ones: h/t Dan Mall and Shane Mielke No guarantees on browser requirements - Chrome desktop seems to fly, which is good enough for me.
2021
- This chapter reminded me -- "It's hard to know [...] it's employees perception that matters, not yours." Reminds me of Julie Zhou's simple manifesto on what management is all about.
- I googled "reviewing prs for managers" and I'm dismayed at the some of cold metrics suggested as a means to measure health. ❌ Measuring "# of comments". Who cares about comment velocity? ✅ PR quality, like what's cited here:
- I spent a lot of time playing TW2002. I was really bad at it. We hosted a BBS out of my older brothers room.
- RIP Eric Carle. The world is a little less colorful right now. 😭
- Should’ve gotten Krystle Mobayeni’s autograph while I had the chance
- This is a really good one.
- “I will briefly summarize the plot of Back to the Future II for you.”
- My advise on technicals? Something like this flow chart: Note that I’m talking about *the way* not *the challenge*.
2020
- If I know anything about systems, it’s that their complexity comes from lots of individual parts. Racism is a system. That’s why I applied to Code Cooperative. If I can help one person I can start to change the whole system.
- Yeah so I’m just going to spend the whole day on Shaderbooth.
2019
- I've never met you but I've been wanting to meet you forever... I've never done real work in shaders
- Scott Wiener seems to be single-handidly attempting to save California from itself. Glad to see the The New York Times gets it.
- Specialized and I did something similar. I think we wound up with something really special.
- Rollercoaster Tycoon was written in Assembly. Insane.
- I am not comfortable with this kind of hacking.
- Well that’ll do it for productivity for my da.
- Bonus vacation day to the person who generated that url slug.
2018
- 123wSajak & Farki
- Aquabats Apps Scripts IntegrationsAskwith & Co
- The Design Genome ProjectSuperFriendly
- 😱
- Right before I walked into an interview I brushed up using this: In retrospect I wish I had spent more time dusting flexbox chops off.
- The Design System Master Class. 😱😱😱
- 15 minutes of Luigi winning at Mary Party doing absolutely nothing. 😆
- Solid gold.
- Of course this is a thing.
- Got a chance to preview Smashing Magazine Book 6 - it's really got it all in there. Pretty sure each one of these chapters could just be retitled "How to get a job doing {X}”. Book #5 is also a tomb of wonders, you should definitely go buy them all.
- I’m reading up about SSR w Laravel and Vue and just 😞. The options seem to be 1. Run v8 inside of PHP. Which, to me, just means build the whole thing in JS to begin with. 2. Use which is just 😞 Frameworks shouldn’t work this way.
- This is probably my favorite 404 page I’ve ever built.
- The NYTimes / Bowie AR piece. 💯
- One thing I’m really proud of in the #DesignGenome Project is the different graphs documenting design hierarchies. Can you find them all?
- 😱
- I never get tired of reading about the TRON Legacy process.
- Air Lookout is super cool and this write up is 👍🏻
Arbitrary
2013–2018
Arbitrary was my own studio. It was a small creative technology practice for five years. My team partnered closely with design agencies on interactive work for brands, institutions, and cultural clients. We made installations, apps, websites, and things that didn’t have a clean category yet.
Running a studio teaches you everything: the work, the business, the client relationships, the late nights. I wouldn’t trade the experience for anything.
2017
- Adobe MAX InstallationOddfellows
- Bruth App PrototypesArbitrary
- GnomadArbitrary
- InnoTech Web Diploma CurriculumArbitrary
- No Kid HungryThe Label Collective
- On Camera Audiences SiteArbitrary
- The Cosmopolitan of Las VegasSuperFriendly
- The Criterion CollectionArbitrary
- Anxiety is a Part of the Process
- Oh man, I love stuff like this.
- The Making of Melody JamsSep 17
- My #CAMPFEST17 slides are now available online. Lots of YouTube videos, lots of process. Check it out!
- 👍🏻
- Still pretty broad. Maybe HYPE?
- Oh look, James put up his reel!
- GOAT Stack Overflow answer.
- Hook this up to a speech API and we're on our way to "Up".
- Feel like you'd appreciate this talk by Gene Kogan from last year's Eyeo.
- Just rediscovered one of my favorite tech blog posts ever:
- Just need to go buy a retro computer and I'm ready to fire up Tradewars again.
- Super cool! Reminds me of this thing.
- This concept is so good.
- get it before it's gone...
- It isn’t just me!
- Melody Jams in the Communication Arts interactive annual!
- I wrote some thoughts on productivity and anxiety for In. The. Machine..
- Brad Frost recommends prototyping article
Advised early-stage hardware startups at Bolt, a Boston-based hardware-focused venture fund and accelerator. Companies advised included SafeHub, a seismic sensor and catastrophe-risk startup.
Taught web development and interactive media at USFCA, focusing on the practical skills students need to build things on the real web.
2016
- Giant Gestures Photo SaverArbitrary
- Holiday JamsArbitrary
- Melody JamsArbitrary
- Oddfellows.tvArbitrary
- Strava.comArbitrary
- Walmart Grocery PrototypesThe Fathom & Draft
- Jazz Computer. Scroll to play.
- Yet another awesome Code Doodle.
- The Fallen of WW2.
- How to write unmaintainable code.
- Build RegEx with natural language.
- Ransomizer is a ransom note generator.
- Sick.
- Web Design in 4 Minutes.
- Duet: An Alexa Speaker by Shaun Kosoy.
- Oui is a data UI for javascript, and it looks awesome.
- This is an amazing hack.
- The Software Developers library.
- The quest to get a unique SNES cd-rom working again.
- Fingernail as metro card.
- A Snowden designed device to stop your phone from snitching on you.
- SVG to Symbol converter.
- Phoenix is a scriptable app manager written in JS.
- Why web design is losing its soul.
- CSS filter effects look fun!
- Jsdo.it
- Language evolution simulation.
- Super cool site.
- Wraith sounds pretty cool. Take screenshots and diff them.
- Caffe.js
- Facebook has a Swift SDK now.
- diff-so-fancy.
- asciinema
- Every airport code.
- Gun Deaths In America.
- Slither is so addicting.
- Cubic Time.
- A VR plugin for Sketch.
- "In C", performed by CodePen and Tone.js.
- Echoes of Bill Atkinson, who coded HyperCard (amongst others) and now is a photographer.
- Of course Don Eyles (Apollo 11 programmer) is a painter now, and of course he'd be painting stuff like this.
- Import and animate SVGs in Framer with this module.
- https://goo.gl/ywlQkq
- Soundcast. Cast audio from your Mac to a Chromecast.
- Designing a browser that isn't a browser.
- This is hilarious.
- Sega Saturn CD Cracked. Only took 20 years. Insane.
- A 3D printer for knitting.
- You Don't need JavaScript.
- A single div.
- Browse and search code on Github like a code editor.
- Stop serving the feedback sandwich.
- Awesome.
- Every fatal shooting in the US by a police officer, courtesy the Washington Post.
- The Apollo 11 guidance computer source code.
- Another awesome CodePen.
- Yay! Celebrate!
- Fluctuating repetition.
- Visualizing map projection distortion.
- Omnidirectional car wheels.
- Original pen plotter art by the amazin Nick Hardeman on sale now.
- Shadergraph.
- … ISS = 1?
- Note this is note the official waveform.
- This line of code seems important. (alternate title: Burn Baby Burn.)
- I hope hope hope
- NUMERO MYSTERIOSO!
- Neat trick for creating expandable code blocks in Markdown.
- Paint of Persia is a pixel art rotoscoping tool.
- Learn about font manifolds with this amazing interactive tool.
- The Incomplete City. Wow, awesome read.
- Squid Arms.
- Coding Rainbow is so awesome.
- So many great visualizations on the 2016 Election Forecast page.
- Lemmings Fridge Magnets. So good!
- Modern Design Tools: Using Real Data.
- Using Lego as pixel art.
- The engineering behind Snapchat's filters.
- A Ruby / Rails ActiveQuery adapter for Google Spreadsheets.
- The Johnny Five Inventor's Kit.
- https://goo.gl/h6PsvL
- The languages which almost became CSS.
- Malware that attacks a computers fans and transmits data through the gaps in the air. Whoa.
- Soulver helps you work things out.
- Chatbot as lawyer, overturning parking tickets left and right.
- Project Bloks, open hardware to teach kids to code.
- PS4 support for Swift.
- An Interview with Alan Kay.
- 7 problems growing design teams face.
- Ask A Designer
- Sweet.
- All about Spring Animations in iOS. And why they're off.
- Wow, Toon Cup is really, really good. This should be on a console.
- Check if your account data has been compromised with haveibeenpwned.
- The Polygon Shredder.
- The soldering challenge.
- Swiftz brings functional programming to Swift.
- mainstream.tv
- A Fully Functional 1KB Hard Drive in Vanilla Minecraft.
- Gray Scott Reaction Diffusion Model w/ Threejs and GLSL.
- Whooooooaaaaa.
- Beautiful.
- A primer on Bézier curves.
- The evolution of a NYTimes breaking news story.
- N-Chaosphere. Another awesome Code Doodle.
- iOS 10 HIG.
- All about the world's rarest colors.
- Meet Apple's youngest dev. She's 9.
- Game Dev Barbie carries C++ books, codes in ActionScript. Why Barbie why.
- Terminal :parrot:
- Love all the knowledge and tutorials coming out on deep learning like this one.
- SAVS. Super awesome stuff by James Hall and friends!
- Whooooaaaa.
- Three principles for using design successfully.
- console.frog("Cowsay?");
- 51 Sprints.
- Basic Neural Nets in the iOS API.
- WOVNS: Woven textiles on demand.
- Software and kindness and you.
- Octotree is a browser extension to show the code tree on GitHub.
- How a computer thinks about chess.
- Shapesplosions!
- Oculus Oedipus
- Proxy Observe is a polyfill for Object.observe.
- Recreating a theremin w JS and the web audio API.
- OMG MTCHMV. *dies* Soooooo good!! What an awesome prototype Jam3!
- Optically is a plugin for automated and mathematically precise optical adjustments in Sketch.
- Man. AnyPixel is so, so, so good.
- Another good Code Doodle. Totally love this site.
- Printing porcelain in 3D.
- Let's try something different: Adding zooming UI to legacy web sites.
- SDF - Simple Demo Framework from Evil Paul.
- Deep reinforcement learning: Pong from pixels.
- Nice Shader to PNG Sequence tool by Cale Bradbury.
- Vanilla List: The Vanilla JS Repository.
- Oooooooo Blendycam.
- Everything you need to know to use a Raspberry Pi as a kiosk terminal.
- Real world pong (and no it's not air hockey).
- Pay your way into the highscore with highscore.money.
- This is some seriously awesome debugging.
- Back when video game instructions were awesome.
- Flyover Country uses GPS to tell you what you're flying over.
- Copy & Paste Hero.
- Glitchbird.
- Can machines be creative?
- WebGL interactive canvas.
- Buy yourself a DDoS! Only $5!
- 50 rare arcade games on an old ship, and how some enthusiasts saved them.
- Click the color!
- Programming Fonts.
- SVG Crowbar is a Chrome specific bookmarklet that extracts SVG Nodes and downloads them as an SVG file.
- Zipasaurus exposes a friendly JSON interface for interacting with postal code data.
- Mathpix - Solve and graph math using pictures.
- The Amiga powered cable in the 90s.
- The default stylesheet for Chromium.
- HEAD is a collection of HTML head elements.
- Shan Shui in the world.
- Find the other side of the world.
- Swift Pattern Matching. Pretty crazy stuff.
- Displacement Image Transition. Awesome CodePen.
- True.
- Rebuilding Git in Ruby.
- Cling is an interactive C++ interpreter.
- Reverse engineering a mysterious UDP stream in a hotel.
- Machine Learning for Artists.
- The Teacher's Lunch Box. This isn't about code, but you should read it.
- Nah.cool.
- Why "her?" The case for a pronoun for a programmer.
- Super nice internet speed test.
- “We’re on TV! Internet TV” - James.
- This.
- DIY AR Music Kit. Create a musical experience w/ just a phone and paper.
- Natural language processing in JS is nlp.compromise.
- ArnoldC is a programming language based on Schwarzenegger quotes.
- Liquidity is a JS library to display data in animated blobby ways.
- This looks useful.
- Pre-Touch sensing is awesome for UX. Can't wait for this.
- WLPPR's imagery for your phone is just beautiful. Really breathtaking.
- OoooOooh.
- A 3D printed Raspberry Pi portable game system. Wow.
- James and I were interviewed by The Examiner about Melody Jams. I think we sound pretty smart!
- This is awesome. See the difference between open source licenses on this table.
- Color Wander. Beautiful.
- Eff my SVG Up! is a fun way to mess around with SVG assets.
- Runtime compiled c++ for Cinder.
- Kuula is so amazing! Like Instagram for 360 / VR.
- The case for evidence-based design.
- Melody Jams is featured by Apple, has tons of great press and is about to hit 100k downloads. Here's how we made it.
- Awesome photos of legacy computers. So beautiful.
- Obscure C++ features.
- Bloomberg's Error 404 page is so good!
- Some ❤️ for Melody Jams from The Toy Insider.
- Build web, mobile and IoT apps without servers.
- Artistic style transfer for videos.
- Generative art w NodeJs and Canvas.
- The SuperFriendly Apprenticeship program is an amazing thing.
- Whoa, Hear App.
- 15-Year-Old's 200 Vintage Apple Computers Are Now a Mac Museum.
- Atari was experimenting with VR in the 80s. Great read.
- Write barcodes in pure JS with bwip.
- Experiments in motion graphics.
- Installing Windows 95 on an Apple Watch.
- Eulogy for the NY Times R&D Lab.
- Programming for 8 bit Atari computers.
- This guy.
- Great illustration and animation.
- Geocities Forever.
- “Musical Game Melody Jams Turns Kids into Rock Stars.”
- Mapbox-gl-js.
- Human skin as input. Amazing.
- James got featured in Motionographer about Melody Jams. It’s a career milestone for him. Super proud of him.
- Looking forward to this. It'd be great to see SF start addressing it's problems for once. Feels like a good start.
- Generatively designed socks! So good!!
- Whoa, this adapter lets you use any wireless game pad on an NES.
- The Search for Our Missing Colors.
- youtube-dl is a command line app for downloading YouTube videos.
- 7 reasons to design @ 1x.
- Ever wanted to set up a public Slack? There's a one click install for it.
- This is awesome. Online voxel editor, soon you can make your own games online w it.
- ASCII Trail Code Doodle.
- Whoa, this portfolio is awesome.
- Remember when AR was hard to do? Here's a tutorial that shows you how far we've come.
- 5 mistakes to avoid when designing micro-interactions.
- Cool! Automatic coloring of grayscale images.
- Dead unit - a dead simple nesting unit testing module for JS.
- The case for slow programming.
- An HTML form elements rube goldberg machine.
- Here's a plugin to load Google Fonts into Sketch and Photoshop.
- HOLO 2 comes out 6/1.
- The -webkit prefix is going away.
- Here's an awesome resource on prepaid SIM cards w data. Great for travel.
- How JPG works.
- The ultimate 3D printing cheat sheet.
- Diffee is a tool for instant visual diffing.
- Stripe is hiring whole teams now.
- Postcards from Google Earth.
- Grafij.js is a library intended for learning about how image processing works.
- Being a developer after 40.
- Particle Develop is the design tool enabling the creation of particle graphics. Exports to SVG.
- Cool, now you can ship HDDs to Amazon and they'll get 'em on S3 for you.
- The virtual stereo camera rig.
- 8 megapixel Raspberry Pi cameras.
- Video game henchmen plan meetup around explosive barrels.
- 460 developers perceptions of Angular.
- Nuclear Legacy is a photo series of radiation at Chernobyl and Fukushima.
- The Engineer: A Lego sculpture.
- Watch Ink get made.
- Trial.js - Mouse Monitoring & Prediction.
- An Arduino shaped for a Double A battery.
- Sketch of three.js.
- A lap around Chakra Core, Microsoft's JS engine for Edge.
- Whoa.
- Getting started with the Terminal, Git and Node.
- Simulating the world in emoji.
- The humans hiding behind bots.
- Escape the shadow!
- Capture canvas animations with CCapture.
- This is cool. Like a documentation hack day.
- Scroll Anchoring might solve that page jumping feeling you get browsing the web.
- Cavalier Challenge by Your Majesty looks amazing!
- Seven Brief Lessons on Physics.
- Might have to give kite a shot.
- Voronoi diagrams on the GPU.
- Whitestorm is a framework for developing 3D apps with physics.
- Eyebeam open call for residency on power.
- Record and share your Command Line with asciinema.
- Trashloop.
- Mark Maker generates thousands of logos instantly.
- This is an awesome Raspberry Pi gameboy mod.
- This is pretty hilarious.
- CaptionBot.
- "...the faster the experiment, the more likely you are to try."
- WebUSB looks pretty interesting.
- THANK YOU FOR NOT YELLING ANYMORE.
- This is a great writeup on JS modules.
- In defense of web fonts.
- A brief history of the web by developers.
- Amazing, love this on mobile too.
- VR + Scuba Diving.
- The people and tech behind the Panama Papers.
- How to quickly foster empathy within a new team.
- CreativeAI.
- So, so good.
- Controlkit is a lightweight GUI and controller library in JS.
- Bit Bonkers is a bitcoin transaction visualization by Billfodl.
- The Textfile Directory.
- 50 spinners to use in the command line.
- This Porsche Black Box site is so beautiful.
- Play w electronic components in your browser with Circuit Simulator.
- Tone.js: A web audio framework for creating interactive music in the browser.
- There's good stuff coming to (vanilla) CSS.
- Mathics, a free lightweight alternative to Mathematica.
- Tetris Everywhere.
- Patched now, but this vulnerability in iMessage is super interesting.
- Makio & Floz: Blog about Art + Dev.
- 10 Quick Things About VR.
- The Magic Book project aims to be the easiest way to publish books for web and print.
- Pacman in a shader.
- You know about Floop Coder, right? Like Processing for GIFs.
- This is an awesome project for the kids.
- Oh man, Creative Tech Week looks awesome.
- BLARPI
- This is a good one. Codebrush by nocomputer.
- Coworking + Art incubation at Art-A-Hack. This is super cool. Applications are due 4/18, so get in there!
- Sketchpad: A simple sketchpad library.
- Video Equations: Colour Video Synthesizer.
- Love static website engines like Hugo.
- A voxel-based browser based recreation of the Legend of Zelda.
- Compile code into DNA. Give new functions to living cells.
- The Super Tiny Compiler.
- 8 Bit Generation.
- Starring the Computer: What computers were used in the movies.
- Making images byte by bytes in JS.
- Export Sketch assets straight to Swift or Objective-C with PaintCode.
- Houdini is like polyfilling CSS.
- This amazing active essay by Jack Schaedler explains GRAIL handwriting recognition.
- polyhedronisme: a tool to construct and explore polyhedra.
- Here's the full length trailer for Melody Jams by James Bartley. It's so great to work w/ awesome animators.
- Building an app that strikes a chord - @WnotW interviewed me and James about Melody Jams.
- Here's a snap of our second jam: The Big Show. Vocals in his one!
- Building an App that Strikes a Chord
- Watch Paint Dry is the story of hacking Steam via the JS console.
- 3D Web Fest 2016. Don't miss it!
- tldr: Use em for media queries.
- Microinteractions: The secret to great app design.
- fsql lets you use SQL syntax against flat files like CSV and JSON.
- SNES code injection -- Flappy Bird in Super Mario World.
- Networks Land explains how the Internet works. For ages 11-14, but works for anyone.
- Cool library with a super cool demo.
- A code of ethical conduct for VR.
- Fun with procedural content generation.
- This feels like something the Joker would do.
- CSS Art.
- Here's a 5 part intro to machine learning.
- Wow, this was made with Unity.
- Neat and nerdy. Console-based access to the Magic the Gathering Card Database.
- This is cool. Offline access to > 100,000 cities in a JSON array.
- A couple years later I made this site in HTML5 with Dan Mall.
- 2009 was a crazy year. I built an iPhone app, a Silverlight site, and a PComp project.
- I’m extremely proud of and the fact that it’s in the Museum of the Moving Image.
- Fond memories of Stephen Koch figuring out how to build this. Don’t think it loads anymore.
- I remember visiting LA and overhearing people talking about this LOST web site. Wild.
- If you love gratuitous animation, you’d love the Underworld Site.
- Coke Zero was the first project I lead dev on. Fun fact: My brother was in the TV spot.
- The Batman Begins site was my first movie site, and it was a dream come true for me.
- I got to build some pretty cool sites!
- I got to build some pretty cool sites!
- Here’s the oldest project I can remember, for the Martha Graham Dance Company.
- I wrote a bit on job interviews. My students were on my mind as I wrote, but it’s probably relevant to you, too.
- Window on Earth: Amazing photography by astronauts in space.
- Finger painting meets music composition.
- Whoa, Pikazo makes beautiful results.
- NPM & left-pad: Have We Forgotten How To Program?
- If you don't own Dan Mall's book on pricing design, you should.
- Pretty colors!
- ae-to-json is the future of interactive animation.
- Load PSDs into openFrameworks w/ ofxPsdLoad.
- The CreativeMornings KickStarter.
- This is a nice little effect.
- Use Twitter to host JS modules w/ require-from-twitter.
- The San Andreas Streaming Deer Cam is so amazing.
- Don't miss the 2016 Gray Area Festival!
- Did you see the Stack Overflow developer survey?
- I recreated the Twitter opening reveal animation. Grab the source here:
- . Mikko Haapoja and Jam3 doing what Adobe should’ve done a long time ago…
- 😀🎶 #melodyjams
- Not by a long shot! Demo scene, hacker history before that.
- You'd dig this.
- This is really cool.
- Here’s a gist that shows you. See how much easier the code on the bottom is to read?
- iOS :: C++ :: Python :: You get it.
- There’s some kind of Promise lib in every language. JS :: Ruby ::
- iOS :: C++ :: Python :: You get it.
- There’s some kind of Promise lib in every language. JS :: Ruby ::
- Live coding in a GIF. Creating an animation & a promise in Swift. Explaining as I go.
- iOS :: C++ :: Python :: You get it.
- Code for that Intro animation: For any iOS devs following along, I’m scared of Storyboarding and don’t use it.
- Some code for the previous tweet. It’s remodeled a bit closer to the diagram I posted yesterday.
- For any developers following along, promises + animation = ❤️ for me. So easy to sequence.
- I built this [rough] Sketch file to show the layering thusfar in Fare Weather.
- Working prototypes with real code in a week. That's how to do it. 👍🏻👍🏻👍🏻
- Already exists! What I'm doing is bug fixes + adding subroutines.
- iOS easing library I was building on.
- So you can see what the Swift syntax is like.
- Remember when Stacey Mulcahy put on a conference? My pal Dan Mall spoke there and even waxed about me a bit. 😳😊💖🐬
- Nope I don't believe this.
- …(cont) Plus I know Jina Anne will talking about how great Flash is.
- You should go to Web Design Day. It’s an awesome time and Pittsburgh is top notch. Great speakers this year, too!
2015
- 5 MinutesArbitrary
- Benchmade Modern Store KioskArbitrary
- BOX ScreensaverArbitrary
- Halo SiteArbitrary
- Mystery Science Theater 3000 Kickstarter Countdown ClockAskwith & Co
- Mystery Science Theater 3000 Thank You PageAskwith & Co
- SBCUArbitrary
- Super Troopers 2 Indiegogo Thank YouAskwith & Co
- On the server side Image Magick can do a lot of this. Also consider server side w Generator.
- https://github.com/apple/swift
- I am loving
- Awesome work Matthew M.. Be a cat. Break stuff.
- Interview with Jamie Kosoy, Founder and Head of Technology at Arbitrary
- I have seen the future of interactive animation, and it is cc
- I'm a little too excited that we got PiMusicBox set up as a lightweight Sonos alternative in the office.
- 15 Unmissable Web Design Podcasts
- Somehow the Arbitrary logo wound up on Hacker News. Neat! tl;dr some people don't like 100% cpu usage.
- Another on the designers behind Wes Anderson films…
- And the last biography site is about/inspired by Aaron Draplin.
- Here's one on Yusaku Kamekura.
- One on John Maeda, of course…
- https://howtocenterincss.com
- These guys [allegedly] made BB-8? So good.
- Wireframe Tendrils Shader.
- The first Apple homepage.
- Circle is an awesome, easy, strangely addicting game.
- Gradient Forest.
- Don't miss this one.
- Pex is a set of libraries for computational thinking in Plask/NodeJS/WebGL.
- One of those moments where my wallet instinctively opened up and money got spent. So worth it. cc
- Color based image segmentation addon for oF.
- Annotations on the original jQuery source code. Fascinating.
- C++ Samples.
- What's Your Morning Ritual?
- Electric Objects: The $5 commission.
- Seems like a bunch of live-editing/self-creating web sites have been popping up lately. They're all awesome.
- Codie looks awesome. It's a programmable robot powered by an app designed for kids.
- Natural language processing with Swift.
- Crow is an easy to use C++ micro framework inspired by Python Flask.
- I'm such a cliche SF hipster. (sigh) But hey, I'm on InVision's design blog today! "What's your morning ritual?"
- Want to learn WebGL? WebGL from the ground up. No magic.
- WebGL GLSL Shader Editor Extension for Chrome.
- https://fontfreedom.me
- Pong + Pacman + Space Invaders = Pacapong.
- Here's a 3D world built almost entirely with CSS3 transitions.
- thriver is an orientation aware VR controller for web browsers.
- Just going to leave this here.
- Polymer by Paul Lewis.
- Particles!
- This website constantly rebuilds itself.
- https://abstractbrowsing.net
- This is so, so great. Especially on mobile.
- Fear and Creativity.
- Love details like this. Look closely at the globe icon.
- Rudder is a navigation app that leads you down the most brightly lit route.
- Cooooool.
- Positional Tracking for Google Cardboard with Google Paper.
- Pac-Man in Google Maps.
- At long last, we don't need to decide between Comic Sans and Papyrus for FPO fonts!
- What does Bitcoin look like?
- Here's an awesome utility class for zipping and unzipping files on iOS and Mac.
- A team of biohackers has figured out how to inject your eyeballs with night vision.
- Fractal Visualizations.
- Speaking of the NES, here's a Tessel NES DIY Module.
- Super Mario 64 in HD in your web browser.
- Circuit-board shoes, because why not?
- If you're into destroying innovation, two words: "prove" and "it".
- Exist strategy, not exit strategy.
- Awesome blog post by the fine folks Instrument on audio experimentation.
- Wow. "Earth, A." looks like an incredible iPad app. More of this, please!
- Bringing the <blink> tag back. And so much worse.
- DARPA wants to re-invent GPS without satellites.
- Adobe continues to do some interesting stuff in the mobile / tablet space. Adobe Comp CC is the latest.
- The Early Disruptors: 7 masterpieces of 90s net art everyone should know about.
- Inventing Favicon.ico.
- This is breathtaking. Performance art, projection mapping, light bending.
- Creating a plug-and-play live webGL shader editor.
- Awesome product wireframes made out of wood.
- Zen and the Art of Wearable Markup by Jeffrey Zeldman.
- Convert an SVG to D3 with this tool by Bill McKessy.
- Don't forget to dig into Component Kit for some light weekend reading!
- Create a nodejs powered Mac Menubar app in minutes with this boilerplate.
- The Noun Project has a Mac App now.
- Browser Synth by Stewart Smith. Awesome.
- Current status:
- Texture.JS is a library for creating SVG patterns. Great for data viz.
- Go to Wikipedia, search for a topic / article until you find a book, design a cover for that book.
- Core Animator for iOS Animations.
- Here's an inside look at Mercedes's self-driving car.
- The Beauty of Code.
- Type.js is all about better typography tools for the web.
- Nice HTML5 Drum Machine.
- The Legend of Canvas.
- https://yourbrowser.is
- Renderman now has a free non-commercial version.
- Force Directed United States of America.
- The 10 Commandments of Egoless Programming.
- Read about Swift 1.2 yet? It's getting better. Time to catch up!
- Hack your phone: Turn your volume buttons into GPIO ports.
- 19 year old teaches you how to build a $350 robotic arm for free.
- 60FPS Web App Animations with FLIP.
- Shade is a mathematically derived gradient explorer.
- Create a font entirely in JS with Plumin.js.
- CLI GIF maker. Great demo in there, check it out.
- Embed JS inside a PNG, because why not?
- Procedural City Generation by Tobias Mansfield-Williams.
- Postdates meets Spotify. Slick idea.
- Scripts from Another Dimension.
- Unicoder converts text to artistic unicode alphabets.
- Notes on Art & Fear. Great, great read. Relevant for coders.
- 2 years old, but still awesome: SNES Star Fox Object Decoder for openFrameworks.
- ArchieML is a structured text format optimized for human writability, written for and by The New York Times.
- The Kleiner Perkins design in tech report. tldr Design + Tech has never been more important.
- The Book of Shaders by Patricio Gonzalez Vivo. The dark arts, demystified.
- The Book of Shaders, by Patricio Gonzalez Vivo. Certainly the best manual on graphics programming I've ever seen.
- Scan your HTTPS enabled website with mixed-content-scan.
- Cinematic Continuity on UI Design.
- 20 unorthodox instruments for the music of the future.
- Python OCC is a 3D CAD/CAM/PLM dev framework for Python.
- https://emojitracker.com
- RIP Radio Shack.
- CSS Layout is Facebook's reimplementation of CSS in pure JS.
- The US Army has open sourced Dshell, it's framework for network forensic analysis.
- Raspberry Pi 2 looks awesome; supports Windows.
- Overscroll is a tiny JS library to capture the moments when you've scrolled more than the screen allows.
- Speaking of inspiring agency sites, We are the Good Guys.
- Man, the Rally Interactive site is so great.
- Didn't know about GestureLab. Looks pretty useful.
- https://wordmap.co
- 3 rules of app design according to Marissa Meyer.
- THREE.js Augmented Console.
- Texgen by the immutable Ricardo Cabello.
- "What are you doing that I don't know about? You should always have something to tell me."
- Predominantly. Sick / useful.
- Oooh, Mithril.
- Slackin is a little integration to enable public access to a Slack channel.
- There's something funky / arty hacks waiting to be done with Jack. Anyone use it before?
- A nerf / Arduino sentry. Yes!
- Space-filling Vines.
- After Effects CSS Animation Exporter.
- The US Open Sessions by my buddy Shane Mielke.
- HoloLens looks pretty slick.
- Maptastic is a JS / CSS projection mapping utility.
- Donate (or apply) to the Zachary Watson Memorial Education Fund.
- Dribbble New Tab - get the best of Dribbble every time you open a new Chrome tab.
- Creating a Doom-style 3D engine from scratch in C. In 20 minutes.
- What a great, important story. At 90, she's designing tech for aging boomers.
- FB Graffiti. Draw on any Facebook photo.
- Oh, you're not on Motherfun's newsletter? You should be.
- Super smooth scalable bitmap fonts.
- Lapka + Project Aura. Awesome stuff.
- Mac version ASAP please, kthx.
- This is crazy. Man saves wife's sight by 3D printing her tumor.
- The Harriss Spiral: A fractal that had never been drawn before.
- Blessed lets you build spiffy dashboards with ANSI and ASCII.
- Emoticons + Particles.
- Here's the original 1978 source code of BASIC for 6502.
- Whoa, awesome.
- Hacking the original Legend of Zelda.
- What a fine use of GitHub issues!
- How old VHS tapes helped save early web design.
- A World of Belonging by the fine folks Tool of North America.
- This is great stuff: Why aren't computer programming languages designed better?
- Go buy Val Head's book!
- Human JavaScript by Henrik Joreteg.
- The Dawn Wall. Great interactive experience by The New York Times.
- UltraHook lets you receive web hooks on localhost.
- "Being Dumb" by Kenneth Goldsmith. Great read.
- WebGL Water by Evan Wallace is really nice.
- Disney's Beachbot.
- Using Web Fonts Responsibly.
- The weirdest viruses in computer history.
- Bezel is free developer tool for Apple Watch developers.
- Weevmee takes all your Instagram photos from last year and converts them into one image.
- Regifter by our friends over at Rehab Studio. Hilarious and awesome.
- A dead simple step-by-step guide for getting up + running with Node/IO, Express, Jade and MongoDB.
- Hacking with Swift - an arsenal of videos and tutorials.
- An explanation on how pseudo 3D racing games were coded.
- A Brief History of Graphics.
- MELTER.
- LED Henna Tattoos.
- History, learning & complexity: A conversation about design.
- The original Oregon Trail is now on Archive.org.
- The Top CodePens of 2014.
- The Case for Slow Programming by Jeffrey Ventrella.
- Whoo, the Creative Coding Podcast is back!
- An Introduction to Programming C-64 demos.
- Bought. "Speaking Code: Coding as Aesthetic and Political Expression".
- A raytrace in Scratch.
- Jelly Mesh by Devin Hunt.
- … link to previous tweet,
- ofxAfterEffectsTransforms takes exported AE data and applies it to what you're drawing.
- "To praise a part of someone's code is to show appreciation for one's intellect."
- Cello is a library that introduces higher level programming in C.
- Quake on an oscilloscope. Wow.
- The origin of the <blink> tag. Love stuff like this.
- Snabbt is a minimalistic animation library in JS.
- Congrats Nooka Jones!! 30 under 30! Wow!
- Featured in Smashing Book 5: Real-Life Responsive Web Design
Mentored early-stage connected hardware startups in the R/GA Connected Devices Accelerator, powered by Techstars, in New York City. The 90-day cohort included Keen Home, Owlet Baby Care, and Enertiv, and culminated with a Demo Day at SXSWi 2014.
Taught interaction design and creative technology at Parsons School of Design, working with MFA students on the intersection of code, design, and concept. My students built everything web servers and whammy pedals from scratch.
2014
- Connected Objects PrototypesYes Yes No
- Google [Top Secret Product Project]Arbitrary
- Google [Top Secret Product Project]Arbitrary
- Little Box ChallengeArbitrary
- Marketplace PrototypesArbitrary
- R2D2Yes Yes No
- Reading Rainbow Kickstarter Countdown ClockAskwith & Co
- Receipt Bot
- The Arbitrary LogoArbitrary
- [Top Secret Prototyping Project]Arbitrary
- UrbanDaddy Go FurtherRed Paper Heart
- YesYesBotYes Yes No
- A crazy in-depth UX deep dive on Google Maps and Apple Maps.
- Need a Medium-esque code editor? Check out Dante.
- Design Boom's Top 10 Art Installations for 2014. Digging the Ocean Atlas Sculpture.
- …speaking of Star Wars, this:
- The enclosure on Impossible Lab is just crazy. But printing polaroids from your phone is so cool.
- So desperately needed. SWAPI is a Star Wars API, coming soon.
- The President kicks off the Hour of Code 2014.
- SFPC Open House. Wish I could be there.
- Me + Stacey Mulcahy waxing online about PHP and Azure. Going to be awesome. Don't miss it!
- All the Minutes is a Twitter clock.
- Firefox for iOS in Swift. On GitHub. In Progress.
- Whoa, Located Graphics is awesome and crazy.
- Gitdown is a nice little Markdown preprocessor for GitHub README files.
- New tech uses ultrasound to create haptic feedback.
- Getting excited for the Orion launch!
- Cactus and GluePrint are awesome tools. And they're now free. Also, Framer is awesome.
- .Pyramid Code has an awesome writeup on the making of their header.
- Keeping CSS short with currentColor.
- Great cheesesteak criteria. I'd be more specific on roll (Amaroso's). Beyond that, awesome. (via The Food Lab)
- Shadershop is an interface for programming shaders in the mode of an image editor like Photoshop.
- Do Artifacts Have Ethics?
- Yule Log 2014.
- Betabook is a portable whiteboard the size of a moleskin.
- The Sketchbook of Susan Kare, the Artist Who Gave Computing a Human Face.
- Awesome projection mapped music video, via The Creators Project.
- Paper thin LED lighting. Great potential applications.
- TI-83 Smash Bros.
- Moleskine's "Smart Notebooks" Transfer Your Sketches To Photoshop Directly.
- SimCity in WebGL? Yes please.
- SVG Morpheus morphs one SVG icon into another.
- Here we go!
- Maps + Fashion = Monochrome.
- Here's the complete source code for DOOM on 3DO.
- MagicEye.js.
- The state of JS in 2015. Good read. I'm on board.
- Ever want to take a screen recording and just get your mouse out of the way? Cursorcerer is the tool for the job.
- EIZO's 1920x1920 square monitor.
- YES! Help Kickstart the first live action MechWarrior league.
- The Hobbit WebGL Chrome Experiment by North Kingdom. Amazing.
- The Frame Timing API lets you [really] know if your site is running at 60FPS.
- Oculus Rift + Rollercoaster = AR coaster experience. So good!
- All you'll ever need about style guides is right at styleguides.io.
- Fufff extends your phone's touch screen beyond its touch screen.
- Lyra is an interactive visualization design environment.
- Multipliers in JavaScript Animation by James Chambers.
- Flow, Facebook's new type checker for JS.
- Get your own Map Tile server up and running in 5 minutes with Tilehut.
- Wow, Norway's passports.
- "In Praise of Boring Objects" by Tom Coates.
- The Art of UI Animations, by Mark Geyer.
- Make your own pocket-sized hackable robotic arm.
- Cannybots are 3D printed DIY, hackable toy robots that you can control from a joypad or smartphone.
- "The real shape of an idea isn't an explosion, but evolution." - Jason Santa Maria on The Pastry Box Project.
- png-stream is a PNG encoder/decoder for NodeJS that even supports animating PNGs!
- 4 days left to submit for the Pixel Awards. Better get submitting!
- . Stacey Mulcahy's writeup on her day w/ Young Game Makers. Is there anything more awesome than this?
- Getting Git Right by Atlassian.
- Matter is a puzzle game where the player follows a light beam.
- Hacking an Audio Equalizer by Andre Michelle.
- 9 basic principles of responsive design.
- "It's OK not to use tools" by Jonas Downey.
- DrawType from Theo Watson. Genius.
- …while we're on the subject, here are some strange clicky noises emitting from Comet 67.
- Want to hear what WiFi sounds like? Check this out.
- Samsung announces Project Beyond, a 3D-capturing camera for Gear VR.
- Robots playing baseball? Amazing video, inspiring tech and NES nostalgia all in one.
- Monument Valley: Forgotten Shores is out.
- clmtrackr is a JS library for precise tracking of facial features via Constrained Local Models.
- My latest The Pastry Box Project post is about my love/hate relationship with bower, npm, gem, composer, pod and so on.
- Microsoft open sources .NET, saying it will run on Linux and Mac.
- +1.
- SmartUnderline is a library to make beautiful descender-aware underlines.
- Wow, Edison by IDEO is really beautiful. "A dynamic, open source lighting installation".
- I'm sure there's an easier way to train your dog to stay off furniture…
- A few weeks ago I started helping out w/ Processing on the site. So rewarding. Excited to be a part of it.
- This demo says it all for p5. Face tracking in ~30 lines of code.
- The Strawberry Thief for iPad.
- Love these.
- Plink by Dinahmoe AB is super fun!
- "Be weird. If you can’t be weird, at least be-friend the weird ones." -
- Could just watch this over and over and over.
- simplify.thatsite.it by Jen Lu and Tim Nolan. Make random modern art out of any image.
- "How to make a Guitar Tuner with HTML5", by Jonathan Bergknoff.
- Cardboard + Origami + Robots = ZURI.
- B-REEL's work for the Google Calendar app is so inspiring.
- How's your open source report card?
- The Apple Watch UI on an iPhone. As a prototype. With the source code.
- Creatives have to work together.
- The IXD Checklist.
- Minimum viable demo. Use GIFs to explain new features.
- Cinder-XUI is an XML/LUA based scene graph for Cinder.
- …speaking of football and technology, here's how the NFL tracks everything on the field.
- A brief history of the hamburger icon.
- …and for Objective-C, the NY Times.
- Github's Swift Style Guide.
- This is just so, so good. Inside a sphere, your phone becomes a 3D touch interface.
- Beacons + stadiums. There's a lot further you can find than locating hot dogs and beer.
- Breathing Halftone makes images into interactive floaty dots.
- Build your own TouchID with github.com/robotconscienc…. Looks fun!
- "…we are now seeing a new, unique wave of generalists who challenge the status quo."
- The Copenhagen Wheel feels like a must-own for bicyclists. Awesome tech, great product.
- Polyfill.io makes backward compatibility on the web way easier.
- UI quirk in Airmailer: Search focus hides inbox. Empty search input should just show the inbox, esp. when blurred.
- Mozilla + CODAME. Should be a good time!
- Interview with Jamie Kosoy
- Pop is an extensible animation engine for iOS and OS X.
- Shoestring is basically Filament Group's take on jQuery without jQuery.
- The Hypercard Legacy by Jer Thorp.
- The Washington Post has some beautiful (and responsive!) basketball graphs.
- MIT Media Lab's new logo is so perfectly Space Invadery. By Pentagram.
- Rehab Studio waxing on physical stores, connected stuff, retail and how it all glues together.
- Good week for sci-fi products. First hover boards, now holograms.
- System Information meets SQL with OSQuery, by Facebook Open Source.
- SoundKit is a sound library designed for UI projects.
- Whoa, check out Glitch Wizard for iOS.
- Windows 93.
- Blip.js is a JS library that makes using the web audio API a lot easier.
- The Three Laws of Interaction Design.
- Image Triangulation experiment by the one and only Georg Fischer.
- Headless Ghost is an amazing Kickstarter. Unlock the full potential of your GPU.
- Designing for large screen smartphones from the immutable Luke Wroblewski.
- Para is a digital illustration tool that uses direct manipulation to define and edit procedural artwork.
- Generative Portraits with Processing.js.
- More Disney by Benedikt Lehnert.
- CSS You Might Not Know About.
- "Interface B.A turns the iPad touchscreen into a… mosaic of physical buttons, sliders, and knobs."
- Don't know about "earcon", but Wired's writeup on the history of Apple's startup sound is amazing.
- I know some designers out there that'll be psyched to see Dropcap.js by Adobe.
- We made a Base 64 Data URI service for Mac. Take any file & convert to a data uri with a right click. Check it out!
- Completely in support of Val Head's approach to chat time. So when are we chatting' next Val? :)
- My latest post on The Pastry Box Project project is up!
- Live in SF? Run an agency or freelance? Go to the Bizology roadshow w/ Dan Mall + Jason Blumer. Well worth it.
- 8-bit color cycling demos make me want to play Kings Quest all over again.
- The new Pixel Awards trophy. Did I read Your Majesty had something to do with this too? Awesome.
- Like music? On Rdio? Check out Tvnnel, a music-first community built by Matt Kosoy. Excited to see it launched!
- Tone.js is a framework for creating interactive music in the browser. So awesome.
- I'm having way too much fun playing with this. cc
- Oh look, Receipt Bot will be at CODAME on 9/19! You should totally come and check it out!
- The making of Warcraft. Love reading how my old favorite games were made.
- RIP
- Call for entries to the Pixel Awards is open. Love the categories. Go on, get nominating!
- The portfolio of my good buddy/arch nemesis Phil Sierzega. Some of the best design work in the world IMO.
- Homebrew Cask. Command line install OSX apps. Thanks for pointing this out Matt Felsen!
- 25x52. 25 projects in 52 weeks. This is awesome Phoebe.
- Awesome interview w/ Sarah Grant on the FWA. One of my early mentors and a constant source of inspiration.
- Browsing old ISP screens and came across this. For just a sec I was like "Does Golan Levin still have Q-Link?" Amazing!
- X to close. The origins of the use of [x] in UI design. I love stuff like this.
- GIF version. RIP Robin Williams.
- My side project is an ASCII art photo booth
- https://www.youtube.com/watch?v=C6hmQwfEmzc#t=1m35s
- Hello P5!
- Excited to be a part of the jury for the Pixel Awards!
- More of this please. OF COURSE (of course, of course). It's like General Assembly meets creative code.
- Whoa, awesome WebGL map demo by @meetar. Try changing the effect. via
- yrCodeIsBadAndYouShouldFeelBad. via Kate Sicchio.
- Getting some [super] early Christmas shopping done by ordering a #NeoLucida.
- #663399beccaJun 13
- My latest on The Pastry Box Project. #663399becca
- SCUMMVM ported to JS. cc
- Star Wars sorted alphabetically, via
- My interview with ID Archive is up. Check it out!
- . Chris Matthews dressed up as Mario, apparently, cc anyone who ever worked Big Spaceship.
- Not only is this an awesome JS demo in 265 lines of code, it's also the best ray-casting tutorial I've ever read.
- "Bears in the Sky" is a 55x55 inch hand-drawn colored pencil illustration made by Ayaka Ito. For me.
- Learn Design, Not CodeMay 13
- Oooooh! Lloyd's REelaxation, via @__ted__.
- Musing on whether code should be taught in schools on The Pastry Box Project… and a thought on what should be.
- While we're on the subject of tools, Bowery looks like easy Vagrant. Via Stephen Koch.
- I love tools like this. PaintCode 2 turns vector art into code. And then some.
- Oh look, the Parsons MFADT site is up. Nice use of Flat Surface Shader! shoutout to Matthew Matsuzaki Tobias van Schneider
- Just came across Justin Windle's Equations for Organic Motion. Awesome reference.
- Looking forward to trying out Project Parfait. Seems like a huge time saver.
- A spherical voronoi diagram of the world's airports. via
- We've come to it at last.
- Bringing a forgotten Gershwin piece back to life with Python and Fourier transforms.
- Yesterday's The Pastry Box Project project post by yours truly: The Beautiful Default.
- The Beautiful DefaultApr 13
- I've watched this before but it's still amazing. Recreating iOS7 icons in Microsoft Word.
- Gran Turismo: First Love — my project.
- Now on Creative JS :: Sound Viz by Bartek Drozdz.
- Responsive Web Design Patterns | This Is Responsive
- My pastry box project post from yesterday… almost forgot to tweet it!
- Explaining Things WellMar 13
- Totally re-posting myself. Really proud of this. New blog post: The Arbitrary logo.
- Bill Watterson is back. Sort of.
- Stack Overflow fit into 4096 bytes, including an SVG logo. My mind is kind of blown.
- This. And the soundtrack, too. Please. via
- “Sometimes knowing gets in the way.”Feb 5
- Pastry Box Post is up! Sometimes knowing gets in the way.
- Love seeing recipes like this in the Times. A no brainer recipe anyone can cook and is so delicious. (via my mom)
- Interesting! “Derek Kinsman: Chrome Bug Lets Sites Listen to Your Conversations:
- This shirt is awesome.
- If you missed Jason Santa Maria's post on The Pastry Box Project yesterday, don't miss it. So lovely and important to discuss.
- Well, there goes the rest of my day.
- I’m a generalist.Jan 13
- The NYTimes redesign looks pretty nice. Looking forward to it. (via Stacey Mulcahy)
- Current status:
- Just discovered QuizUp. Lovely concept and execution.
Taught at General Assembly in New York during the early days of the coding bootcamp wave, working with students learning web development and interactive design.
2013
- Google + Pool / Drive HacksArbitrary
- Google [Top Secret Marketing Project]SuperFriendly
- Google [Top Secret Product Project]Arbitrary
- Gran Turismo First LoveArbitrary
- IPG Media Lab ConsultingIPG
- Magic Mirror WallSuperFriendly
- Of the Egg in the Heart - Part IIIPersonal
- Rather Chrome ExtensionArbitrary
- Receipt BotPersonal
- [Top Secret Product Project]SuperFriendly
- One of my students re-made the original Space Jam website in threejs. #mfadt #threejs
- Hey guys, just 8 hours to go on Kurt Bieg's 4 Thrones kickstarter. Really beautiful set of cards, super cool game.
- "What was the point? It had been done. Except that it had not been done by us." -
- Opened up CodePen to prototype something and stumbled onto this: CSS is crazy.
- The Simpsons in CSS. Sent to me by one of my students. Wow.
- Monkey Island, Kid Pix, and more in the browser? Yes please.
- Monkey Island, Kid Pix, and more in the browser? Yes please.
- Always inspiring work by my buds over at Incredible Machines.
- A new interview with Bill Watterson?! Whaaat?! (thanks Matt Kosoy!)
- Late on all the buzz, but Ghost does look really great. Looking forward to giving it a spin.
- YesYesNo talks about the candy robot we made together. So good. Nice job Molmol Kuo Zach Lieberman Marcele Godoy.
- Proud to be a mentor at the RGA Accelerator. This is gonna be awesome.
- Soooooo good. “Creative JS: console.logtro #creativejs”
- I for one love with something Calvin & Hobbes is considered "visual inspiration".
- A Cartoonist's Advice.
- Posted up the repo for SuperFriendly and Arbitrary's app together.
- The creative coding panel by The Barbarian Group and Control Group has our vote.
- The top 25 responsive design tools | .net magazine
- ❍ IcoMoon
- I wrote a little more on why I started Arbitrary.
- Proud to announce a new adventure of mine. Introducing Arbitrary. Arbitrary,
- Animated line drawing in SVG - JakeArchibald.com
- GotW #54: Using Vector and Deque
- Rebuilt a #ThreeJS example in CSS3D with my new CSS3DPrimitives class.
- CSS triangle generator
- Current status:
- Spent the day on a three.js CSS3D Primitive helper. Checkout some examples.
- Spent the day on a three.js CSS3D Primitive helper. Checkout some examples.
- Intro to CSS 3D transforms
- I know jQuery. Now what?
- Vanilla JS Essentials
- Smashing Coding
- Whoa. Teehan+Lax making some crazy acrylic baseball graph data viz tablet accessory. Wow.
- Tapioca as interface. Sick. (via Andrew Bell)
- Cross Browser Testing Tool
- Learning Three.js
- I never get tired of this stuff.
- Prioritizing Performance in Responsive Design
- SMACSS
- Susy: Responsive grids for Compass
- » The EMs have it: Proportional Media Queries FTW! Cloud Four Blog
- On designing content-out (a response to Zeldman and others) | Stephanie Rieger
- Nice write up on Cube Slam. Sweet project, lovely to see how it ticks. via
- CSS Guidelines
- Added VNC to my Pi quick start. Spare yourself even needing to plug the thing into a monitor!
- Enough with the JavaScript already!
- Semantic Versioning 2.0.0
- Git Flow. For those just wrapping their head around Git and Github.
- Making Sass talk to JavaScript with JSON | CSS-Tricks
- SourceForge - ogl-samples/ogl-samples/tree - samples/
- The economics of doubt. I am absolutely loving this.
- Every time I boot up I evaluate my Desktop and Downloads directory, clear them out and empty Trash. My version of
- Air Display is w/out question the most useful iPad app I have. Basically mobile 2nd monitor.
- Working in an office today. Saw this (via Tim Holman), blurted out "Whoa." Everyone stared at me. Worth it.
- Wow. Points by
- Grab your barf bag for First-Person Tetris. via Tim Holman.
- Nice. NYC Type, via
- Featured in UArts Magazine
- Morning pastry, and not of the cronut kind. From Stacey Mulcahy (whilst still Big Spaceship I presume).
- If ever you're going animate with CSS, buy Val Head's book. For $3 (did I get that math right?) it's a steal.
- awsbox by Mozilla. Think Heroku, but on Amazon Web Services. Awesome.
- So sick. “Jay Quercia: just uploaded some new work to the book: GE's Pulse of the Games
- How I spent my Sunday. AKA fun times with Marcele Godoy Molmol Kuo
- Welp, time to buy another SD card. Raspbmc looks pretty empowering.
- Should be a fun gig: Bitly is hiring a data artist.
- Beautiful way to start the morning. via Maria Mendez,
- Cinder 0.8.5. Lots of exciting features in this release.
- Wondering: Has anyone has used this to create more intimacy for installations? Popped up browsing amazon.
- So awesome. I don't know why. “ANIMAL New York: for(){};, An Unwinnable Video Game Projection-Mapped to a Painting
- Anyone run through this tutorial to install Processing on a Pi? A student tells me there's an issue w/ the last step.
- Light painting project I am super proud to have been a part in making w/ Red Paper Heart.
- Just in case you missed it, Hyperlapse. and the source
- Just in case you missed it, Hyperlapse. and the source
- Anatomy of a Mashup. via
- Just for some inspiration for you.
- And while I'm at it, keep in mind that there's tons of internships available Big Spaceship too.
- Parsons MFA Design + Tech program on the BBC. via David Carroll and
- The Bay Lights are awesome but then there's this. via
- . Control Group keep killing it. those phones are so good.
- How I feel when I order the wrong part off of adafruit.
- Happy to announce that I'm part of the Creative JS team now! Check out my first tutorial:
- Give more.
- Congratulations to my good buddies Red Paper Heart. Supppper cool.
- New add-on: ofxCrypto is a simple openFrameworks add-on for md5, sha1 and base64 encryption. #OpenFrameworks
- “Evil Paul: ..and of course, another working example -&gt; cc
- Ported Evil Paul's TextMode library to Processing. Canvas version:
- Ported Evil Paul's TextMode library to Processing. Canvas version:
- current status:
- My account was one of the lucky 250,000. Feels sorta like this:
- New oF addon: ofxImageSequencePlayback for fine tune control over ofImage sequences. Thanks to Red Paper Heart too.
- Holy wow this is awesome. My buddy Zander Brimijoin's paper pinball projection piece.
- Just posted a text mode demo: Nyan Nyan!
- The last panel captures the sentiment of the moment.
- The code+ed summit is an incredible idea. I hope I can make it. shoutout to Eyeo and Jer Thorp.
- Got an AppleTV for christmas. The screen saver was haunting me. Approximated it in WebGL.
- I'm so confused but it's so pretty. via
- I'm so confused but it's so pretty. via
Big Spaceship
2005–2012
Big Spaceship was where I learned what it meant to ship digital work professionally. We made Flash sites, campaigns, and interactive experiences for some of the biggest brands in the world — Batman, Nike, Coca-Cola, HBO, Skittles. It was a wild time to be making things on the internet.
I grew from junior developer to technology director over seven years, and the people I worked with there shaped how I think about this craft.
2012
- 30 for 30Super Friendly
- GIF BoothRed Paper Heart
- Google: Gallery for EveryoneGoogle
- Optimus Elite Light PaintingRed Paper Heart
- ScoreCenter iOS AppETR
- Taco FinderBig Spaceship
- Really placekitten? No 170x197 placeholder? Dealbreaker.
- Right now.
- The shirt that gets me through the winter. So worth it.
- Um, this is my block. Cc:
- Honestly it isn't perfect but I feel like iWebInspector is easier to debug responsive stuff than changing user agents.
- Fizzling the charger.
- Sharing the deck from my first day of class of the semester: Amazon Web Services for beginners.
- I wonder why we dream when we sleep.
- This photo is awesome. thanks
- As best as I can tell if you're building a web site just clone all of Filament Group's libraries and then you're done.
- I watched this happen and it was awesome. Stacey Mulcahy
- Sometimes last page of a Google search is just more fun. This result for "hummus" isn't exactly exuding confidence.
- amazing. “Big Spaceship: For her 100th bday - Julia Child Remixed | Keep On Cooking
- Minority Report sans gloves. On GitHub. (via Bruce Drummond)
- Speaking of which, Baby Castles has done a great job of pulling my brain out of my head and rendering it on the web.
- internal discussion Big Spaceship about how the Anamaniacs would speed the procession up.
- ramps. (via Sara Lerner)
- Classic.
- from to (and if you're looking, go help them they're super awesome, ask Chris Berry)
- from to (and if you're looking, go help them they're super awesome, ask Chris Berry)
- “Philip Bump: How to paint a 150-foot tall Batman mural in Manhattan in less than a week. (via James White)
- Web site of the day. Nice work
- The best set of tutorials I've ever read.
- Not a fan of all of them, but still worth sending out. “Francisco Inchauste: Some nice iOS interface concepts/improvements
- Awesome. Zach Lieberman.
- Woop woop! Got my ticket for Reasons to be Creative in NYC (6/14-15). Check it out, lineup looks awesome! : #reasonsfestival
- Nice lil parable of the upside down Apple logo.
- I've procrastinated about making this for a really long time… so awesome. Gotta get on Flying Toasters… cc:
- Teapot, by Shaun Kosoy .
- http://www.youtube.com/watch?v=QBml1XZDg3w#t=4s
- Need to buy Jay Quercia this. Glad you're alive buddy.
- MFADT Senior Theis Show, May 6th.
- Someone actually made Hamster Huey?! #calvinandhobbes
- Stick with it, Whole Foods. You're doing the right thing.
- Prince of Persia on GitHub. (via TechCrunch)
- Ikea Uppleva. Beautiful, smart, obvious, overdue.
- Olympia Coffee Sourcing in Central America (via Gizmodo)
- Beautiful.
- The ESPN API is [finally] out. Probably the most beautifully designed API site I've ever seen, too.
- Supreme Court Justice Sonia Sotomayor solving disputes between a bear and a puppet over coffee. via Philip Bump.
- The Calvin & Hobbes search engine is still the best web site on the Internet for my money.
- The Parable of the Preloader.
- pocode is an open-source C++ lib by Potion Design for cross platform interactive media. Looks awesome.
- ¿Dónde están los tacos?
- The Parable of the PreloaderJan 18
2011
- Chobani ChampionsBig Spaceship
- Chobani.comBig Spaceship
- CLEAN PerfumeBig Spaceship
- The Windows Phone simulator is a really smart idea.
- MongoDB Injection prevention. Good to know.
- Flexible form factor as UI is an interesting idea.
- RIP Dennis Ritchie.
- The official Space Jam website, still up after all these years. Courtesy one of my students.
- A reality TV show about high school teachers. From my high school. Wild.
- This gradient editor is prolly my favorite CSS3 tool so far. The import from image feature is awesome.
- Required reading for my class this semester.
- The official photo of Hurricane Irene.
- Career advice: Connect the dots your own way.
- So much awesome going on around here. WDYL - Activate Drinks -
- So much awesome going on around here. WDYL - Activate Drinks -
- #FITC asked some superstars (plus hacks like me) how tech changed our lives. Click away to find out how we answered.
- How has technology changed your life in the past 5 years?
- Story of my life.
- This is what happens when you lock yourself to one platform.
- The Most Awesomest Talk Ever slides are up. cc:
- Quick Interview with Jamie Kosoy @bigspaceship
- J3D - a WebGL JS library. Could you even imagine this existing a few years ago? (via Chris Allen)
- Hypertext Remix featured on CreativeApplications. It's an awesome generative popup window audio toy made by my students!
- 60 second brownies from scratch should be illegal.
- Tonight: sleep. Tomorrow: the MFADT symposium. Honored to be invited to be a part of it. Join me there!
- In the meanwhile, enjoy Jason Theodor's. And go see him speak first chance you get. It's a super talk that'll rock your world.
- FITC Toronto 2011 Titles by
- Scary, but now that I know the data's there I kinda to play with it... (via Matt Kosoy)
- The origin of Ctrl + Alt + Delete. "I may have invented it, but I think Bill [Gates] made it famous." ziiiinngg.
- Haven't played with it, but Sparrow Framework looks pretty slick for any dev experienced in Flash and moving to Obj-C.
- The new Denny's site has a lot going on, but it's really well executed. (via Ben Kutil, Chris Reid)
- WebDesignerWall interviewed me on Big Spaceship process. Bonus :: A sneak peek at my FITC presentation (sort of).
- 1 pair of VIP tix to FITC Toronto for auction. 100% of income will go to Japan Earthquake Fund. Bid now.
- NYTimes charging for their site. - I think it'll be hard to justify the change in expectations w/ regular users.
- It looks like a planet... but is it a planet? (via Dan Mall)
-
Pennant
Pennant by Steve Varga is a must-own iPad app for baseball fans and data viz nerds alike — got press from Wired and Business Insider.
- Join my students in exercise: If FB created a mobile device, what would it do or look like?
- http://xkcd.com/854/
- Want.
2010
- Altoids.comBig Spaceship
- Second LifeBig Spaceship
- Skittles.comBig Spaceship
- Starburst.comBig Spaceship
- Must we fight about what platform is best?Nov 18
- In Defense of Technology
- The Challenges of Teaching DigitalAug 17
- Workshop in PittsburghJul 12
- Dan Meyer: Math Class needs a makeoverMay 25
- Re: Thoughts on FlashApr 29
- Taxonomy and the warApr 20
- Teaching new dogs old tricksApr 13
- Food Pyramid of Coder KnowledgeApr 1
- Chrome + FlashMar 30
- User Experience vs. user experienceMar 29
- Mission StatementMar 28
- A Plea for Developer UnityFeb 3
2009
- Hope vs DespairBig Spaceship
- Pretty LoadedBig Spaceship
- Thirty Two SnowboardsNeon & Sons
- UrbanDaddy: The Next MoveBig Spaceship
- VS All AccessBig Spaceship
- Thoughts on SilverlightOct 6
- DelveUI talkAug 1
- iPhone 101: Understanding Distribution (Pt II of II)Jun 5
- Flash on Tap talkJun 4
- iPhone 101: Understanding Distribution (Pt I of II)Jun 3
2008
- Flash OnBig Spaceship
- Ford FlexBig Spaceship
- In Plain Sight: Witness ProtectionBig Spaceship
- StreetFighter.comAmmirati
- Adobe AIR Cookbook Award Winner
- Creative Inspirations: Big Spaceship, Digital Agency
- Interview with Jamie Kosoy
- Stouffer's: During Dinner — TV Commercial
2007
- 30 Days of NightBig Spaceship
- 50s CallingBig Spaceship
- Breaking Bad Chemical CodebreakerBig Spaceship
- During DinnerBig Spaceship
- GlaceauBig Spaceship
- GrindhouseBig Spaceship
- Hungry SuitcaseBig Spaceship
- Ultimate Search for BourneBig Spaceship
2006
- 9/11 Response + RecoveryFlat Design
- Da Vinci Code Google QuestBig Spaceship
- Da Vinci Code (So Dark The Con of Man)Big Spaceship
- HD DVDBig Spaceship
- LOST / Oceanic AirlinesBig Spaceship
- LOSTBig Spaceship
- Matthau.comFreedom Interactive Design
- Nike AirBig Spaceship
- Stranger Than Fiction Sentence ContestBig Spaceship
- Stranger Than FictionBig Spaceship
- Underworld EvolutionBig Spaceship
- Da Vinci Code Google Quest — Flash decompiled and analyzed
2005
- Batman BeginsBig Spaceship
- Charlie & the Chocolate FactoryBig Spaceship
- Coca Cola ZeroBig Spaceship
- Elizabethtown Poster GeneratorBig Spaceship
- Family GuyBig Spaceship
- Sharkboy and Lava Girl in 3DBig Spaceship
- The Legend of ZorroBig Spaceship
- The Squid and the WhaleBig Spaceship
The Age of the Dinosaurs
1982–2004
Before any of the above: learning to code on a custom built machine, making weird stuff with pop up windows, building Geocities pages, discovering Flash and generally becoming the kind of person who would spend a career doing this.
I was a self-taught quiet nerdy kid who found something that felt like a superpower and never stopped.
2004
- A Dancer's JournalPlanit
- Bank Quizzes and GamesPlanit
- Marley Fine JewelryPlanit
- Power Plant Live!Planit
- Video-game skills may offer players edge in life