CodePen

Codeply is the HTML/CSS/JS editor that makes frontend design & development easier by enabling you to leverage the frameworks of your choice. Codeply is integrated with popular frameworks like Bootstrap, Foundation, Vue and Angular. This unique functionality makes it possible to quickly learn, prototype, test and build for any framework. Trawling through docs? What a hassle. Useful code examples are integrated with Codeply. Grab standard markup, snippets, templates & themes right from the editor. No more searching for libraries on CDN or example snippets. Figuring out which markup or CSS classes to use becomes easier. Designing layouts & mockups becomes faster. Codeply includes more than 50 popular libraries, APIs, plugins and frameworks. Additionally, Codeply is supported by a community of developers that are implementing code, and facing the same challenges along the way. This is not a CSS art gallery. Leverage over 40,000 real world examples, snippets, & starter templates.

Take your work everywhere. Code while you're waiting for the bus or when you're relaxing in a nice beach. Edit your files directly from the cloud. DroidEdit works with Dropbox, Drive, Box, (S)FTP servers and Git. More file providers coming shortly. Syntax highlighting for almost 200 different programming languages. Don't rush to your office if you receive an emergency call asking you to change some code. Just pick your mobile phone and edit everything you need. Checkout, edit, commit and push directly from your phone or tablet. Some developers prefer dark backgrounds, others can only code on paper white screens. To each his own. Use one of the many provided themes for syntax highlighting. If you don't like any, create your own. Expand simple expressions into full fledged HTML code automagically using Emmet.