MetaFilter posts tagged with html5

Keep up your sensawunda

MartinWisse — Tue, 30 Apr 2013 02:52:42 -0800

The entire history of the exploration of the Solar System in one handy picture, as created by Olaf Frohn. (Requires HTML5.)

Free Culture Foundation explore arguments for and against DRM in HTML5

Faintdreams — Thu, 25 Apr 2013 03:39:41 -0800

The three most pervasive arguments for DRM in HTML debunked by Freeculture.org " A handful of myths have become common defenses of the W3C’s plan for “Encrypted Media Extensions” (EME), a Digital Restrictions Management (DRM) scheme for HTML5, the next version of the markup language upon which the Web is built." The entire article is quite short, and worth a read but see the extended description for a TL:DR summary - Statement 1: DRM doesn’t work; that it exists to protect creators, but since it is easily cracked and can be worked around, it is largely ineffective and irrelevant Response 1: DRM is not about protecting copyright. That is a straw man. DRM is about limiting the functionality of devices and selling features back in the form of services. Statement 2: DRM in HTML5 is a necessary compromise to finally bring an end to the proliferation of proprietary, platform-specific browser plugins such as Adobe Flash Player and Micrisoft Silverlight Response 2: DRM in HTML5 doesn’t obviate proprietary, platform-specific browser plug-ins; it encourages them. Statement 3: The web needs DRM in HTML5 in order for Hollywood and other media giants to finally start giving the Web priority over delivering media over traditional means Response 3: The Web doesn’t need big media; big media needs the Web.

I can't let you do that, Dave.

Mezentian — Thu, 14 Mar 2013 18:57:56 -0800

Web standards body W3C is considering a proposal to add Digital Rights Management to the next version of the HTML5 standard. Internet pioneer Tim Berners-Lee is fine with this. Others, like Cory Doctorow, have a different point of view, claiming it will have far-reaching effects that are "incompatible with the W3C's most important policies". Others have called it "impractical and unethical".

HTML5 Exploit

Chocolate Pickle — Fri, 01 Mar 2013 16:02:54 -0800

FillDisk -- HTML5 permits websites to store considerable data on your local disk. It was originally expected that the browsers would impose a ceiling on this, but IE, Opera, Safari, and Chrome do not. A properly coded HTML5 site can completely fill your hard drive. Firefox handles this properly.

Making time safe for historians

smcg — Wed, 06 Feb 2013 07:49:45 -0800

Who needs machine readable dates? As far as I can see there are two target audiences for this operation. The first is obviously social applications that have to work with dates, and where it can be useful to compare dates of two different events. An app must be able to see if two events fall on the same day and warn you if they do. However, as a target audience social applications are immediately followed by historians (or historical, chronological applications). After all, historians are (dare I say it?) historically the most prolific users of dates, until they were upstaged by social applications. Quirksmode's ppk (Peter-Paul Koch) discusses the history of dates and calendars, through the lens of the HTML5 specification's <time> element, which was itself removed before being reinstated.

Migration flows across the world

ocherdraco — Fri, 25 Jan 2013 12:09:53 -0800

Peoplemovin illustrates the migration flow in and out of the countries of the world. Click on a country's name on the left to see its emigrants stream to countries on the right; click on a country on the right to see where its immigrants come from. Click in between the country lists to see information on top migration origins and destinations, and the largest migration corridors.

You seem to have paid a fairly high price for your happiness.

23 — Thu, 10 Jan 2013 06:03:40 -0800

enchantMOON is a "Hypertext Authoring Tablet" featuring hardware design by Yoshitoshi ABe. For CES the company behind the tablet, Ubiquitous Entertainment, created a series of shorts directed by Evangelion veteran Shinji Higuchi. Some more details about the tablet can be found here and on the official Facebook page. Current details about the UI suggest it takes inspiration from Hypercard and Alan Kay's Dynabook. Physically the device is unusual for a tablet in that it has a handle that can be used as a stand as well as an included smart pen. A lengthy article (Japanese-only) has more pictures as well as a video of the user interface in action; handwriting recognition is used to find a picture of the moon and bring it on to the main screen. The "enchant" part of the name comes from Ubiquitous Entertainment's EnchantJS library for making HTML5 games.

Save the Day

boo_radley — Wed, 12 Dec 2012 14:21:47 -0800

Save the Day -- try to save all the townsfolk in your rescue chopper before natural disaster strikes.

Score Rush MP, an HTML5 Multiplayer Shmup

archagon — Sat, 17 Nov 2012 15:48:50 -0800

Xona Games have ported their Xbox Live Indie Games bullet hell shoot-em-up Score Rush to HTML5 — with multiplayer included!

Google doodles Halloween

doctornemo — Wed, 31 Oct 2012 06:06:05 -0800

A Halloween doodle from Google. Be sure to click around, and save the kitty for last.

a symmetrical doodling program

crunchland — Tue, 02 Oct 2012 18:46:12 -0800

Silk ... a symmetrical doodling program, like drawing with strands of silk. (previously)

Dozens of planets and hundreds of moons

Artw — Tue, 04 Sep 2012 11:08:04 -0800

HTML5 Map of the Firefly 'Verse

moof

theodolite — Wed, 29 Aug 2012 10:56:46 -0800

Working on a shareware game in Hypercard but just can't find the right image for your About box? Give your photographs the System 6 treatment with Gáspár Körtesi's in-browser drag-and-drop dither tool.

Some days you just can't get rid of a bomb!

oulipian — Fri, 06 Jul 2012 10:17:24 -0800

3... 2... 1... fontBomb! Detonate your favourite websites in stylish fashion with this experimental bookmarklet by Philippe-Antoine Lehoux. Bonus games:

What it is is Beautiful.

azarbayejani — Tue, 26 Jun 2012 05:41:05 -0800

Build Lego onto a Google Map Google claims that it works only in Chrome, but I tried it out in Safari and Firefox on Mac with no problems.

No man is an island

theodolite — Thu, 29 Mar 2012 11:01:14 -0800

Eke out a peaceful life in the wilderness in Make No Wonder, a new HTML5 game by MeFi's own Matthew Hollett. [via mefi projects]

Pretty Pony DEATH BLASTER

Zarkonnen — Thu, 29 Mar 2012 10:55:14 -0800

The Gendered Advertising Remixer lets you set the video of one toy ad to the audio of another.

3DEverywhere

Bora Horza Gobuchul — Wed, 28 Mar 2012 12:41:17 -0800

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).

Musicals: Lights.

Tools: 3Notes.js, a visual scene editor. Developer documentation. More resources.

The majority of these projects are open source; recent browsers are required for all links. If the ocean is more your thing, you might want to check out Chrysaora or the WebGL Fishtank

Just because.

azarbayejani — Tue, 27 Mar 2012 09:00:10 -0800

BrowserQuest: Mozilla's Massively Multiplayer HTML5 Experiment

Earth From Above / Pale Blue Dot

Bora Horza Gobuchul — Sat, 17 Mar 2012 01:55:46 -0800

Earth in perspective:

Stratocam takes the most beautiful landscape satellite photographs from Google Maps, as voted on by visitors, and switches them every few seconds, with a fullscreen mode.
ChronoZoom is an interactive, zoomable HTML5 timeline of the entire history of the universe, from the Big Bang to Homo Sapiens, with embedded video and lectures.

Nostalgia embedded on a web page

Bora Horza Gobuchul — Tue, 24 Jan 2012 14:35:48 -0800

A complete playable Nintendo Gameboy Color system, emulated in JavaScript and HTML5, with Super Mario Land, Zelda, Megaman, Final Fantasy, Tetris and more.

A day in YouTube can be reduced to 345,600 nyans

Memo — Mon, 23 Jan 2012 19:11:11 -0800

One Hour Per Second - "In 1 minute 50 seconds of uploads to YouTube, an unlucky person falling through a bottomless pit travels 12,000 miles."

WebGL-only (no plugins!) 3D map

spitefulcrow — Thu, 05 Jan 2012 10:06:14 -0800

Nokia's 100% WebGL 3D map [SLBrowserToy]

How Google (and Rovio) Ported Angry Birds to HTML5

jenkinsEar — Wed, 28 Dec 2011 11:19:11 -0800

Joel Webber, a Google engineer who created the Google Web Toolkit and is working on the new Dart language, gave an incredibly detailed hour and a half talk about how Angry Birds was ported to HTML5 for the Chrome app store.

Like a manpage for the web

schmod — Wed, 07 Dec 2011 12:11:53 -0800

Over the past several years, Mozilla's collection of developer documentation for its own web browsers has turned into a wiki-editable reference of web standards for developers working with all browsers, hosting a comprehensive, no-nonsense reference of HTML, HTML5, CSS, JavaScript, the DOM, and more. If you find yourself turning to this reference frequently, dochub provides instant access to Mozilla's documentation for any HTML, CSS, JavaScript, or DOM-related topic. If you're worried that a fancy new standard might not work in an older browser, canIuse will tell you exactly how many browsers will support that new standard. Still want to use that shiny new standard? Modernizr and yepnope will let you detect missing features, and load tiny bits of code to make old browsers support the latest HTML5 hotness.
[via the carefully-curated selections of JavaScript and HTML5 Weekly, run by MetaFilter's own wackybrit]