Blockly Games is a series of educational games that teach programming.
It is designed for children who have not had prior experience with computer programming. By the end of these games, players are ready to use conventional text-based languages.
Programming language subreddits and their choice of words
presents an interactive chord graph
showing how often particular languages are mentioned in other languages' communities. Another chart
shows how proportional others' mentions are to the TIOBE Index
. And some very elementary sentiment analysis
suggests how often each language inspires pure theory
, happiness and fun
, or cursing
. A tongue-in-cheek aside reveals that counting infrequently-mentioned languages yields another happiness/coolness chart
that puts Elm
at the top, just above other surprises.
An interactive visualization of Boston's subway system in February.
With it, you can see where trains on the red, blue, and orange lines were at any moment on February 3 were in space and along their paths between stations, among many other things. [more inside]
Sure, you like your mp3s well enough; you just wish they would steadily collapse into a wall of distortion and white noise. Good news: The Disintegrator
is here to help. [via mefi projects
? The key commands and interface are a bit different, but the monkey will still steal your lantern and you can still earn academic credit by banking the gold you find, exploring the mazes, and collecting treasure. Just like real life. [more inside]
, a game you can't win unless you change it.
You mean Prince JSON of Spartoi?
Marvel Comics has released in beta an API for access to part of its character and comic book database. Currently, it covers 30,000 comic books across 7,000 series and 8,000 characters in work by 5,000 creators, and provides results to queries in standard JSON format. [more inside]
Programmers will tell you that coding is one of the most approachable
skills there is. If you want to learn, there's
, or perhaps
. There are
that want to help you learn,
Finished with all of those? [more inside]
within a browser. The demo applications (which recommend Chrome, although other recent browsers also appear to work) will accept input from your webcam if available, and include facial tracking
, emotion detection
(requires webcam input) and the creepier face substitution
] [more inside]
is a set of generative art pieces written in gazelle
. Best viewed in Chrome.
A few months ago there was a list of links to classic video game emulators posted.
Very recently, I'm pleased to report, those links all came true
. The Internet Archive bespoke upon aforementioned consoles, computers, and mileposts on our way to the tech utopia of today, (seriously, where's my flying car?) and they asked us to do something: Imagine every computer that ever existed, literally, in your browser
. And it was so.
I have absolutely no affiliation with jscott
, btw. Thought I should disclose that.
an open-source HTML5 puzzle game engine [GitHub
Chandra Sky Map
- Joe DePasquale
runs through the process of creating the map and some helpful tips for using the interactive tool.
Zen photon garden
is a 2D ray tracer in your browser. A blog post
gives examples of what's possible and explains some of the unique details of its implementation.
'Lets Grid' is an online programming environment that is designed to get people into programming. I tried to strip away all of the complicated set-up that goes along with real-world programming and just give students the very basics they need to create cool things and share their creations with the world.
Thanks to Smore
, you can now put Microsoft Clippy (or one of its friends) on your websites
If you ever fiddled with AppleSoft BASIC back in the day, get ready for some serious nostalgia.
is a freestyle 80s battle rap generator by Darius Kazemi
. How it works
, and the source
VexFlow is an open-source web-based music notation rendering API
which utilises the VexTab
open specification to render notation as a client-side canvas [githubs 1 2
] [tutorials 1 2
Play Dune II
in your browser.
, father of the spreadsheet, discovers VisiCalc
of an IBM PC 5150. [more inside]
is Microsoft's new
open source programming language. [more inside]
3... 2... 1... fontBomb
! Detonate your favourite websites in stylish fashion with this experimental bookmarklet by Philippe-Antoine Lehoux. [more inside]
aids to programming, is at hand. (library name NSFW) [more inside]
is Twitter's toolkit for creating rich and more consistent web interfaces across browsers and devices. The Bootstrap ecosystem offers, among other things, an iconic font
, a customization generator
, themes for Wordpress
/ Drupal +
, templates for Fireworks
, a button generator
and a jQuery UI theme
How to get started?
Check out this tutorial
or this series
or even this
Built With Bootstrap
has lots of examples
on how developers are putting Bootstrap to good use.
Brendan Eich on the language he initially created in just 10 days in 1995, and on its state now, 17 years later.
Rob Stenson plays clawhammer banjo
. Jack Stratton plays a number of instruments
. Together, they've built Funklet
, a site where classic beats
This February, Twitter released Bootstrap 2
a rewrite of their earlier Bootstrap code. It's basically a framework that offers barebones styles and functionality. What's of interest, though, is that it uses almost no semicolons (just 15 in over 1k lines of code)
, which are normally used to separate lines of code. Instead, the code relies on automatic semicolon insertion
(ASI). Unfortunately this code breaks when minified
. This was reported as an issue on Bootstraps's github page
which led to a heated discussion on the topic of ASI
. [more inside]
Web developer Justin Watt
was staying at the Courtyard Marriott in Times Square, New York
and using the hotel wifi to access the Internet. He noticed some strangeness on his website... and on every other website he visited
(not to mention YouTube was broken.)
WebGL, the 3D technology that's associated with HTML5, continues to make giant strides in diverse areas:
Exploration of human anatomy: Zygote Body, released yesterday, and BioDigital Human, the successors to Google Body (previously)
World Visualisation: WebGL Earth, Nokia's 3D Map of the entire earth (previously). WorldWeather and The WebGL Globe, a Google project that displays all kinds of data. Also: Where Does My Tweet Go?
Games: browser ports of Team Fortess 2, Quake 3 and Rage (a developer’s diary). SkidRacer, an entire game in WebGL. Mini Mass Effect (not yet playable, sadly).
Tools: 3Notes.js, a visual scene editor. Developer documentation. More resources. [more inside]
is "a fast-paced single-player racing game for Linux
" and now, thanks to WebGL
, and Jasmine Kent
, everyone can play in a browser
, Tetris (very basic)
, Minesweeper (again, very basic)
. Note that the license for most of these is NSFW
- providing tools for creating interactive data visualizations for the web
- A lightning talk by Gary Bernhardt from CodeMash 2012, on the peculiarities of some popular scripting languages. (Single video link, around 4 minutes in length.)
Face detection has various applications. Easymustache.com
is perhaps not one of the most practical ones. [more inside]
A complete playable Nintendo Gameboy Color
offers similar interactive tutorials that will teach you the basics, and hold your hand along the way. Perhaps you'd rather learn at a more even pace; CodeAcademy's CodeYear
will introduce you to one new concept every week throughout 2012. [more inside]