49 posts tagged with javascript.
Displaying 1 through 49 of 49. Subscribe:
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]
NumbersRound - Countdown-style number problem solver/app
I made a web-app that generates and efficiently solves Countdown-style number problems. Then I turned it into an android app (free of charge and also free of advertising). The javascript powering both is open-sourced under the MIT license.
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]
Tabminder: Stop distracted browsing before it starts
Tabminder is a Google Chrome extension I built to intercept distracted browsing and give me occasional reminders to get back to work. When I open a distracting tab on my blacklist, Tabminder starts counting down from a preset time limit. When time's up, it prompts me to close the distracting tab or restart the timer. It's just annoying enough to keep me focused but not so strict that I can't visit MetaFilter once in a while. It works well in combination with StayFocusd to keep me from wasting my daily distraction quota. [more inside]
Tweetchive, a view of your Twitter archive
Tweetchive is a little web hack I made to show your past tweets in various views. The primary view is a map, there are also views of pictures and text and links. It's not really a finished product, but it's useful enough I launched it. [more inside]
Project It Yourself!
With an accompanying intro and arty blog post, Project it Yourself rethinks map projections and lets you make new ones from scratch, with nothing more than household math.
Gibberish Generator
I'm proud to announce my first iPhone App: Gibberish Generator.
This app allows you to generate pseudo-random sentences from lists of verbs, nouns, and the like. Optionally, you can enable your contacts, to allow them to be used in the random fun.
The result can be tweeted or emailed to your friends. I can't imagine a more useful app than that. Perhaps I need a better imagination. [more inside]
Chomper 5 - Version 2.0 of my Pac-Man in HTML5 project
Several months ago I linked to my first crack at writing a Pac-Man clone in HTML5. Based on mefite suggestions and my own revision plan, I've completely reworked my original code. Play as Pac-Man, Ms., or Jr., and select from several mazes. Original sound and graphics "borrowed" from MAME emulation. Works best in Chrome and Firefox. [more inside]
Javascript graphing calculator
I wrote a little Graphing calculator in HTML5. You enter formulas as javascript code, and the my code evaluates them over and over again to generate an animated graph. You can change the color and width of the function graphs, the background color and add a 'fade effect', which can result in some cool visuals (examples:
1
2
3
4
5
6
7
8
9
A
B ) and you can generate hyperlinks to anything you create (that's how I linked to the examples.) [more inside]
Map of prevalent winds in North America
Curious which way the wind blows? Here's a map of historical winds in California and here's a detailed view of Honolulu. WindHistory is an interactive web map that shows wind roses for 2500 stations in North America. Built with SVG, Polymaps, and D3.
Consequence.js or: How I learned to stop delegating and set the var.
Consequence.js is a small Javascript library for reactive programming:
http://en.wikipedia.org/wiki/Reactive_programming [more inside]
Web Developer Guide: XHTML, CSS, PHP, JavaScript, HTML5, and PhotoShop
For the last nine years I have taught web development, with a sideline in 3D, while continuing to freelance. The product of this AskMeFi question, my blog contains lectures, lessons, tutorials, resources and practice quizzes for XHTML, PHP and CSS. Increasingly, I’m focusing my writing on JavaScript, CSS3 and HTML5. I’ve just added the (very much beta) ability to sign up and leave comments, with many more features planned. [more inside]
Page:
1