CSS hoạt động của Tailwind như thế nào?

Đường cong học tập

Một vấn đề khác khi triển khai Tailwind là sự sụt giảm năng suất ban đầu mà chúng tôi nhận thấy. Đối với 2-3 dự án đầu tiên, các nhà phát triển của chúng tôi gặp vấn đề khi sử dụng Tailwind theo bản năng. Cần có thời gian để tìm hiểu Tailwind đến mức bạn có thể dễ dàng tạo đánh dấu mà không cần xem tài liệu

Việc giảm năng suất sẽ đảo ngược theo thời gian và chúng tôi đã thấy năng suất tăng 6-10% trong các nhóm của mình khi sử dụng Tailwind sau một vài tháng

khó khăn hoạt hình

Tailwind rất phù hợp để tạo các hoạt ảnh đơn giản, nhưng nếu bạn muốn tạo những hoạt ảnh phức tạp hơn với các chuyển động và hành động thì điều đó có thể khó khăn

Mặc dù có một số tùy chọn tích hợp sẵn cho phép loại điều này, nhưng chúng không phải lúc nào cũng đủ--đặc biệt là khi các thư viện này không cung cấp tất cả các công cụ cần thiết để đạt được những gì chúng ta cần [nghĩ xem có bao nhiêu lớp

Gần đây, khi chúng tôi gặp tình huống này, chúng tôi đã chọn sử dụng vanilla CSS kết hợp với thư viện hoạt ảnh như GSAP

Nếu bạn đang tìm kiếm một framework mới, hãy thử Tailwind

Tailwind đã giúp chúng tôi hợp lý hóa quy trình làm việc và chuẩn hóa bộ công cụ của mình. Nó không phải là thuốc chữa bách bệnh cho tất cả các vấn đề về kiểu dáng, nhưng hóa ra nó lại hoàn toàn phù hợp với Clean Cam kết

Khi làm việc trên các dự án mới, chúng tôi có ít quyết định hơn để đưa ra. Di chuyển các thành phần giữa các dự án chưa bao giờ được dễ dàng hơn. Các nhà phát triển của chúng tôi có thể dễ dàng chuyển đổi giữa các cơ sở mã khác nhau mà không cần học [hoặc học lại] các phương pháp tạo kiểu duy nhất cho dự án này

Tailwind đã tiết kiệm rất nhiều thời gian và sự tỉnh táo của chúng tôi

Các câu hỏi thường gặp

Bất cứ khi nào chúng tôi giải thích với khách hàng mới rằng chúng tôi sử dụng Tailwind, họ thường đặt ra rất nhiều câu hỏi cho chúng tôi. Dưới đây là những câu hỏi chúng tôi được hỏi thường xuyên nhất

CSS Tailwind của tôi tốt hơn Bootstrap?

Chúng tôi có thể thiên vị vì chúng tôi đã coi Tailwind là thông lệ tiêu chuẩn, nhưng chúng tôi sẽ lập luận mạnh mẽ rằng CSS của Tailwind tốt hơn Bootstrap

Bootstrap giờ đã là công nghệ "cũ". Nó được thực hiện bởi Twitter vào giữa năm 2010. Chỉ vì một cái gì đó cũ không có nghĩa là nó không tuyệt vời, nhưng theo ý kiến ​​​​của chúng tôi, Bootstrap là một khung được sử dụng quá nhiều và cảm thấy hơi rắc rối. Mặt khác, Tailwind cung cấp một cách để xây dựng các thiết kế tùy chỉnh theo cách tiếp cận được tiêu chuẩn hóa, nghĩa là ứng dụng sáng bóng mới của bạn trông không giống với mọi thứ trên thị trường

Mặc dù phần đánh dấu có vẻ hơi bận rộn, nhưng Tailwind là một khung CSS đẹp hơn và hiệu quả hơn Bootstrap. Không giống như Bootstrap, Tailwind cung cấp một tập hợp các lớp tiện ích cho phép bạn làm việc với những gì bạn cần

TôiTailwind CSS là một khung?

tôi không chắc là. Trang web Tailwind CSS chính thức thậm chí còn mô tả nó là "khung CSS ưu tiên tiện ích"

CSS Tailwind dùng để làm gì?

Tailwind được sử dụng để tạo kiểu cho giao diện người dùng một cách nhanh chóng và hiệu quả hơn so với CSS truyền thống. Nó cung cấp các lớp tiện ích để kiểm soát các biến xác định giao diện của giao diện người dùng, như phần đệm, lề, màu, bóng và phông chữ

Được viết bởi

Wojciech Kałużny

Cách cải thiện UX bằng cách sử dụng các tương tác vi mô

Tương tác vi mô là một cách tuyệt vời để cải thiện trải nghiệm người dùng [UX] trên trang web hoặc ứng dụng của bạn

Tim Davidson

9 phút đọc

Thiết kế SaaS. Phương pháp tiếp cận đầu tiên trên thiết bị di động

Mô hình phần mềm dưới dạng dịch vụ [SaaS] ngày càng trở nên phổ biến trong vài năm qua và không phải không có lý do

Tailwind tạo CSS bằng cách nào?

Tailwind có tốt cho CSS không?

CSS của Tailwind là giao diện người dùng hay chương trình phụ trợ?

CSS Tailwind có khó không?