Glitch is a simple and powerful open-source canvas for experimenting on the web—and after a year of beta testing, it's ready for artists and coders to get stuck in. If you want to make things online but get put off by complicated frameworks, the headache of server set up, and myriad incompatible platforms your work has to end up running on, Glitch might be for you.
I tinkered with it for the first time last week, and within minutes had overcome hurdles that I thought I'd never have the time or energy to figure out.
To a casual visitor, Glitch looks like YouTube, but for digital artwork and rudimentary games. You can even embed stuff there on your own site, just like video, though you have to click into the editing tools to get the snippets.
Dig in, though, and it turns into a simple but powerful coding environment: one that can't be messed up, no matter how hard you try. For me, it seems to offer all the freewheeling instant gratification of the early web, but with modern tools and technology -- and the chance to collaborate with other people without having to teach them Git. The promise of just focusing on art or application code seems almost alien to the modern web, but here it is, all without having to be my own sysadmin, security expert and full-stack drudge.
Best of all, you can take anything anyone's done, clone it, and tinker with it, and see the results change live: the best and fastest way to learn markup and scripting languages. There's even an undo button (which leads to a version control system, though I haven't played with it yet). When you're done, your work can be exported, ready to run anywhere else on the web.
In five minutes, I was able to glitch up this psychedelic remix of the classic Mystify Your Mind screensaver, just by tinkering with an authentic replica created by Colin Mitchell.
Anil Dash explains "What is Glitch?" in more detail; here's some cool Glitch apps and templates, embedded below.
The Wikipedia Game, by Dan Gorelick.
Text to speech, by garethx
Xylophone by Jenn Schiffer
Frog Feels, by Pirijan Ketheswaran (click the little full screen icon)
Breakfast with Blerf, simple grid-based game test (see the tutorial)
And here's a poem, Sea Pinks, by Rich Harris -- a good example of something simple that can be copied and modified without much hassle by the code-averse. Another one that looks best full-screen.
Need a fancy-lookin’ mockup of a book? Sebastien Castiel’s 3D Book Image Cover Generator does it using CSS, meaning it can be embedded in all its spinny glory using only raw HTML.
screenshot.rocks fits any image you upload into a web browser-style frame and gives you a new image of the composite. It’s perfect for turning photoshopped web design ideas into mockups so people know what they might look like in real life. Or simply as a cute frame for your favorite images, for sharing on the […]
RSS Box generates the “missing” feeds for Twitter accounts, YouTube channels, Instagram users, and various other sites that fail to offer RSS. This website lets you subscribe to RSS feeds for websites that do not support RSS themselves, by using the respective website’s API and then translating that data to RSS feeds. If you get […]
With more and more companies moving all their operations into the cloud, the need has never been greater for those with the skills to map exactly how an organization reconstitutes itself in that new environment. Network architects responsible for determining all the communication, storage, and infrastructure needs of an expansive organization are among the most […]
Even after months of working from home, you’d be forgiven for thinking the whole experience still doesn’t quite feel…well, normal. In addition to all the obvious environmental changes of handling your 9 to 5 from your den or dining room table, the technological aids you didn’t realize you loved back at the office probably don’t […]
Running a small business drops a lot on to the plate of just one person. And between juggling a dozen tasks that need to get handled daily, it’s no surprise that there are a dozen more equally vital tasks that can just as easily go overlooked. While posting to social channels and making web posts […]