59 posts tagged with javascript.
Displaying 1 through 50 of 59. Subscribe:
Pattern Explorer
A little math/bit operation pattern explorer, inspired by a thread on the Blue about Bit-field patterns. [more inside]
Full featured, extensible enumerations for javascript.
It seems like my pandemic super-power is starting a project, getting side-tracked by some aspect of that project, turning that into its own project and then forgetting about the thing I was originally working on. In that spirit, I give you enumerated types (not just constants!) for javascript. [more inside]
Needledrop
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.
blob-opera-midi
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]
Codepip: coding games for learning web dev
A few years back, I released two CSS coding games as weekend open source projects: Flexbox Froggy and Grid Garden. Based on the positive reception they got, I was motivated to launch Codepip and expand into more games. Since launch I've added six games for learning different aspects of HTML, CSS, and JavaScript, with more in the works. Last week came Sourcery, which introduces the HTML workflow tool Emmet.
TV Opening Sequences Quiz
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]
Unicode Text Transformer
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. 𝔜𝔬𝔲 𝔠𝔞𝔫 𝔲𝔰𝔢 𝔦𝔱 𝔱𝔬 𝔪𝔞𝔨𝔢 𝔱𝔢𝔵𝔱 𝔩𝔦𝔨𝔢 𝔱𝔥𝔦𝔰. 𝓐𝓷𝓭 𝓽𝓱𝓲𝓼.
Numble Jumber - Simple Browser Puzzle Game
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.
Plink
A macOS-based music programming environment for hosting AudioUnit instruments and effects and allowing them to be played and controlled with code written in JavaScript, optionally driven by a score. (Work under development.) [more inside]
The Solar Nerd
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]
WhatCSS:
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]
Sprinkles: a javascript repeating pattern creator
A pattern generator to create repeating sprinkly designs. Sprinkle colours, width, density, and length are adjustable. Comes with included theme presets.
Chart.Business
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]
OUR AUDIENCE INCLUDES
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]
Three unofficial Metafilter web-extensions
Rewrites of three existing Metafilter Greasemonkey scripts in web extension format. [more inside]
FatFinger.JS
FatFinger is a library that allows you to run JavaScript full of typos. It will look at your code, attempt to guess at your intent, and do its best to make the code runnable. Rather than a tool to clean up code, FatFinger encourages the programmer to leave the code full of errors and fully embrace the chaos of JavaScript. [more inside]
Mk Mrc Grt Gn! A Disemvoweling Twitter Bot
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
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]
Interactive diary chat bot
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: Reverse Wingdings
Dingwings is a font you can only type with an emoji keyboard. [more inside]
Making a PBJ in 2016
After having read enough articles about exasperation about there being just too much stuff in JavaScript, I decided to write one as well – about my trip to the grocery store!
Interactive video feedback simulator in WebGL
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.
A pun generator
Generates puns written in the form "You could say he they put the 'demons' in 'demonstrators.'" Written in pure JavaScript, this pun generator can provide a few minutes of amusement, and might even generate something witty and worth sharing! [more inside]
The Full Stack
Unique insights for JavaScript developers.
That Half-Drop Image Grid From The Royal Tenenbaums . JavaScript
My first js library, w o w. A brand-new JavaScript file for repeating an HTML element's background image in a centered half-drop pattern, like that thing (1, 2, 3) from that movie. Also available on github.
Structured text editor component for the web
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]
ifTree
My attempt at putting together a very simple javaScript plugin for creating dialog trees and interactive fiction games, complete with some javaScript hooks so you can tie it into other stuff. GitHub link, examples.
106.js
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.
simple geocoder
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
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]
NoDoNot
Generate an image and slap the No Symbol on top! [more inside]
@autocompleterap
@autocompleterap is a Twitter bot that combines rap lyrics (from ohhla - scraping courtesy of @beaugunderson) and Google search autocomplete suggestions. [more inside]
Crazy Trick: Is it a clickbait headline or spam mail?
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]
example.com
Hyper-Yakety-Lapse
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.
Logs of Lag: League of Legends netlog analysis
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
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: Make responsive sliders and carousels online
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]
An interactive explanation of quadtrees.
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]
Soundslice interactive sheet music player
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.
Pull-quotable?
Spare yourself the anguish of vainly trying to tweet a 118-character pull quote. [more inside]
acb's technical journal
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]
Morse Code Decryptor
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.
Learn programming with Reeborg
Reeborg's World, an adaptation of Karel the Robot, is designed to teach programming. At present, only Javascript is taught but a Python version is planned for the near future. By design, the progression is very slow but the aim is to cover almost all the basic features (and keywords) of Javascript using a Test-Driven Learning approach. Reeborg's World is free to use and does not require any login.
Password Generator
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]
Generate images using an evolutionary algorithm by accepting or rejecting random images
This simple JavaScript game allows you to evolve a small image simply by accepting or rejecting random images, allowing them to "reproduce" into a new generation, and then winnowing down that generation to the "fittest" (ie, closest to your desired outcome) individuals. In other words, without drawing, you can--simply by accepting and rejecting images--create an image that you imagine.
Metropho.rs
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 - film colour blueprints
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]
Powershop.co
Powershop search engine for PC components (like motherboards, CPUs, etc). My basic plan was to create a tool like diskcompare that would work for all types of components, as well as an attempt to come up with a modern HTML5 UI that would let you view and filter data the same way you would in a spreadsheet or database browser. Right now it works for CPUs, GPUs, RAM, Motherboards, Monitors, Hard drives (including SSDs), USB sticks (and flash cards), Monitors, Cases and Fans, as well as Laptops and Tablets.
The front-end was done entirely in javascript (about 5k lines of JS before compression), and no HTML is generated server-side, instead plain HTML is sent and the javascript code requests JSON objects for everything else. [more inside]
Decision Tree Generator
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