Feeds

Mozilla teaches coding with new Thimble 'Webmaker'

HTML and CSS for novices could re-ignite kiddie coding cogitation

The Power of One eBook: Top reasons to choose HP BladeSystem

Mozilla has released a web page creation editing tool that steps novice users through HTML and CSS.

Dubbed “Thimble”, Mozilla bills the new tool a “webmaker”. While that term is cringeworthy, the two-paned web app is anything but. One pane offers raw HTML, with just a few basic tags. The other offers a WYSIWYG view of the HTML as you code.

Once authors deem a page complete, the service allows publication to a new Mozilla service, webmaker.org.

So far, so bland – aside from instructional floating information about each tag (at bottom left in the image below) there's not a colossal difference between Thimble and myriad HTML editors from the mid-90s.

Thimble offers more with a library of ready-to-use projects, including basic games, many of which offer functional web pages complete with lots of inline comments to explain how the page works and suggesting syntax and resources needed to perform further customisation. These starter projects are shamelessly didactic, with Mozilla saying “Thimble removes many of the barriers for novice users trying to learn code.”

Thimble

Mozilla's new Thimble HTML and CSS tool for novices (click to enlarge).

Which is not to say that would-be Thimblers (we're happy to be the first to coin the phrase and/or bastardise the language with a noun-to-verb mess) will be left to stumble through code alone: Mozilla has launched Thimble just before its Summer of Code kicks off and expects lots of enthusiastic folks to show at 330 Summer of Code parties around the planet*.

Mozilla has also launched X-Ray Goggles, which allows inspection of, and interaction with, a page's HTML. Another new project, Popcorn, will offer a code-free video mashup-maker when it debuts in November 2012.

All three tools use a bright palette of colours and kid-friendly graphics, yet don't shy away from putting code in users' faces. It's therefore hard not to imagine recent debate over how computer science should be introduced to schools would have taken a different course had they been made available earlier.

Your correspondent can certainly foresee a session with his Mr 10 and Thimble in the near future. We're also salivating at the prospect of doing so with a Raspberry Pi, as that machine with a topping of Thimble seems the perfect way to show kids that there's more to technology than hermetically-sealed appliances. ®

* So far as we can tell, Mozilla is taking the Summer of Code thing pretty seriously: it appears no events are scheduled in the southern hemisphere, where it is currently winter.

Reducing security risks from open source software

More from The Register

next story
NO MORE ALL CAPS and other pleasures of Visual Studio 14
Unpicking a packed preview that breaks down ASP.NET
Apple fanbois SCREAM as update BRICKS their Macbook Airs
Ragegasm spills over as firmware upgrade kills machines
Cheer up, Nokia fans. It can start making mobes again in 18 months
The real winner of the Nokia sale is *drumroll* ... Nokia
Mozilla fixes CRITICAL security holes in Firefox, urges v31 upgrade
Misc memory hazards 'could be exploited' - and guess what, one's a Javascript vuln
Put down that Oracle database patch: It could cost $23,000 per CPU
On-by-default INMEMORY tech a boon for developers ... as long as they can afford it
Google shows off new Chrome OS look
Athena springs full-grown from Chromium project's head
Apple: We'll unleash OS X Yosemite beta on the MASSES on 24 July
Starting today, regular fanbois will be guinea pigs, it tells Reg
prev story

Whitepapers

Top three mobile application threats
Prevent sensitive data leakage over insecure channels or stolen mobile devices.
Implementing global e-invoicing with guaranteed legal certainty
Explaining the role local tax compliance plays in successful supply chain management and e-business and how leading global brands are addressing this.
Boost IT visibility and business value
How building a great service catalog relieves pressure points and demonstrates the value of IT service management.
Designing a Defense for Mobile Applications
Learn about the various considerations for defending mobile applications - from the application architecture itself to the myriad testing technologies.
Build a business case: developing custom apps
Learn how to maximize the value of custom applications by accelerating and simplifying their development.