Giter Club home page Giter Club logo

webden's Introduction

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 [email protected]: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!

webden's People

Contributors

chrisdiana avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

webden's Issues

Docker Desktop Extension Ownership

Hi @chrisdiana

Using your project and the Dockerfile provided in #10 - I've created a Docker Desktop Extension, allowing Webden to be run directly in Docker Desktop.

Here's a link to the repository - https://github.com/spurin/webden-extension

And for convenience, here's a screenshot of it in action -

Screenshot 2022-07-19 at 12 37 35

I'd like to know if you'd be interested in taking ownership of this as an extension in Docker Desktop? From a management viewpoint, it will be building and pushing a new Docker image each time you do a new release.

Thanks

James Spurin

How to not auto run script?

I wrote a massive of code which takes much time to run. I don't want it to run every time I edited the code but only when I go to the preview tab or the console. What can I do?

Add export all settings and projects

WebDen only allows for exporting individual projects currently. The app should have the ability to export all projects and settings and be able to import them later if needed.

Better asset handling

Add functionality to allow to more easily add static assets such as images, CSS, and JavaScript files.

Need an undo button

First of all, I just want to say thank you for creating this tool! I just discovered it and it's definitely going to be a game changer for me. Trying to fiddle on mobile has always been painful, until now!

One thing that would really help improve the experience even further is an undo button. With a touch interface it's pretty easy to accidentally highlight and overwrite something you didn't mean to and onscreen keyboards generally lack the ctrl key for using shortcuts. Being able to undo a mistake could definitely save some facepalm moments like the one I just had 🤦🏻

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.