81 posts tagged with Web.
Displaying 1 through 50 of 81. Subscribe:
Dither All the Things - Atkinson Dithering for the Web
I think we can all agree that web pages today are too colorful, which is why I have created a web component that crushes your images down to crisp, pixel-perfect dithered black and white. This blog post features an interactive demo - dither your own images and party like it is 1985!
Sorry for the lack of updates! Yesterday was 10 years to the day since the last update to this site. [more inside]
DNDle - Wordle, but you're picking stats to guess D&D monsters
It feels like there's a Wordle clone for everybody nowadays. But I decided to go in a slightly different direction when I made DNDle, a game in which you try to guess the Dungeons & Dragons "monster of the day" by assigning values to its attributes and being told where you've got them right. [more inside]
A channel vocoder walkthrough
It's an interactive explanation of a channel vocoder. (Homer Dudley's original vocoder from the 1930s was channel vocoder.) It let you perform all of the steps that the vocoder goes through to analyze a music signal and a voice signal and synthesize them together.
The Sound of the Far Future
This is an ambient concept album that tells you about events that will happen in the far future. You can listen to the recording, or you can have your browser play it "live" with accompanying visualization. [more inside]
"Axe Feather 2021" - recreating a 16-year-old ad [probably SFW, depending on your work]
In 2004, Axe/Lynx (the deodorant brand) released an interactive advertisement that used then-new video features of the Flash platform. This was a year before YouTube, and the Internet went crazy about their new found ability to virtually tickle a woman lying on a bed. It fell off the Internet in 2009 and with the death of Flash you can't even (easily) see it on archive.org any more... so I recreated it for the modern web. [more inside]
Blinking marquees of the early Web
In the mid-to-late 1990s, two browser giants - Netscape's Navigator and Microsoft's Internet Explorer - began the First Browser Wars, each introducing their own proprietary features to the nascent web. The former gave us <blink>, the latter <marquee>, and many personal websites used both (one wrapped inside the other) in order to provide animation to virtually all of their users. Don't bother dusting off your old computer: I've recorded what it looked like! [more inside]
Codepip: coding games for learning web dev
Random Animal Crossing Island Dream Codes
The latest release of Animal Crossing New Horizons let’s users upload their islands so others can visit at anytime, you just need their dream address. I made a tool that aggregates Dream addresses from public social media posts so users can easily get a random dream island to visit.
No Scary Parts: a browser extension that skips scary scenes on Disney+
No Scary Parts is a chrome extension that skips creepy scenes in classic Disney movies on Disney+. Since the beginning, every Disney film, without fail, has included a weird scene or two that traumatizes generations of kids, from Dumbo's pink elephants to Fantasia's Night on Bald Mountain. Currently I have 5 movies supported. If you have a sensitive toddler or don't want flashbacks to your own childhood, try out this extension.
Do you love The Singing Bush from the 1986 comedy ¡Three Amigos!? [more inside]
[text deleted] [more inside]
The Mad Magazine Fold-In Effect in CSS
At age 99, comic artist Al Jaffee just announced his retirement. Jaffee was best known for his Mad Magazine fold-ins, where folding the page reveals a hidden message in the artwork. Plenty of examples can be found on the web. Unfortunately, they all show the before and after statically, diminishing the magic. There’s a whole generation who may have only seen the fold-ins in this format. So of course I had to create the paper folding effect for the web.
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. 𝔜𝔬𝔲 𝔠𝔞𝔫 𝔲𝔰𝔢 𝔦𝔱 𝔱𝔬 𝔪𝔞𝔨𝔢 𝔱𝔢𝔵𝔱 𝔩𝔦𝔨𝔢 𝔱𝔥𝔦𝔰. 𝓐𝓷𝓭 𝓽𝓱𝓲𝓼.
Incredible Doom: Season One
A gut-wrenching coming of age story of unlikely alliances, magic, daring escapes, young love, and crime sprees, all squeezed over 2400 baud modems. We're so proud to be finally releasing the entire 6-issue print and web comic Incredible Doom free for everyone to read online, no strings attached. We also made a new little video to give you an idea of what it's like. [more inside]
Edward Tufte uses distinctive, simple, well-set typography, extensive sidenotes, and tight integration of graphics and charts. This project is an attempt to bring that style to the Bootstrap framework. Contributors to this open source project are welcome. [more inside]
Web archiving for bots
From the explanatory post: I’ve made several bots over the years. They’re mostly Twitter bots. Some of them are throwaway larks, and some of them only work in the moment. If Twitter becomes too harmful to humanity to gift with free content, I’m OK with letting those go. However, there are many bots whose fate I want to keep in my own hands, rather than Twitter’s. To that end, I built a static site updater. [more inside]
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]
Convert Word Docs to Mind Maps
The project takes your microsoft word documents and converts them into mind maps. [more inside]
High Post Software
In early 2017 I launched a new web and mobile development consultancy, focused on small and medium sized organizations, especially those with a social mission. [more inside]
Stairs that keep going down that you can follow forever (or perhaps more realistically, until your browser crashes), if you want. [more inside]
xn--qeiaa.ws: Emoji Domain Registration
Domains can be more than just letters and numbers. Most people have no idea they can just type a bunch of hearts in their address bar and go to a domain... and yet, it works!
Dingwings: Reverse Wingdings
Dingwings is a font you can only type with an emoji keyboard. [more inside]
I built a personal Siri, accessible over the web. It's a work in progress, but I thought I'd share what I've made so far, and how I built it.
Malimbe: an asynchronous server-side web framework in Swift
After Apple open-sourced their Swift programming language and released a preliminary Linux port, I started putting together a server-side web framework for it. So did many others, though my web framework is (as far as I know) the only one to use futures for concurrency. It's still very much a work in progress, though now has a few toy apps, some useful middleware, and a Swiftily protocol-based HTML generation mechanism. [more inside]
Are you trying to buy a house? Well, if so, this tells you how much you'll have to pay each month for it, factoring in taxes and loan terms, so you can immediately find out if a house or condo is just too bonkers for you.
I quit facebook a long time ago and decided to systematically contact my friends instead. You too can do this. [more inside]
The New Code
Seven years ago I asked about blogging solutions on AskMe. A year after that, I had the site up and running. But times (and best practices) change, so I've completely rewritten, redesigned, rebranded and relaunched my web development site. [more inside]
Box Vs. Can
Since the beginning of time man has wondered, "What receptacle is superior, the box or the can?" This web series aims to answer that question. [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.
We used to have an LCD clock radio that glowed various rainbow colors. I "voted it off the island," so to speak, because it seemed like clock radio was a waste of space in the age of clocks-on-everything, but we missed spacing out while looking at it, so I put together this web substitute. [more inside]
Post-apocalyptic web series
Swords, martial arts, action, adventure, drama!! [more inside]
Batch uploads to AWS S3 using Clojure
Clojure demonstration of authenticating and batch uploading to Amazon Web Services' Simple Storage Service. [more inside]
Let's build a browser engine!
I work for Mozilla as a web browser developer. I've found that it's hard to learn the inner workings of a browser, so I started building a “toy” HTML/CSS rendering engine designed to be easy to understand and modify. This is the first in a series of articles that will explain the code I wrote, and also walk you through the process of writing your own toy rendering engine from scratch.
Pee & Pray
Pee & Pray is an ongoing web comic starring Peeing Calvin and Praying Calvin. I'm 18 episodes in so far. There is some NSFW language. And peeing. Thank you.
is one of three strange glimpses into Us Conductors, a theremin novel by me. Each of the trio of sites visits a different passage from the book through the lens of a different designer, with different contributing musical artists: Whispering Machine, by Luc Mikelsons & Adam Benzen, has sounds by Bear In Heaven; Our shadows slanting by the lamps..., by Brendan Reed, has sounds by Owen Pallett; I gazed at a long shelf of batteries..., by Jez Burrows, has sounds by an unnamed musician.
According to ICANN, .COM domains were intended for business, .ORG for nonprofit, and .NET for internet providers and "Web Portals." Internet Directory is a listing of every domain using these TLDs -- beginning with the 115 million .COMs -- as they stand in early 2014. On a fast browser, it takes 599 days to watch every domain scroll by. [more inside]
Just Graph It
A simple app for creating a line graph. It works by entering a number, a date-time is automatically associated with that number when it is entered. Two or more numbers and you got yourself a line graph. Not much more to it, there's the ability to create multiple graphs, and to edit entries, but tt's light weight by design. Note: Requires a modern browser with HTML5. It worked for me on PC (Chrome), Android and iPhone, it should work on everything else. There's a shorter alternate url as well: g.joha.us [more inside]
A few years ago, I helped build a prototype of an original idea for a web game, and today it's out of beta and open to all! "What is it?" you ask. It's one of the very few games in which you are yourself and not playing a character. It is an experience you can have over the course of a month or so, a few minutes at a time. It increases your understanding of exobiology. It's exploring a new planet, one picture at a time. [more inside]
An in-browser toolbar that helps you browse the archives of your favorite website. Includes hotkeys, a random page key, a title bar to quickly cycle through random titles, and more. Try it with Metafilter, Ask Mefi, or Mefi Projects. You can also browse a number of comics, some popular Tumblrs, several interesting wikipedia collections, and more. Additional websites (including The Onion) are listed on the main page. Use the hotkeys for maximal enjoyment. [more inside]
A text drafting tool so minimalist that the words you're writing are invisible [more inside]
I wrote a Chrome extension that tells you how many times you've visited the page you're on, right in the button by the URL. Clicking the button gives you a graph showing how many times you've visited the page in the last week. [more inside]
Shoot the Rancors!
your next sentence
A web app to help blocked fiction writers write the next sentence (and the one after that, and the one after that...) [more inside]
Gametron 7000 (GT7K) is a web-based game-building toolkit, designed and built by myself for use in non-programming-centric game design classes I've been teaching in NYC. It's almost all visual (no coding) and allows non-tech-savvy game creators to make fairly simple 2D sprite-based games. Even though it's a little rough around the edges, hopefully it's fun to use! [more inside]
Stirling is the first Microserial from the YouTube channel Before the Crow. The web series follows Matt Stirling, who after surviving an accident, worries he may be losing his grip on reality. [more inside]
CRAPCHA stands for Completely Ridiculous And Phony Captcha that Hassles for Amusement. It doesn't keep spammers out. It doesn't crowdsource book scanning either. CRAPCHA's only job is to baffle users, and you can add it to your site today.
BookHunch.com: the anti-Pinterest bookmarking site
This is a new project I've just released in beta. I was inspired to do it b/c I was getting tired of stale bookmarked links: a lot of useful blog articles disappear and neither web.archive.org nor Google's cache were very helpful. I'm calling it the "anti-Pinterest" because the focus is on preserving text, using a readability-style algorithm to strip away ads and other web page boilerplate. It's still new, and a little rough around the edges, but I'm interesting in hearing what you guys think! If you sign up today, contact me through the form on the site with your username and I'll give you free access for a month.
Make fake iPhone and iPad apps to rickroll your friends (or worse...). More information about the project in this blog post.
Page: 1 2