Web Maker

2.5.0

Atomic CSS: Use can now use Atomic CSS(ACSS) in your work! Read more about it here.
Search your saved creations: Easily search through all your saved creations by title.
Configurable Auto-preview - You can turn off the auto preview in settings if you don't want the preview to update as you type.
Configurable refresh on resize - You can configure whether you want the preview to refresh when you resize the preview panel.
Bugfix - Fix indentation issue with custom indentation size.
Suggest features or report bugs.
Thank you for being a part of this community of thousands of awesome developers. If you find Web Maker helpful, Please rate Web Maker & share it.

2.4.2

Improved infinite loop protection: Infinite loop protection is now faster and more reliable. And works without the need of Escodegen. Thanks to Ariya Hidayat!
Bugfix - Default parameters not working in JavaScript is fixed.

2.4.0

Import/Export: Your creations are most important. Now export all your creations into a single file as a backup that can be imported anytime & anywhere.
Editor themes: You have been heard. Now you can choose from a huge list of wonderful editor themes!
Identation settings: Not a spaces fan? Switch to tabs and set your indentation size.
Vim key bindings: Rejoice Vim lovers!
Code blast: Why don't you try coding with this switched on from the settings? Go on...
Important: Due to security policy changes from Chrome 57 onwards, Web Maker now allows loading external JavaScript libraries only from certain whitelisted domains (localhost, https://ajax.googleapis.com, https://code.jquery.com, https://cdnjs.cloudflare.com, https://unpkg.com, https://maxcdn.com, https://cdn77.com, https://maxcdn.bootstrapcdn.com, https://cdn.jsdelivr.net/)
Save button now highlights when you have unsaved changes.
Jade is now called Pug. Just a name change.

2.3.2

2.3.1

2.3.0

Add Library Autocompletion - Just start typing the name of library and you'll be shown matching libraries from cdnjs.
Preview Screenshot Capture - Want to grab a nice screenshot of your creation. You have it! Click and capture.
Auto Indent Code - Select your code and hit Shift-Tab to auto-indent it!
Keyboard Navigation in Saved List - Now select your creation using arrow keys and hit ENTER to open it.
Highlight active line in code panes.
Bugfix - Fix in generated title of new creation.
Bugfix - HTML autocompletion is manual triggered now with Ctrl+Space.

2.2.0

Code Autocompletion - See code suggestions while you type!
Full Screen Preview - Checkout your creation in a full-screen layout.
SASS - SASS support added for CSS.
Faster CSS update - Preview updates instantly without refresh when just CSS is changed.
Bugfix - Indentation fixed while going on new line.
Bugfix - Works even in Chrome Canary now. Though libraries can be added only through CDNs.

2.1.0

2.0.0

Save and Load - Long pending and super-useful, now you can save your creations and resume them anytime later.
Insert JS & CSS - Load popular JavaScript & CSS libraries in your work without writing any code.
Collapsed Panes - Collapse/uncollapse code panes with a single click. Your pane configuration is even saved with every creation!
Quick color & number change - Click on any color or number and experiment with quick values using a slider.
Linting - See your code errors right where you are coding.
No more browser hang due to infinite loops!

1.7.0

Preprocessors! - Enjoy a whole list of preprocessors for HTML(Jade & markdown), CSS(SCSS & LESS) and JavaScript(CoffeeScript & Babel).
More awesome font for code.

1.6.0

You can now configure Web-Maker to not replace new tab page from the settings. It is always accessible from the icon in the top-right.
Download current code as HTML file with Ctrl/⌘ + S keyboard shortcut.
New notifications panel added so you are always aware of the new changes in Web-Maker.

Add Library