Mercury Editor
Mercury is a full featured HTML5 editor. It was built from the ground up to help your team get the most out of content editing in modern browsers. Mercury comes bundled as a Rails Engine, so just include it in your Gemfile. Or download the current bundled package if you're not using Rails. We don't inject javascript or css into your production pages so you're free to use whatever frameworks you want without having to worry about conflicts. Easily add or remove toolbar items or create entirely new tools. Any toolbar item can be tied to an action using behaviors and the command pattern. Full HTML, Simple, Markdown, Snippet and Image regions are supported by default, but you can just extend the base regions to build your own types. Built on top of the HTML5 contentEditable features, it natively supports the all the fancy new HTML5 elements, syntax, and JavaScript APIs.
Learn more
Chrome DevTools
Chrome DevTools is a set of web developer tools built directly into the Google Chrome browser. DevTools can help you edit pages on-the-fly and diagnose problems quickly, which ultimately helps you build better websites, faster. There are many ways to open DevTools, because different users want quick access to different parts of the DevTools UI. When you want to work with the DOM or CSS, right-click an element on the page and select Inspect to jump into the Elements panel. Or press Command+Option+C (Mac) or Control+Shift+C (Windows, Linux, Chrome OS). When you want to see logged messages or run JavaScript, press Command+Option+J (Mac) or Control+Shift+J (Windows, Linux, Chrome OS) to jump straight into the Console panel. Toggle various overlays and speed up DOM tree navigation with badges. The main uses of the Chrome DevTools Console are logging messages and running JavaScript.
Learn more
Blocs
Blocs is a visual website builder for Mac, iPad and iPhone for creating responsive, professional websites without coding. Its drag-and-drop environment combines pre-built sections called Blocs with individual elements called Brics to create fully custom layouts. Users can control responsive design, typography, colours, spacing, backgrounds, animations, interactions and CSS classes visually. Blocs includes forms, SEO tools, asset management, templates, website preview, publishing and export, plus CMS and e-commerce integrations. Advanced users can add and edit HTML, CSS, JavaScript and PHP with syntax highlighting and custom code tools. Blocs also supports third-party extensions and custom components, providing an extensible workflow for designers and developers while remaining accessible to users with no coding experience.
Learn more
Google Web Designer
Create engaging, interactive HTML5-based designs and motion graphics that can run on any device. Google Web Designer gives you the power to create beautiful, engaging HTML5 content. Use animation and interactive elements to bring your creative vision to life, and enjoy seamless integration with other Google products, like Google Drive, Display & Video 360, and Google Ads. Set up events to make your creative react to the user's actions, even physical gestures like touch, rotation, or shaking on mobile devices. Use preset events, or build your own from scratch with JavaScript. Tailor your ad to your audience with the dynamic ad workflow. Connect elements to data signals and preview how your creative looks with sample feed data. Animate by stringing together simple scenes in Quick mode or by using layers on a timeline in Advanced mode. Motion paths and custom easing give you full control of your animation.
Learn more
