Tools to make your web dev life a bit easy.
⭐ Inspector
1) Inspect CSS and HTML just by hovering over the element.
2) Live edit CSS and HTML.
3) Export code to Codepen.
4) Inspect media queries and animations.
5) Edit the content of any HTML element.
6) Traverse DOM elements with arrow keys.
7) Know fonts per tag.
8) Finds font on Google Fonts.
9) Extract all the colors used on the page.
10) Toggle visibility of any element or remove an element from the page and persist changes.
11) Easily search elements by tag, class, or id.
⭐ Color Eyedropper 1) Pick colors from anywhere on the page, even images and IFrames. 2) Get hex and RGB values. 3) Save colors.
⭐ Assets 1) Extract images, SVGs, and videos from the page. 2) Download all the assets at once in ZIP.
⭐ Responsive 1) Any click, scroll, or navigation you perform in one device will be replicated to all devices in real-time. 2) Add new custom device profiles as you like and arrange devices to fit your style. 3) Hot-Reloading Support.
⭐ Debug 1) Clear cache, cookies, and local storage of specific origin or whole browser. 2) Get meta tags from the page and copy them with one click. 3) Check the whole page for spelling mistakes (Only supports English).
⭐ Screenshots 1) Take a screenshot of the whole page or just a visible area. 2) Screenshot the visible area of every tab with just one click. 3) Save the screenshot in PDF, JPG, or PNG.
Based on our record, Hugo seems to be more popular. It has been mentiond 388 times since March 2021. We are tracking product recommendations and mentions on various public social media platforms and blogs. They can help you identify which product is more popular and what people think of it.
A few days back, I wrote a blog post about static site generators, in particular how I decided to migrate my blog from Zola to Hugo. One of my points was to be able to hack my own content before generating the final HTML. - Source: dev.to / 29 days ago
This post is a summary of my recent decision to go back to Hugo after using Zola. I also report on how LLM assistants with Web access can aid in such decisions, not as an authority but as a research assistant. - Source: dev.to / about 1 month ago
Hugo is a fast and flexible static site generator built in Go, known for its speed and large theme ecosystem. It supports markdown, taxonomies, multilingual content, and powerful templating with minimal dependencies. Hugo is highly performant and well-suited for building large-scale documentation sites. It’s ideal for teams seeking speed and customization with minimal runtime requirements. - Source: dev.to / about 1 month ago
Try Hugo[1]. In depends on a template you choose alone whether Hugo will generate a landing page, a website, a blog, etc. [1] https://gohugo.io. - Source: Hacker News / about 1 month ago
The content of the guide lives in a single Markdown file, content/_index.md. The website is built using Hugo. - Source: dev.to / 2 months ago
Jekyll - Jekyll is a simple, blog aware, static site generator.
CSS Scan - Instantly check or copy computed CSS from any element for only ~95$
Ghost - Ghost is a fully open source, adaptable platform for building and running a modern online publication. We power blogs, magazines and journalists from Zappos to Sky News.
CSS Scan Pro - The easiest way to get and edit the CSS of any website, live
WordPress - WordPress is web software you can use to create a beautiful website or blog. We like to say that WordPress is both free and priceless at the same time.
DivMagic - Copy design from any website Copy any element from any site and paste them directly into your codebase With one click, users can get compact and re-usable code in CSS or Tailwind CSS in HTML or JSX. Clone or copy a website easily with one click.