🔧 Bugfix: Modal take up appropriate width instead of spanning full width.
🚀 Announcement: Hi! I am Kushagra Gour (creator of Web Maker) and I have launched a
Patreon campaign. If you love Web Maker, consider pledging to
support me :)
Web Maker is no more just a Chrome extension, it is also available as web app that runs offline just like the extension!
Checkout it out ->
https://webmakerapp.com/app/.
Now use Web Maker web app on any modern browser (tested with Chrome and Firefox).
User Accounts - The much requested user accounts are here. Now maintain your account and store all your creations
in the cloud and access them anywhere anytime.
New layout mode - One more layout mode, that lets you align all the panes vertically.
No more restriction on scripts (Web app only) - If you are using the web app, there is no more a restriction
to load scripts from only specific domains. Load any script!
Inline scripts (Web app only) - The restriction of writing JavaScript only in JS pane is also removed.
Keyboard shortcuts panel: Add a list of all keyboard shotcuts. Access with
Ctrl/⌘ + Shift + ? or click keyboard button in footer.
Add external library: Better UX for searching third party libraries.
Improvement: Code panes now go fullscreen when double-clicked on their headers - which is much more intuitive
behavior based on feedback from lot of developers.
Improvement: Add
allowfullscreen attribute on iframes. Thanks
ClassicOldSong.
Bugfix - Stop screenlog.js from showing up in the exported HTML.
Popular external libraries list updated. Thanks
jlapitan.
2.9.4
Improvement: Atomic CSS (Atomizer) has been updated to latest version. Now you can do things like psuedo elements.
Learn More.
Bugfix - Logging circular objects is now possible. It won't show in the Web Maker console, but will show fine
in browser's console.
Bugfix - Console's z-index issue has been fixed.
2.9.3
Choose the save location while exporting your saved creations. Now easily sync them to your Dropbox or any cloud storage.
All modals inside the app now have a close button.
Checkbox that showed on clicking a boolean value is now removed. Thanks
Gaurav Nanda.
Bugfix - Screenshots on retina device are now correct. Thanks
Ashish Bardhan.
Bugfix - Double console log in detached mode fixed.
Bugfix - Console.clear now works in detached mode too.
Bugfix - DOCTYPE added in preview.
Bugfix - Typo correction in README. Thanks
Adil Mahmood.
gstatic.com is available to load external JavaScripts from.
Auto Save - Your creations now auto-save after your first manual save. This is configurable from settings.
Base2Tone-Meadow Editor Theme - First user contributed theme. Thanks to Diomed.
Use System Fonts - You can now use any of your existing system fonts in the editor!
Matching Tag Highlight - Cursor over any HTML tag would highlight the matching pair tag.
Auto-completion suggestion can now be switched off from settings.
Improvement - Stop white flicker in editor when the app opens.
Bugfix - Add Babel Polyfill to enable use of next-gen built-ins like Promise or WeakMap.
Vue.js version updated to 2.4.0 in popular library list.
Downloads permission is optional. Asked only when you take screenshot.
2.7.2
External Libraries - Add Foundation.js and update UIKit 3 to latest beta.
rawgit.com &
wzrd.in domains are now allowed for loading external libraries from.
Minor booting speed improvements
2.7.1
Framer.js support - You can now load the latest framer.js library from
framer builds page and start coding framer prototypes.
Bugfix: Edit on CodePen is back in action.
Bugfix: Autocompletion menu doesn't show on cut and paste now.
Bugfix: Updated & fixed urls of some common external libraries to latest versions. UIKit3 & Bootstrap 4α are
now in the list.
Preprocessor selector are now more accessible.
2.7.0
Fork any creation!: Now you can fork any existing creation of yours to start a new work based on it. One big
use case of this feature is "Templates"!
Read more about it.
Fonts 😍 : Super-awesome 4 fonts (mostly with ligature support) now available to choose from. Fira Code is the
default font now.
Updated most used external libraries to latest versions.
Bugfix: Add missing Bootstrap JS file to most used external libraries list.
Several other minor bugfixes and improvements to make Web Maker awesome!
Great news to share with you - Web Maker has been featured on the Chrome Webstore homepage! Thanks for all the love :)
2.6.1
Bugfix: Emojis vanishing while exporting to Codepen has been fixed.
Bugfix:
console.clear() now doesn't error and clears the inbuilt console.
Bugfix: External libraries added to the creation are exported as well to Codepen.
2.6.0
The "Console": The most awaited feature is here! There is now an inbuilt console to see your logs, errors and
for quickly evaluating JavaScript code inside your preview. Enjoy! I also a
blog post about it.
Number slider which popped on clicking any number in the code has been removed due to poor user experience.
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.
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
Update Babel to support latest and coolest ES6 features.
Improve onboarding experience at first install.
2.3.1
Bugfix - Splitting of code and preview panes is remembered by the editor.
Title of the creation is used for the file name when saving as HTML.
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
TypeScript - Now you can code in TypeScript too!
Stylus Preprocessor - Stylus supported adding for CSS.
Code Folding - Collapse large code blocks for easy editing.
Bugfix - Support JSX in JavaScript.
Better onboarding for first time users.
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.