# Whats new?

3.2.0

- 🚀 Loop timeout setting: You now have a setting to tweak the maximum timeout of a loop iteration before it's marked as infinite loop.
- ♿️ Accessibility: Modals now have proper keyboard navigation integrated.
- ♿️ Accessibility: Color contrast improvements.
- 🚀 Popular libraries list updated. Thanks @diomed & @leninalbertolp
- 🔧 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 :)
- Suggest features or report bugs.
- Web Maker now has more than 50K weekly active users! Thank you for being a part of this community of awesome developers. If you find Web Maker helpful, Please rate Web Maker Share it Support the developer

3.1.1

- Bugfix: Fix the "Run" button not refreshing the preview after release 3.0.4.

3.1.0

- Mobile Support (app only).: Make the Web Maker app usable on mobile. This is only for web app as Chrome extensions don't run on mobile.

3.0.4

- Bugfix: Guarantee code doesn't execute when "auto preview" is off.
- Add link to our new Slack channel 🤗.

3.0.3

- Bugfix (extension): "Save as HTML" file saves with correct extension.

3.0.1

- After months of work, here is Web Maker 3.0. Read the blog post about it.
- 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.

2.9.7

- Tailwind CSS added to popular CSS libraries list. Thanks diomed.
- Popular libraries list updated. Thanks diomed.
- Dev: Bug fixes and code refactoring to make things simple. Thanks iamandrewluca.

2.9.6

- Bugfix: Fix close buttons not working in notifications and keyboard shortcuts modal.
- Bugfix: Fix keyboard shortcut to see keyboard shortcuts :) Thanks ClassicOldSong.

2.9.5

- Read blog post about this release.
- 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.
- Popular libraries list updated. Thanks diomed.
- Added contribution guidelines in the Github repository.

2.9.2

- Minor bug fixes.

2.9.1

- Read blog post about last release.
- Use Ctrl/Cmd+D to select next occurence of matching selection.
- Improve onboard experience.

2.9.0

- Read blog post about this release.
- Detached Preview - Yes, you read that correct! You can now detach your preview and send it to your secondary monitor.
- Find & Replace - Long awaited, now its there. Ctrl/Cmd+f to find and add Alt to replace.
- Atomic CSS (Atomizer) configurations - Add custom config for Atomic CSS. Read more.
- Light mode - This new setting makes Web Maker drop some heavy effects like blur etc to gain more performance. Thanks Andrew.
- Preserve logs setting - Choose whether or not to preserve logs across preview refreshes. Thanks Basit.
- Line wrap setting - As the name says.
- Semantic UI added to popular libraries.
- Bootstrap, Vue, UI-Kit and more updated to latest versions in popular libraries.
- UX improvements in settings UI
- Bugfix - Trigger preview refresh anytime with Ctrl/⌘ + Shift + 5. Even with auto-preview on.

2.8.1

- Vue.js & UIKit version updated to latest version in 'Add Library' list.
- UTF-8 charset added to preview HTML to support universal characters.

2.8.0

- Read blog post about this release.
- 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.
- Minor usability improvements.

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.

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.