CategoryGenerators

October 20, 2021 — Back in January 2020, Ben Holmes set out to do what just about every web developer does each year: rebuild his personal site. In this article, he shares his story of how he set out to build his own build pipeline from absolute ground zero and created “Slinkity”. Read more…

October 8, 2021 — In this article, we’ll be building an interactive fiction experience in which a user can insert words that match parts of speech given by the content creator. Let’s go! Read more…

April 12, 2021 — A complete guide to HTML email templates, tools, resources and guides. Everything you need to know about designing and building HTML Email in 2021. Read more…

April 1, 2021 — By systemizing the fundamentals of typography and space, and leaning into the inherent fluidity of the web, a free new CSS tool called Utopia offers an alternative to breakpoint-driven design. Read more…

March 29, 2021 — A complete guide to SVG generators: everything from SVG shapes and cropping tools to SVG filters, color matrix mixers and SVG to JSX generators. Read more…

March 24, 2021 — Eleventy (aka 11ty) is rising in the ranks among static site generators. This Node-based builder is attractive due to its zero-config starting point, purely static output, and ease of achieving the coveted top Lighthouse performance score of four perfect 100s. Let’s dive into what else makes it unique, and learn about some essential concepts to help you successfully get started. Read more…

March 15, 2021 — In a new short series of posts, we highlight some of the useful tools and techniques for developers and designers. This time it’s all about CSS Generators: from CSS shadows to easing gradients to CSS overlays to CSS doodles. Read more…

March 11, 2021 — A complete guide to CSS auditing tools for debugging and refactoring your CSS. Tools to discover CSS specificity issues, duplicated and invalid selectors and improve your CSS architecture. Read more…

February 18, 2021 — In this article, we take a look at the topic of context and variables in Hugo, a popular static site generator. You’ll understand concepts such as the global context, flow control, and variables in Hugo templates, as well as data flow from content files through templates to partials and base templates. Read more…

December 4, 2020 — If you’re a designer or developer with intermediate knowledge of HTML and JavaScript, and know your way around GitHub and the command line, this tutorial is for you. We’re going to walk step-by-step through converting a WordPress site into a static site generated from Markdown. Read more…