Skip to main content
thoughtbot thoughtbot
  • Live on Twitch!

    thoughtbot is livestreaming

    Work alongside the thoughtbot team as we collaborate with each other and our clients, live. Ask us anything, we're live right now!

  • Case Studies
  • Blog
  • Let’s Talk
Live on Twitch!

thoughtbot is livestreaming

Work alongside the thoughtbot team as we collaborate with each other and our clients, live. Ask us anything, we're live right now!

Let’s get started!
View all Services
Development
  • Ruby on Rails
  • Hotwire
  • AI and Machine Learning
  • Maintenance
  • Mobile
Design
  • Discovery Sprints
  • UX, UI, and Product Design
  • Design Systems
Product
  • MVP
  • Product Management
  • Accessibility
Team and Processes
  • Team Augmentation
  • Fractional Leadership
View all Services
View all Resources
Development
  • Tech Leadership Resources
  • Open Source
  • Books
  • The Bike Shed Podcast
  • Live Streaming on YouTube
  • Conference Talks
The business of great software
  • Playbook
  • Purpose Built
  • Giant Robots Smashing Into Other Giant Robots Podcast
  • Design Sprint Guide
  • Live Streaming on LinkedIn
View all Resources

CSS Articles

Written by thoughtbot, your expert partner for design and development.

    • All Topics
    • Design
    • Development
    • Product
    • More topics
  1. You might not need Bourbon

    Replacing our beloved Sass tool set with native CSS.

    Elaina Natario
    September 12, 2024
    • CSS
    • Bourbon
    • Sass
    • Frontend
    • Open Source
  2. Absolute positioning with CSS grid

    Overlapping elements with CSS grid is incredibly handy!

    Elaina Natario
    June 12, 2024
    • CSS
    • Design
    • Frontend
  3. Can Auto-Playing Videos be Accessible?

    Let’s find out by following a step-by-step approach to address the accessibility requirements of auto-playing videos.

    Andrew Spencer
    March 6, 2024
    • Accessibility
    • HTML
    • CSS
    • Web
  4. Hotwire: Asynchronously loaded tooltips

    Learn how to effectively render tooltips in Rails without writing any JavaScript.

    Steve Polito
    January 26, 2022
    • Hotwire
    • Rails
    • Turbo
    • CSS
  5. Adding Tailwind to Electron

    A guide to adding Tailwind CSS to an Electron React project.

    Rakesh Arunachalam
    January 25, 2022
    • Electron
    • React
    • JavaScript
    • TypeScript
    • Tailwind
    • CSS
  6. An Honest Look at Tailwind as an API for CSS

    Treat Tailwind as an API for CSS and avoid common pitfalls of utility-first CSS frameworks.

    Steven Neamonitakis
    January 7, 2022
    • Tailwind
    • CSS
    • Design
    • Web
  7. Tailwind and the Femininity of CSS

    Why we undervalue front-end expertise in the web development world.

    Elaina Natario
    December 15, 2021
    • Design
    • CSS
    • Tailwind
  8. Utility Classes I Have Known and Loved

    These are my favorite CSS utility classes. I take them everywhere.

    Stephen Lindberg
    January 8, 2021
    • CSS
    • Sass
  9. Tailwind versus BEM

    There are benefits and drawbacks to every CSS styling approach. Keeping an open mind helps.

    Eric Bailey
    October 29, 2020
    • CSS
    • BEM
    • Tailwind
    • Cube
  10. Use Grid Shorthand to Visualize Explicit CSS Grid Tracks

    The CSS grid shorthand property makes it easier to keep track of your track sizes and names.

    Stephen Lindberg
    December 9, 2019
    • CSS
    • Design
  11. Sign up to receive a weekly recap from thoughtbot

    Looking for even more ways to stay connected?
    RSS feed icon Check out our feeds
1 2 3 4 Next › Last »

Footer

thoughtbot
  • Services
  • Case Studies
  • Resources
  • Let's Talk
  • Our Company
  • Careers
  • Purpose
  • Blog
  • Sponsor
  • Mastodon
  • Bluesky
  • GitHub
  • YouTube
  • Twitch
  • Feeds
© 2025 thoughtbot, inc.

The design of a robot and thoughtbot are registered trademarks of thoughtbot, inc.

  • US: +1 (877) 9-ROBOTS
  • UK: +44 (0)20 3807 0560
  • Beware of fraudulent thoughtbot job listings Learn more
  • Code of Conduct
  • Accessibility Statement
  • Privacy Policy