Skip to content
    Blog

    Notes on Tailwind CSS

    Tutorials, release notes and lessons from building and selling Tailwind CSS themes.

    By · RSS feed

    1. Tailwind CSS font size, weight and family: every class in v4

      Every Tailwind v4 font size, weight and family class with its px value and line height, plus how to add custom fonts and change the scale in @theme.

      8 min read

    2. Tailwind CSS filters: blur, grayscale, brightness and more

      Every Tailwind CSS v4 filter and backdrop-filter utility with real values, plus copy-paste image recipes: grayscale hover, dimmed hero, frosted glass and more.

      8 min read

    3. Tailwind CSS footer: 5 responsive examples to copy

      Five responsive Tailwind CSS footer examples to copy and paste, plus how to keep the footer at the bottom of short pages with min-h-dvh, and accessible markup.

      9 min read

    4. themes.dev is back: what happened since the last update

      Three kids, three moves and a lot of AI later: why I continue with themes.dev for at least one more year, and what changed on the site.

      7 min read

    5. A sneak peek at Tailwinds next big release - version 3.0

      The first alpha of Tailwind CSS v3.0 was released on October 1st. Let's take a look at the new features and improvements it brings to the table.

      10 min read

    6. What is new in Tailwind CSS version 2.2?

      Tailwind CSS version 2.2 was just released today. This update brings many great new features to Tailwind CSS.

      7 min read

    7. What is new in Tailwind CSS version 2.1?

      A brand-new version of Tailwind CSS dropped this Monday. it's packed with great new CSS utility classes and brings JIT (Just in Time) engine into the core package.

      7 min read

    8. I have 1000 “customers” on Gumroad – This is what I learned

      1,000 Gumroad customers turned out to be 528 real contacts and $926. What I learned about fake emails, tips on free products, reviews and PayPal payouts.

      3 min read

    9. How to create a responsive navigation menu in Tailwind CSS?

      Build a responsive navbar in Tailwind CSS: a horizontal menu on desktop that turns into a hamburger menu on small screens, step by step with the full code.

      17 min read

    10. Easily embed Responsive YouTube Videos with Tailwind CSS

      Embedding YouTube videos into your responsive website can be a hassle. With Tailwind CSS it's a breeze. Learn how.

      3 min read

    11. The best way to set typographic defaults in Tailwind CSS

      Set font family, size, weight, line height and text color defaults in Tailwind CSS, style headings and links, and format CMS content with the typography plugin.

      10 min read
    Newsletter

    New themes, tools and posts by email

    A short email when something new ships. Confirm first, unsubscribe with one click. See the privacy policy.