The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.
My Hugo blog was downloading 3.6 MB of JavaScript and 40 KB of external CSS on every page load. For a static blog with mostly text and a few diagrams, that was absurd. Here is how I fixed it. HTML: 86 KB JavaScript: 3.6 MB (Mermaid + KaTeX) CSS: 40 KB (KaTeX stylesheets) Problem: render-blocking scripts loaded on every page for math and diagrams Adding minifyOutput = true to hugo.toml shrunk HTML
I recently built a dynamic testimonials component for my project at Coloring Maker and wanted to give it a little extra "magic." This is how I did it. The structure is quite simple. We need a main wrapper that acts as our "sky" and a series of div elements that will become our hearts. It is crucial that the main container has the position: relative; and overflow: hidden; properties. This ensures