Skip to content
This repository was archived by the owner on Jan 19, 2022. It is now read-only.

Experiments

toolness edited this page Apr 2, 2013 · 8 revisions

Collapsible Editor Pane

By pomax, February 2013

This bookmarklet makes it possible for the code pane in Friendlycode to slide in and out, which obviates the need to publish just to see a full-page preview. It also makes it possible to develop interfaces that start out as GUI but reveal code as the user interacts with it, which is useful for not overwhelming newbies with lots of intimidating markup.

This functionality should eventually be integrated into Friendlycode. Issue #186 was filed to address this.

Blog post

Timeline Experiment (aka WebmakerX)

By secretrobotron and toolness, January 2013

This was created during the January 2013 Prototypathon in Toronto. It combines the timeline widget from Popcorn Maker with the Markup API of Instapoppin' to make it easy to create animated web pages.

Demo | Git Branch

Sandboxed Preview Frame Experiment

By toolness, December 2012

This is a proof-of-concept that runs the preview frame on a separate origin which is communicated with via postMessage, allowing users to anonymously publish webpages containing JavaScript without causing security vulnerabilities.

The proof of concept was filed as part of #162. In February, work on the jschannelify branch was started to productionalize the concept.

Demo

Webmaker Project Creator Experiment

By toolness, August 2012

This is an experiment into using Thimble to create Webmaker projects--both the "metadata" pages that appear on webmaker.org, as well as their accompanying Thimble HTML pages. The data for each project is actually saved to a git repository on a git-browserid-cors server; every time the user clicks "publish", a commit is made to the repository.

Furthermore, users can drag images into the Thimble editor pane from their desktop, which uploads the image as a commit to the backing git repository and inserts an <img> tag into the HTML source with the src attribute set accordingly.

Persona login is required to commit anything to the backing git repository. The email used to login is also used as the author of each commit.

Currently, the git repository for this experiment is unavailable, but all relevant source is client-side, unminified, and can be seen via View Source.

Demo

Slideshow Experiment

By toolness, July 2012

This is an attempt to make it easy for authors to create a slideshow via Paul Rouget's DZSlides, and to use a GUI to place absolutely-positioned objects on a slide via the preview pane.

Demo | Git Branch

Physics Experiment

By toolness, July 2012

This is an attempt to create a Markup API that makes it easy for authors to use a GUI to place physics objects via the preview pane. Their properties are controlled through markup in the source code pane, and box2d.js is used for physics simulation. The markup API could potentially be enhanced to make it an authoring environment for simple platformer games.

Demo | Git Branch

Clone this wiki locally