Here is a full list of features offered by Web Maker: This is quite useful feature and allows me to brainstorm and play with code locally first before making it live on CodePen.Īnother feature that I like in Web Maker is that you can easily capture screenshot of your work (the rendered page). Moreover, it has an option to export your work to CodePen. With this Chrome plugin, you can easily save your work locally and then open it later. Do note that if you are adding and working with externally hosted libraries an internet connection will be required. Web Maker has code auto-completion and it even allows you to easily add popular JS & CSS libraries such as Bootstrap, jQuery, Vue.js etc. Similar to CodePen, Web Maker supports pre-processors for HTML (Jade & Markdown), CSS (SCSS, LESS & Stylus) & JavaScript (ES6, TypeScript & CoffeeScript).
The editor interface is similar to the one provided by CodePen as seen in screenshot below: Since Web Maker doesn’t require internet connection, it is quite fast and loads instantly. This Chrome plugin is called Web Maker and once installed, it can open a code editor inside a new tab in browser. Recently I came across an open source CodePen alternative which works offline as a Chrome plugin and offers many features similar to the CodePen editor. There are many online code editors such as CodePen and JSFiddle which are great for playing with front-end code and for sharing code and web demos with co-workers and clients.
0 kommentar(er)
