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 about Mercury Editor
Gridsome
Gridsome makes it easy for developers to build static generated websites & apps that are fast by default. Vue.js, GraphQL & all the power of Node.js & the JavaScript ecosystem. Develop locally and get instant hot-reloading for any code change. Gridsome builds ultra performance into every page by using the PRPL pattern. You get code splitting, asset optimization, progressive images, and link prefetching out of the box. Gridsome sites get almost perfect page speed scores by default. Gridsome generates static PWAs. Only critical HTML, CSS, and JavaScript get loaded first. The next pages are then prefetched so users can click around incredibly fast without page reloads, even when offline. Gridsome sites load as static HTML before they hydrate into fully Vue.js-powered SPAs. This makes it possible for search engines to be able to crawl content and give better SEO ranking, and still have all the power of Vue.js.
Learn more about Gridsome
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 about Blocs
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 about Chrome DevTools