Jekyll
No more databases, comment moderation, or pesky updates to install, just your content. Markdown, Liquid, HTML & CSS go in. Static sites come out ready for deployment. Permalinks, categories, pages, posts, and custom layouts are all first-class citizens here. Sick of dealing with hosting companies? GitHub Pages are powered by Jekyll, so you can easily deploy your site using GitHub for free, custom domain name and all. Jekyll is a static site generator. It takes text written in your favorite markup language and uses layouts to create a static website. You can tweak the site’s look and feel, URLs, the data displayed on the page, and more. The Jekyll gem makes a jekyll executable available to you in your terminal. Typically you’ll use jekyll serve while developing locally and jekyll build when you need to generate the site for production. To change Jekyll’s default build behavior have a look through the configuration options.
Learn more
VuePress
Minimal setup with markdown-centered project structure helps you focus on writing. Enjoy the dev experience of Vue + webpack, use Vue components in markdown, and develop custom themes with Vue. VuePress generates pre-rendered static HTML for each page, and runs as an SPA once a page is loaded. A VuePress site is in fact a SPA powered by Vue (opens new window), Vue Router (opens new window)and webpack (opens new window). If you’ve used Vue before, you will notice the familiar development experience when you are writing or developing custom themes (you can even use Vue DevTools to debug your custom theme!).
Learn more
Firefox Developer Edition
Welcome to your new favorite browser. Get the latest features, fast performance, and the development tools you need to build for the open web. All the latest developer tools in beta, plus experimental features like the multi-line console editor and WebSocket inspector. A separate profile and path so you can easily run it alongside release or beta Firefox. Preferences tailored for web developers, browser and remote debugging are enabled by default, as are the dark theme and developer toolbar button. Firefox DevTools now grays out CSS declarations that don’t have an effect on the page. When you hover over the info icon, you’ll see a useful message about why the CSS is not being applied, including a hint about how to fix the problem. The new Firefox DevTools are powerful, flexible, and best of all, hackable. This includes a best-in-class JavaScript debugger, which can target multiple browsers and is built in React and Redux.
Learn more
Adobe Dreamweaver
Responsive websites. Really fast. Build beautiful sites for any browser or device. Quickly create and publish web pages almost anywhere with web design software that supports HTML, CSS, JavaScript, and more. Create, code, and manage dynamic websites easily with a smart, simplified coding engine. Access code hints to quickly learn and edit HTML, CSS, and other web standards. And use visual aids to reduce errors and speed up site development. Get your sites up and running faster with starter templates that you can customize to build HTML emails, About pages, blogs, e-commerce pages, newsletters, and portfolios. And because Dreamweaver is part of Creative Cloud, you can quickly bring in assets from your Libraries and Adobe Stock to enhance your sites. Build responsive websites that adapt to fit any screen size. Preview your sites and edits in real time to make sure your pages look and work the way you want before you publish.
Learn more