Tailwind CSS v3.0 (tailwindcss.com)

Article summary

Tailwind CSS v3.0 has been released, bringing significant performance gains, workflow improvements, and new features. The new version includes a Just-in-Time engine, support for arbitrary values, and a range of new utilities for styling and layout. The release also includes a new documentation website and a CDN script for easy development. The upgrade process is designed to be smooth, with minor breaking changes and a comprehensive upgrade guide.

Main themes

• Tailwind CSS v3.0 features
• Utility-first vs traditional CSS
• Rapid prototyping and development
• Design and development workflows
• Interoperability with standard libraries
• Designer and developer roles and responsibilities

What commenters say

• Some developers find Tailwind CSS to be a game-changer for rapid prototyping and development, while others prefer traditional CSS approaches.
• The use of semantic class names versus utility-first approaches like Tailwind CSS is a matter of personal preference and project requirements.
• Tailwind CSS can be beneficial for large projects, but may not be the best fit for every project or team.
• The lack of interoperability with standard libraries can be a concern when using Tailwind CSS in a full React project.
• Designers and developers have different opinions on the role of design tools like Photoshop or Figma versus designing in the browser with HTML, CSS, and JavaScript.
• Some argue that designers should focus on designing and developers on developing, without designers needing to write CSS.
• Others believe that designers should be able to design and develop in the browser, using tools like HTML, CSS, and JavaScript.
• The trade-offs between using a utility-first approach like Tailwind CSS and traditional CSS methods are still being debated.