A little math/bit operation pattern explorer, inspired by a thread on the Blue about Bit-field patterns. [more inside]
Needledrop is a skeuomorphic vinyl turntable interface for listening to music on YouTube. Use it with your favorite albums and share with friends. Try it out for good vibes.
I became somewhat obsessed with the Google Blob Opera (FPP) and, more specifically, making it sing arbitrary songs (MIDI control is supported but very limited, or at least difficult to program manually). What started out as quick and dirty hack to convert 4-part MIDI arrangements to Blob Opera format JSON ended up as a slightly less quick and dirty standalone npm module. [more inside]
Identify each TV show by a single frame taken from their opening titles. All those years spent on the sofa watching mindless entertainment can finally pay off, if only in Internet glory. [more inside]
This little web toy converts latin text into unicode variants. It translates spaces and some punctuation into full-width variants when the glyphs in the variant are generally square-ish, otherwise it leaves them alone. 𝔜𝔬𝔲 𝔠𝔞𝔫 𝔲𝔰𝔢 𝔦𝔱 𝔱𝔬 𝔪𝔞𝔨𝔢 𝔱𝔢𝔵𝔱 𝔩𝔦𝔨𝔢 𝔱𝔥𝔦𝔰. 𝓐𝓷𝓭 𝓽𝓱𝓲𝓼.
The title basically says it all. I made a simple browser puzzle game. You try to move the five blocks from one side of the screen to the other and place them in order. DIFFICULTY: You can't move the blocks individually. It works best on a computer using the arrow keys, but can also use swipe on mobile. If you are looking to kill a few minutes at work, give it a try.
In which I nerdily compile everything you might want to know if you are planning to stick solar panels on your roof or your backyard. If you already have panels and a supported inverter, you can join the community and your inverter data will show up automatically, and people can you ask you stuff. [more inside]
Dramatically decrease your page's initial CSS load. WhatCSS.info automatically generates a minified version of the bare minimum CSS a user needs to begin interacting with your site. [more inside]
A pattern generator to create repeating sprinkly designs. Sprinkle colours, width, density, and length are adjustable. Comes with included theme presets.
High-performance web site for business professionals with advanced business needs, keep up-to-date on all business facts for your business. Growth, leverage, portfolio, value-added, markets and other key business metrics. [more inside]
SAD CATS • PURCHASERS OF SPACECRAFT • MACHINE INTELLIGENCES WHOSE ID SUGGESTS THEY MAY BE USERS OF ICHOR (I made a web toy that generates short descriptions of very specific demographic groups, and saves the ones people click on.) [more inside]
Rewrites of three existing Metafilter Greasemonkey scripts in web extension format. [more inside]
Inspired by a tweet from (metafilter's own) Maciej Cegłowski, I made a dumb Twitter bot using Glitch one night that disemvowels 45's mouthspew on Twitter as if he were a dumb troll trying his best to annoy the mods. The resulting tweets are collected at @Dsmvwld_PTS. [more inside]
Shut Up, Donny is an open-source extension for Google Chrome that lets Twitter users auto-reply to Donald Trump with one message: delete your account. [more inside]
Monolog is an interactive diary bot that prompts you with interesting questions, which it chooses based on the topics you write about. [more inside]
Dingwings is a font you can only type with an emoji keyboard. [more inside]
Basically what it says on the tin. Hopefully it works for mobile users, but you'll have the best experience on a full monitor. Warning: it's pretty easy to create bright, flashing patterns with it, so photosensitive folk be careful.
In a deplorable lapse of judgement, I decided that I would be the person to fix the sorry state of online content writing, where sites currently either use crude HTML or Markdown input fields, or infuriating WYSIWYG components. Seven months later, there is ProseMirror, an alpha-stage piece of software that might just grow into the editor I want the web to use. It even does collaborative editing because some problems are just hard to resist. [more inside]
Play an 80s synth in your browser with 106.js, a MIDI-enabled emulation of the Roland Juno-106 synthesizer. Chrome/Desktop only. Github repo here.
A straightforward web interface for geocoding addresses in a CSV (or other delimited text file) and visualizing the results on a map as you go. Spits out CSV and GeoJSON. [more inside]
Fuck Shit Up is a Chrome extension that semi-judiciously sprinkles some "fuck"s into whatever web page you're reading. Not enough fucks? Hit the button a few more times. Gets interesting results when applied to news, dry technical stuff, Wikipedia, and Twitter at the least. [more inside]
Generate an image and slap the No Symbol on top! [more inside]
@autocompleterap is a Twitter bot that combines rap lyrics (from ohhla - scraping courtesy of @beaugunderson) and Google search autocomplete suggestions. [more inside]
A simple quiz: Guess whether the text is from a subject in my spam folder or a news headline. Or: 21 scandalous true uncensored answers no one wants you to know, but everyone — including your future life partner — is talking about. [more inside]
Instagram announced Hyperlapse - their new smoothed timelapse app for iOS (which is really cool). I felt it was lacking an 'add yakety-sax' button, so I went and created a bookmarklet to do just that.
A drag-and-drop web tool for analyzing network logs from the game League of Legends. Fast, simple, helps you understand the lag you see while playing the game. It's a simple HTML5 app built with D3.js. Screenshot, GitHub.
The disintegrator lets you select any valid audio file from your library (MP3, wav etc) which is supported by your browser. Once you click play the distortion level continually increases until you're left with a beautifully distorted cacophony! [more inside]
SliderBuilder is an interactive web-based WYSIWYG editor for creating slideshows, content sliders, and carousels for a website or blog. You manipulate slides, layers, images, and text through a web interface, then either generate HTML code to paste into your site or publish your slider at sliderbuilder.com. [more inside]
Because I was confused by them initially, I wrote an explanation of the concept of quadtrees (including some details about the D3 implementation of them), with some interactive elements that hopefully provide some hands-on stickiness. I tried to shoot for a non-programmer audience in the end. [more inside]
Sheet music / guitar tabs rendered entirely in the browser, synced with a real audio recording. Slow down without changing pitch, loop sections, resize notation dynamically. Demo video.
Spare yourself the anguish of vainly trying to tweet a 118-character pull quote. [more inside]
I have started a new technical blog, where I will be documenting various projects I have worked on (typically involving code, though not always). [more inside]
Inspired by this post, I threw together a bookmarklet for decrypting morse code in a web page. Once you've added the bookmarklet, select the morse code on a page and click it. The decrypted text will pop up in an alert box. Github project here.
Using the same password for multiple email, e-commerce and social networking websites is risky, but the majority of web users still do it. This tool allows you to generate unique passwords for a bunch of popular websites in one step. [more inside]
Metropho.rs is a geographic metaphor map that plots "X is the Y of Z" tweets by putting the "Y" label on the "X" location. Some nice coverage by the Atlantic Cities blog here. [more inside]
Spotmaps is an on-going project to map the colour footprints of different films. The website was designed to show off the completed image library. [more inside]
The Decision Tree Generator parses a YAML file and, if it's in the correct syntax, creates a series of questions and responses that can be displayed on a webpage. It doesn't require a login, and the tree you create is around until someone else overwrites it. [more inside]
Page: 1 2