chrisdiana / webden

Open source mobile friendly code playground 📱

Home Page:https://webden.dev

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

WebDen

WebDen.dev is an open source mobile and tablet friendly alternative to JSFiddle and JSBin. It is a fully client-side app so you can install it as a progressive web app (PWA) on your device to use offline.

WebDen Screenshot

Features

  • HTML, CSS & JS editors
  • JavaScript console emulation
  • Preview panel
  • Designed first for mobile and tablet use
  • Import and export projects
  • Save code as HTML
  • Light & dark themes
  • Keyboard shortcuts
  • Offline support

Why?

The landscape of online editors aren't currently optimized for mobile or tablet. The iOS apps in this space have improved but were limited when this project originally started.

How to install

iOS Safari

Go to Share Menu > Add to Home Screen

Chrome

Go to Settings > Add to Home Screen

How to use libraries or frameworks

Add any scripts to the HTML tab as you would in a HTML file.

Coming Soon

Sign up to get updates on new features and releases.

  • Save as Github Gist
  • Pushing / Pulling from Github
  • Updated console features
  • Updated editor theme features
  • Capture JavaScript errors (for console)

License

  • The program is distributed under the terms of the Simplified BSD License. The license details can be found in the file LICENSE
  • The ACE editor is BSD licensed.

Contributing

  1. Fork and clone the repo
  2. Run any local web server in the root directory
$ git clone git@github.com:chrisdiana/webden.git
$ cd webden/
$ python3 -m http.server 8080
  1. Navigate to the local webserver and pass the debug=1 param to bypass service workers
http://localhost:8080?debug=1

Thanks!

About

Open source mobile friendly code playground 📱

https://webden.dev

License:BSD 2-Clause "Simplified" License


Languages

Language:JavaScript 73.3%Language:HTML 20.8%Language:CSS 5.9%