Ai đứng sau Tailwind CSS?

Căn phòng rộng rãi và đầy nắng này dành cho những người đi du lịch nhẹ nhàng và đang tìm kiếm một nơi thoải mái và ấm cúng để ngả đầu trong một hoặc hai đêm. Ngôi nhà bên bờ biển này nằm trong một khu phố sôi động có nhiều quán cà phê, quán rượu, nhà hàng và siêu thị và gần tất cả các điểm tham quan chính như Lâu đài Edinburgh và Arthur's Seat.

Tailwind CSS là một khung CSS mã nguồn mở được phát hành vào tháng 11 năm 2017 bởi Adam Wathan (@adamwathan) và Steve Schoger (@steveschoger). Sau đó, 2 năm sau, họ ra mắt giao diện người dùng Tailwind mang lại doanh thu hơn 2 triệu đô la. Nếu bạn đang tìm kiếm một lớp học chuyên sâu về cách kiếm tiền từ một dự án mã nguồn mở - thì không đâu khác ngoài Tailwind

Một cách mới để tạo kiểu cho trang web của bạn

Gần như không thể thảo luận về các khung CSS mà không đề cập đến Bootstrap, một khung giao diện người dùng giúp các nhà phát triển xây dựng một trang web hấp dẫn trực quan dễ dàng hơn nhiều. Bootstrap được Twitter phát hành vào năm 2011 và được xếp hạng trong top 10 kho lưu trữ được “gắn sao” nhiều nhất trên Github

Tuy nhiên, Tailwind và Bootstrap không thể so sánh trực tiếp. Xét cho cùng, Tailwind là một thư viện tiện ích CSS trong khi Bootstrap giống một bộ giao diện người dùng hoàn chỉnh hơn. Sự khác biệt này được cho là chìa khóa thành công của Tailwind

Bootstrap có đường cong học tập nhẹ nhàng, giúp người mới bắt đầu sử dụng dễ dàng hơn. Hạn chế chính là nó đạt được sự đơn giản đó với cái giá phải trả là có các khái niệm và thành phần dành riêng cho Bootstrap thiếu tính linh hoạt

Mặt khác, Tailwind nhằm mục đích thay đổi cách các nhà phát triển nghĩ về việc tạo kiểu cho ứng dụng web của họ. Adam mô tả sự thay đổi này trong bài đăng của anh ấy, Các lớp tiện ích CSS và “Phân tách mối quan tâm”

Trong vài năm qua, cách tôi viết CSS đã chuyển từ một cách tiếp cận rất “ngữ nghĩa” sang một thứ giống như cái thường được gọi là “CSS chức năng”. ”

Anh ấy tiếp tục mô tả cách tiếp cận CSS của Tailwind là “ưu tiên tiện ích”

Lý do tôi gọi cách tiếp cận mà tôi áp dụng là tiện ích CSS trước tiên là vì tôi cố gắng xây dựng mọi thứ có thể từ các tiện ích và chỉ trích xuất các mẫu lặp lại khi chúng xuất hiện

Cách tiếp cận ưu tiên tiện ích này sẽ mang lại hiệu quả về lâu dài vì các mẫu nên chia sẻ được xác định khi cần thiết và được thực hiện với trọng tâm rõ ràng là có thể tái sử dụng. Bản chất ngữ nghĩa mà CSS được sử dụng trong các dự án Bootstrap dẫn đến các lớp CSS chỉ có thể tái sử dụng trong các tình huống rất cụ thể và khó mở rộng

Để làm trầm trọng thêm tình trạng lỏng lẻo của Bootstrap, việc giới thiệu các tính năng CSS gốc như Flexbox và Grid đã khiến hệ thống bố cục lưới sáng tạo một thời của Bootstrap cảm thấy bị hạn chế. Trớ trêu thay, sự phổ biến của Bootstrap lại là nguồn cảm hứng to lớn cho cả Flexbox và Grid

Tailwind đã được sử dụng trong hơn 100 nghìn kho lưu trữ Github, một con số ấn tượng đối với một khuôn khổ khá mới mà không có bất kỳ sự hỗ trợ nào của tổ chức. Số lượng kho lưu trữ phụ thuộc này, mặc dù không hoàn hảo, nhưng là một trong những số liệu tốt nhất để cho thấy mức độ phổ biến ngày càng tăng của Tailwind

Khởi đầu tình cờ

Ngày nay, Tailwind là một thành công không thể phủ nhận nhưng hành trình của nó không hề đơn giản. Trong một bài viết sâu sắc của người sáng lập Tailwind, Adam Wathan, ông mô tả cách các dự án liên tiếp thất bại cuối cùng đã dẫn đến quyết định xây dựng Tailwind CSS

Động lực nhất quán của Adam và Steve trong việc xây dựng, học hỏi và vận chuyển sản phẩm là chìa khóa dẫn đến thành công cuối cùng của họ trong việc triển khai một dự án thành công. Thứ hai là việc xây dựng trước công chúng và xây dựng khán giả là một lợi ích to lớn cho sự phát triển ban đầu và thành công sau này của họ.

Xây dựng nơi công cộng không phải là điều kiện tiên quyết để thành công, nhưng có một số tình huống nhất định có thể quá thuận lợi để bỏ qua

• Một nhà phát triển xây dựng một công cụ mã nguồn mở cho các nhà phát triển khác
• Một tác giả viết sách về việc tự xuất bản một cuốn sách (e. g. Cơ quan của Nathan Barry)
• Một khóa học trực tuyến về xây dựng khán giả trực tuyến (e. g. Daniel Vassallo's Mọi người đều có thể xây dựng khán giả trên Twitter)

Cũng đáng nói đến là sự thành công đồng thời của cuốn sách của Adam và Steve, Refactoring UI. Dự án này đã tận dụng nhiều hơn chuyên môn của Steve với tư cách là một nhà thiết kế hình ảnh, nhưng kết quả là khán giả của cuốn sách đó có rất nhiều mối quan tâm trùng lặp với Tailwind

Kiếm tiền từ nguồn mở

Một chiến lược kiếm tiền từ nguồn mở thành công không chỉ có thể dẫn đến một doanh nghiệp thành công, mà trong những trường hợp khiêm tốn hơn, ít nhất nó có thể làm cho dự án trở nên bền vững. Không có gì lạ khi những người bảo trì nguồn mở bị kiệt sức, vì một khi tính mới của sự phổ biến không còn nữa, những người bảo trì có thể bị bỏ lại với một đống công việc không được trả lương ngày càng tăng

Có nhiều ví dụ thành công về các dự án mã nguồn mở được kiếm tiền

• MongoDB và Redis đều có các dịch vụ được quản lý hoàn toàn
• Vue. js được kiếm tiền thông qua quyên góp và tài trợ của công ty
• jOOQ và ag-grid đều chọn bán giấy phép cho các tính năng và hỗ trợ dành cho doanh nghiệp

Với lần ra mắt giao diện người dùng Tailwind gần đây, chiến lược của Tailwind là một trong những chiến lược đầu tiên tôi thấy liên quan đến việc xây dựng một sản phẩm riêng biệt (nhưng có liên quan). Nếu bạn chưa biết, thì Tailwind UI là một bộ thành phần được xây dựng bằng CSS của Tailwind

Chiến lược của họ tuân theo giả định rằng nhiều người dùng chuyển sang Tailwind CSS để phát triển giao diện người dùng đẹp, trang nhã cho ứng dụng web của họ và một bộ phận người dùng đó sẵn sàng tiết kiệm thời gian và công sức để mua các thành phần làm sẵn phù hợp với mục đích sử dụng chung của họ

Sức mạnh tổng hợp giữa Tailwind CSS và Tailwind UI giống như một chiến lược mở rộng đất đai. Khung nguồn mở của họ rất tuyệt vời trong việc tiếp cận lượng lớn đối tượng là các nhà phát triển, điều này trở thành một kênh thu hút khách hàng cho sản phẩm trả phí của họ. Chất lượng của Tailwind CSS giúp xây dựng lòng tin và giúp việc bán thêm Tailwind UI trở nên dễ dàng hơn

Việc CSS Tailwind mã nguồn mở vẫn tách biệt và hoàn toàn nguyên vẹn là rất quan trọng. Vấn đề với mô hình giấy phép doanh nghiệp đã nói ở trên là các tính năng tốt nhất, hữu ích nhất lại bị ẩn đằng sau bức tường phí. Những bức tường nhân tạo này gây xích mích cho cả khách hàng và nhóm phát triển sản phẩm

Cuối cùng, tôi nghĩ rằng mức giá 250 đô la một lần của Tailwind UI là điểm khởi đầu tuyệt vời cho một sản phẩm mới, nhưng nó sẽ không còn ý nghĩa gì sau một vài năm tiếp tục phát triển. Nó làm tôi nhớ đến giấy phép “truy cập trọn đời” mà các sản phẩm SaaS mới mà một số công ty như Tiiny Host đã thử

Khi nhiều thành phần và tính năng được thêm vào UI Tailwind, tôi nghĩ mô hình định giá tương tự như mô hình giấy phép dự phòng + đăng ký của JetBrain cuối cùng sẽ trở nên hiệu quả nhất. Nó duy trì quyền sở hữu vĩnh viễn giống như mô hình hiện tại, ngoại trừ việc có một khoản phí định kỳ hàng năm để có quyền truy cập vào các bản cập nhật mới nhất. Điều này sẽ cho phép Tailwind nhận được khoản đền bù xứng đáng cho sự phát triển và hỗ trợ bổ sung cho sản phẩm của họ, trong khi vẫn duy trì quyền truy cập trọn đời thân thiện với khách hàng

CSS Tailwind được tạo khi nào?

Tailwind kiếm được bao nhiêu tiền?

Những công ty nào sử dụng Tailwind CSS?

Tailwind có phải là mã nguồn mở không?