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
Web Development
  • Ruby on Rails
  • Hotwire
  • AI and Machine Learning
  • React
  • Maintenance
Mobile Development
  • React Native
  • iOS
  • Android
Design
  • UX, UI, and Product Design
  • Design Research
  • Design Systems
Product
  • Product Management
  • Product Design Sprint
  • Research and Strategic Insights
  • Accessibility
Team and Processes
  • Team Augmentation
  • Fractional Leadership
  • Level up your junior team
View all Services
View all Resources
Development
  • Tech Leadership Resources
  • Open Source
  • Books
  • The Bike Shed Podcast
  • Live Streaming on YouTube
The business of great software
  • Playbook
  • Startup Incubator
  • 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 strategy, design, product management, and development partner.

    • All Topics
    • Design
    • Web
    • iOS
    • Android
    • More topics
  1. Absolute positioning with CSS grid

    Overlapping elements with CSS grid is incredibly handy!

    Elaina Natario
    June 12, 2024
    • CSS
    • Design
    • Frontend
  2. 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
  3. 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
  4. 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
  5. 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
  6. 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
  7. 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
  8. 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
  9. 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
  10. If it's Interactive, it Needs a Focus Style

    Improve your site’s accessibility using focus styles.

    Thom Obarski
    December 4, 2019
    • Design
    • Accessibility
    • CSS
  11. Sign up to receive a weekly recap from thoughtbot

1 2 3 4 Next › Last »

Footer

thoughtbot
  • Services
  • Case Studies
  • Resources
  • Let's Talk
  • Our Company
  • Careers
  • Purpose
  • Blog
  • Sponsor
  • Mastodon
  • GitHub
  • Instagram
  • YouTube
  • Twitch
© 2024 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