---
title: "Changelog: What's New on FrontendHelpers"
description: "Every new tool, guide and fix on FrontendHelpers, newest first, with an Atom feed so you can follow along."
url: https://frontendhelpers.com/changelog
updated: 2026-10-12
---

# What's new

Every new tool, guide and fix, newest first. Corrections are listed too, because if something here was wrong, you deserve to know it changed. Follow along with the [Atom feed](https://frontendhelpers.com/changelog.xml).

## 12 October 2026 — Two new tools and faster pages

-   New [Colour converter: hex, RGB, HSL, HWB and OKLCH, with WCAG contrast and an sRGB gamut check](https://frontendhelpers.com/color-converter)
-   New [Cubic-bezier easing generator: drag the curve, preview it, copy cubic-bezier() or a linear() version](https://frontendhelpers.com/cubic-bezier-generator)
-   Improved Faster pages: one variable font file per typeface instead of duplicates, deferred scripts, minified and long-cached CSS

## 12 October 2026 — Four more effect recipes and keyboard fixes

-   New [Hover underline animations, including one that survives links wrapping onto two lines](https://frontendhelpers.com/css-hover-underline-animation)
-   New [3D flip cards that work with hover, keyboard focus and a button](https://frontendhelpers.com/css-flip-card)
-   New [Animating accordion height to auto: grid rows, interpolate-size and ::details-content](https://frontendhelpers.com/css-accordion-animation)
-   New [Animating the native dialog element in and out with @starting-style](https://frontendhelpers.com/css-dialog-animation)
-   Fixed [The Smooth Accordion and Hamburger Morph animations can now be operated from the keyboard](https://frontendhelpers.com/css-accordion-animations)

## 12 October 2026 — Eight in-depth CSS effect recipes

-   New [CSS typewriter effect: the steps() and ch technique, multi-line typing and when to use JavaScript instead](https://frontendhelpers.com/css-typewriter-effect)
-   New [Skeleton loading screens: layout-matched placeholders, a compositor-friendly shimmer and accessible loading states](https://frontendhelpers.com/css-skeleton-loader)
-   New [Animated gradient borders: three techniques compared, animated with @property](https://frontendhelpers.com/css-animated-gradient-border)
-   New [Shake animation for form errors, with an accessible, reduced-motion-friendly version](https://frontendhelpers.com/css-shake-animation)
-   New [CSS loading spinners: three lightweight techniques, delayed display and an accessible status](https://frontendhelpers.com/css-loading-spinner)
-   New [Fade in on scroll with CSS scroll-driven animations, plus a safe IntersectionObserver fallback](https://frontendhelpers.com/css-fade-in-on-scroll)
-   New [Animated gradient text that stays readable: contrast, forced colours and reduced motion](https://frontendhelpers.com/css-animated-gradient-text)
-   New [An infinite CSS marquee with a seamless loop and a proper pause control](https://frontendhelpers.com/css-marquee-animation)

## 12 October 2026 — A new tool, three guides and an accuracy overhaul

-   New [CSS clamp() generator: fluid font sizes and type scales, with a check that 200% browser zoom still works](https://frontendhelpers.com/clamp-generator)
-   New [Guide: fluid typography with clamp(), with worked maths and zoom results](https://frontendhelpers.com/fluid-typography-clamp-guide)
-   New [Guide: WCAG 2.2 colour contrast for developers, with 17 real colour pairs tested](https://frontendhelpers.com/wcag-colour-contrast-guide)
-   New [Guide: robots.txt vs noindex vs canonical, and which to use when](https://frontendhelpers.com/robots-txt-vs-noindex-vs-canonical)
-   Improved [The homepage is now a directory of every tool, with a quick filter](https://frontendhelpers.com/)
-   Improved Rewrote the developer notes on all 16 tool pages; every code sample was run before publishing
-   Improved [Every animation's markup and CSS is now written out on its category page, and the JS tips library reads without JavaScript](https://frontendhelpers.com/css-animations)
-   Improved [Every page is available as Markdown for AI assistants and coding agents (add .md to any URL)](https://frontendhelpers.com/llms.txt)
-   Improved [Microsoft Clarity now loads only after you accept cookies, and the privacy and cookie policies describe exactly what loads](https://frontendhelpers.com/privacy-policy)
-   Improved Accessibility: labels on every form control, reduced-motion support and corrected heading levels
-   Fixed Around twenty factual errors across tools and guides, including what Search Console's "Discovered – currently not indexed" status means
-   Fixed The slug, text case and keyword tools now handle accented and non-English text (Straße → strasse, café stays café)

## 19 July 2026 — First guides published

-   New [Six practical guides: indexing problems, Core Web Vitals, accessibility, dark mode, CSS animation performance and a launch checklist](https://frontendhelpers.com/guides)

## 16 July 2026 — FrontendHelpers launched

-   New Free browser-based SEO and CSS tools, a copy-paste CSS animation library, JavaScript tips, Dev Essentials and a React vs Angular comparison

Spotted a mistake or want a tool added? Email [hello@frontendhelpers.com](mailto:hello@frontendhelpers.com).