Web Maker

Description from extension meta

Blazing fast & offline playground for your web experiments

Image from store Web Maker

Description from store A blazing fast web playground that even works offline! This extension provides you with a very easy accessible and offline playground for your lovely web experiments. Perfect for developers who want to experiment or practice in HTML/CSS/JS quickly, even without Internet connectivity. Web Maker 4.0 lands in Chrome extension!! 🎨 Command Palette 🎮 Improved Console 💄 Prettier and Monaco ⚙️ New Settings UI ♿️ Accessibility improvements Enjoy! 🎉 Features: * Works offline * User accounts * Supports preprocessors: HTML (jade, markdown), CSS (SCSS, LESS, Atomic CSS, Stylus) & JavaScript (ES6, CoffeeScript, TypeScript) * Inbuilt Console * Save and load your creations with Auto-save * Fork any creation * Various templates for popular libraries - React, Vue and more * Multi-monitor support with detached preview * Import & Export all creations anytime, anywhere * Multiple editor themes & other configurable settings * Font options + use any system font * Code autocompletion * Very easily accessible. Simply open a new tab in Chrome! (configurable setting). * Multiple layouts with saved collapsed states * Save as HTML file * Edit in CodePen * Preview screenshot capture * Open source on Github Lets create! Permissions Required --------------------- * Read URL of the opened page - This is required to give optional new tab replacement feature because Web Maker shows itself only when chrome://newtab is opened Disclaimer ---------- Web Maker does not track any user specific data. It uses Google Analytics to track aggregated events to improve user experience based on what features are used more. If still you want to opt-out of Google Analytics tracking, please visit http://tools.google.com/dlpage/gaoptout or you can set up a filter in Adblock Plus or similar ad blocker tools like AdBlock, uBlock or Adblock Pro. Help & Support --------------- Chat - https://gitter.im/web-maker-app/Lobby Twitter - https://twitter.com/webmakerApp Website - https://webmakerapp.com Changelog ------------- v4.0.2 New overhauled UI. Note, Files mode is only available in Web app currently. v.3.4.0 Templates, Js13kGames mode and more! v.3.3.0 Ported to Preact.js v.3.0.0 Web Maker now as web app -> https://webmakerapp.com/app/ v.2.9.7 Tailwind CSS added, Popular libraries updated, and code refactor. v.2.9.5 Improvements in external library ux, pane collapsing and bugfixes v.2.9.0 Detached preview, Atomic CSS configurations, find/replace, more settings & bugfixes. v.2.8.0 Auto-save, custom system font, configurable auto-completion, matching tag highlighting, bugfixes and improvements v.2.7.1 Lots of bug fixes and minor improvements v.2.7.0 Fork feature, fonts, bugfixes and improvements v2.6.1 Several bugfixes. v2.6.0 Inbuilt Console added.! v2.5.0 search saved items, Atomic CSS support, more configurable settings and bugfixes. v2.4.3 Whitelist scripts from stripe.com. v2.4.2 Improved infinite loop protection. v2.4.0 Import/export, editor themes, more settings, vim keybindings, Add library policy changes. v2.3.2 Onboarding improvements, does not replace new tabs by default and babel update. v2.3.0 Preview screenshot capture (new downloads permission required for this), keyboard navigation, auto code alignment & bugfixes. v2.2.2 Bugfixes in autocompletion v2.2.0 Code autocompletion, full screen preview, SASS support and bugfixes.

Latest reviews

(2020-08-27) Venu Babu: this a much best developing and quick results
(2020-08-24) pu po: 很好用的工具，在没有网络连接codepen的情况下，这是个不错的选择。还有就是希望界面能更美观点，感谢你的付出
(2020-07-31) Bethuel Kipsang: I 100% love this extension, it is the best editor I have ever seen for an extension.
(2020-07-16) Fadi Chamieh: A perfect addition to any web/developer's arsenal. Period.
(2020-06-30) Lucy the Viola Cat: I use this all the time when I feel like whipping up some code, and it's so easy to use that I don't want to use anything else!
(2020-06-26) Feroza Rafique: I am the new kid in town probably. Know a little of HTML and wee bit of Java script, having learnt both in 2000! Now due to COVID-19, I am back to web designing a family website. And we used to do web designing in Notepad. Web Maker therefore is like heaven! And as magnanimous as heaven too. Unlimited code, I can put here in Web Maker. I am indebted. :-)
(2020-04-06) Ramiro Rodriguez: Awesome. This is a great web app for developers that want to spin something real fast then move over to Code Pen. The best part is, it keeps getting better. We can set up a complete coding environment in seconds and begin typing just as fast. I've tried other online development tools and this is one that I keep coming back to, over and over again. :-)
(2020-04-03) Ma' Coding: Mudah digunakan dan sangat simpel.
(2020-03-16) Sophie: Absolutely a MUST-HAVE for developers! Thanks so much for being so awesome :-) Enjoying it to full!
(2020-03-05) Alexander V.: Amazing!
(2020-03-02) Manan Tank: pretty awesome !
(2020-02-09) A I: Used for snippet creation and snippet storage for front-end development. UX is also excellent and can be used offline.
(2020-01-07) Ven.O Thittakantho: It's so awesome tool for frontend developer
(2020-01-06) Rayner Fernandez: great
(2019-10-07) Devs Roadmap: amazing tool
(2019-09-09) irani noor: بهترینها رادرافزونه های کروم یافتم ازجمله همین افزونه عالی وکاربردی .
(2019-09-09) Antonio Alejos: nice !!!
(2019-09-05) Ivan Kostov: Super!
(2019-08-04) Shubham Maurya: good
(2019-07-24) Jim Greer: Well done ! You get cookies and milk my friend! Cheers Jimmy G
(2019-07-16) Inam Kb: the best thing out there. tried many browser based TE but this won my heart. no DB required at all and transpilers are built into it.
(2019-07-10) Aleš Hochman: good
(2019-07-03) Genbo Dev: VERY GOOD !
(2019-07-01) Arthur West: i am not a coder
(2019-06-28) Jaime Reyes: Una gran utilidad a la hora de maquetar una pagina web aun sin necesitar de una conexión a internet, y sobretodo el poder descargar lo hecho hasta el momento.

Latest issues

(2020-05-06, v:4.0.3) itsnickford: can you make games and upload them to newgrounds and other places?
hey, I haven't got it yet but I was wondering can I make text adventure games with this app, download it and put it on newgrounds? or is this not an app where you can download the html? If you can answer me that would be great. Thanks
(2020-03-22, v:4.0.3) 00 Jirow: I cant login with google account .
The google auth popup window hidden soon. And I cant login to WebMaker. Are there any ways ? OS: ChromiumOS Browser : Chromium
(2019-06-24, v:3.6.4) Lakeside Group: running js
How do you run js in this app? At the moment js functions give no response.
(2019-05-22, v:3.6.4) Ashley Jordan: I do update to 4.0?
There is no option to update to the newest version. I have to open up the version I have and click the bottom link "Web maker 4.0 check it out" The only option I have is to remove the extension? Which I don't want to do.
(2019-04-13, v:3.6.4) Behrouz Hosseini: Missing Previous Version Files
Hi I just upgrade to the V 4.0 and looks like I am missing all files which I had in previous version! Is there any way to retrieve them?
(2018-11-13, v:3.5.1) rokoblox: Renaming projects?
How can I rename my projects?
(2018-07-12, v:3.3.2) Addind images ti library
any method to add Images/audio in library will be very helpful
(2018-06-17, v:3.2.0) Игорь Крюков: formating to html
когда начал форматировать код с HTML5 в HTML из 30-ти строк кода всего 2-ве ошибки !!!
(2018-06-08, v:3.2.0) Zray Dev: Premade Foundation template?
This extension looks promising, but currently struggling to get the Foundation CSS and JS libraries to work. It would be great to get a Foundation 6 template to import, so I can see how the page and library integrations are set up. Using Chrome on win10
(2018-04-17, v:3.0.4) Abel Abera: emmit function not working
i was trying out some emmit and found it not to work and have been working in previous version and it goes like this `ul>(li>a)*4`
(2018-03-15, v:2.9.8) mjs28s: on a chromebook
with this extension and developing on a chromebook, do chromebooks com with everything needed on them to work right out of the gate with html, css, and JS? On my PC I have been messing around with various IDEs and get errors like "nodejs runtime environment is not running or installed" so I have to them go out and download that. Played with python, same thing - the IDEs don't come with what is needed to actually have code executed on my computer thus I end up going out and downloading more stuff. Since chromebooks are built to be web type devices and those use HTML, CSS, and JS by default, do I just add your extension and everything else I need is already in chrome OS, or are there more unsaid add-ons that I have to go hunt down?
(2018-02-11, v:2.9.7) bummer...
weird how it seems to work for most everyone except me lol... the main html and css windows work, meaning i can type stuff and see it in the render window, but nothing else works i try to change to markdown, nothing happens and markdown is not rendered i hit the settings button, nothing happens i try to resize the html/css/js windows but can't... i click on notifications and a small white box shows up that i can't close... i try to 'add library' 'open' 'save' etc but nothing happens... 'edit on copepen' doesn't do anything either... actually, the only buttons that seem to do anything are the layout buttons... too bad cuz this kind of thing is exactly what i'm looking for... i guess i'll keep looking...:(

Statistics

Installs

49,187

Links

Extension in store

Web page