站長(zhǎng)之家（ChinaZ.com）11月16日 消息:Tailwind CSS是一個(gè)實(shí)用優(yōu)先的CSS框架，旨在通過(guò)直接在HTML中構(gòu)建設(shè)計(jì)來(lái)快速構(gòu)建現(xiàn)代網(wǎng)站。它提供了一系列類(lèi)，如flex、pt-4、text-center和rotate-90，可以組合使用，以構(gòu)建任何設(shè)計(jì)。該框架易于定制，適應(yīng)任何設(shè)計(jì)風(fēng)格，并且生成的CSS文件非常小。其以其簡(jiǎn)單、靈活、易于定制的特性，以及對(duì)構(gòu)建現(xiàn)代網(wǎng)站提供支持的能力而受到開(kāi)發(fā)者社區(qū)的歡迎。
Tailwind UI則是一個(gè)由Tailwind CSS創(chuàng)建者設(shè)計(jì)和開(kāi)發(fā)的集合，提供了各種美觀、完全響應(yīng)的UI組件，可幫助開(kāi)發(fā)者更快速地構(gòu)建界面。
Tailwind CSS得到許多開(kāi)發(fā)者的好評(píng)，包括一些在大型團(tuán)隊(duì)中工作的工程師。截止目前，Tailwind CSS總安裝量達(dá)到了1000萬(wàn)。同時(shí)該團(tuán)隊(duì)推出的Tailwind UI更是憑借極低的運(yùn)營(yíng)成本，獲得了巨大的利潤(rùn)。據(jù)了解，Tailwind UI運(yùn)行在一個(gè)84美元/月的 VPS 上，但是一年產(chǎn)生的收入可以達(dá)到250萬(wàn)美元，可以說(shuō)是養(yǎng)活了 Tailwind 整個(gè)團(tuán)隊(duì)。
日前，Tailwind CSS CEO Adam Wathan在其博客上分享了Tailwind CSS的發(fā)展歷程，這是一個(gè)從一個(gè)簡(jiǎn)單的旁系項(xiàng)目的創(chuàng)意到一個(gè)蓬勃發(fā)展的千萬(wàn)美元的業(yè)務(wù)。故事始于2015年，一個(gè)名為“Digest”的旁系項(xiàng)目的構(gòu)想，最終演變成了Tailwind CSS。
2015年，Adam向他現(xiàn)在的商業(yè)伙伴Steve Schoger介紹了一個(gè)旁系項(xiàng)目的構(gòu)想，即一個(gè)公司可以與其團(tuán)隊(duì)共享有趣鏈接，而外部人士可以訂閱以查看其它厲害的團(tuán)隊(duì)都在讀什么。他們給它起名為“Digest”。
初創(chuàng)理念
在構(gòu)建“Digest”的過(guò)程中，Adam面臨一個(gè)關(guān)鍵決定，即選擇哪種CSS框架。盡管他一直是Bootstrap的忠實(shí)粉絲，但Bootstrap4alpha版本剛剛發(fā)布，他們放棄了Less轉(zhuǎn)向Sass。Adam又對(duì)Sass不感冒，于是他決定從頭開(kāi)始編寫(xiě)樣式，采用了Less。
盡管“Digest”項(xiàng)目最終夭折，但Adam在樣式系統(tǒng)中發(fā)現(xiàn)了一個(gè)有趣的模式，即實(shí)用類(lèi)比組件樣式更靈活、更易移植。這啟發(fā)了“utility-first”建筑哲學(xué)的概念，為T(mén)ailwind CSS的發(fā)展奠定了基礎(chǔ)。
幾年后，Adam和Steve開(kāi)始著手開(kāi)發(fā)KiteTail，這是一個(gè)以開(kāi)發(fā)者為中心的、基于Webhook的結(jié)賬平臺(tái)。Adam努力使樣式“項(xiàng)目無(wú)關(guān)”，并在YouTube上開(kāi)發(fā)了該應(yīng)用程序，展示其中的實(shí)用類(lèi)樣式。
開(kāi)源之路
在開(kāi)發(fā)KiteTail的過(guò)程中，人們對(duì)CSS表示濃厚興趣，促使Adam考慮將這個(gè)Less框架開(kāi)源。與Stefan Bauer和Jonathan Reinink等開(kāi)發(fā)者合作，推動(dòng)了框架的完善。框架的名稱(chēng)“Tailwind”源于與KiteTail項(xiàng)目的聯(lián)系。
在使Tailwind更加可配置的過(guò)程中，Adam發(fā)現(xiàn)必須推動(dòng)Less的邊界，寫(xiě)一些極具挑戰(zhàn)性的代碼。由于PostCSS提供了更強(qiáng)大的編程語(yǔ)言，David Hemphill建議他使用PostCSS來(lái)構(gòu)建框架。
Tailwind CSS正式發(fā)布
2017年的萬(wàn)圣節(jié)之夜，Tailwind CSS正式發(fā)布，獲得了積極的關(guān)注。一年多的新版本發(fā)布，社區(qū)不斷壯大。
受到Refactoring UI成功和Tailwind迅速增長(zhǎng)的啟發(fā)，Adam決定全職致力于Tailwind。2019年5月發(fā)布了Tailwind CSS v1.0版本，標(biāo)志著一個(gè)重要的里程碑。在Refactoring UI的巨大資金支持下，Adam決定將Tailwind塑造成一個(gè)商業(yè)項(xiàng)目。
Tailwind UI的誕生
2019年，Adam和Steve探索了多種關(guān)于Tailwind商業(yè)化的想法。最終，他們決定推出Tailwind UI，并在2020年2月在規(guī)定的截止日期前努力工作，取得了初步的成功。Tailwind UI在2023年8月份收入超過(guò)200萬(wàn)美元。
日前， Adam Wathan也在社交平臺(tái)上透露，Tailwind UI美元的服務(wù)器成本僅84美元，而每個(gè)月收入則達(dá)20萬(wàn)美金。
Tailwind取得了巨大的成功，團(tuán)隊(duì)壯大，新的可能性逐漸浮現(xiàn)。Adam對(duì)未來(lái)充滿期待，期待將頭腦中的想法轉(zhuǎn)化為新的功能、產(chǎn)品和工具，以在未來(lái)幾年內(nèi)進(jìn)一步改善Tailwind的體驗(yàn)。
Tailwind CSS可以說(shuō)是是將一個(gè)旁系項(xiàng)目發(fā)展成繁榮業(yè)務(wù)潛能的典范。Adam Wathan的旅程展示了在項(xiàng)目的演變中，社區(qū)參與、適應(yīng)性和追求卓越的重要性，這讓Tailwind成為了Web開(kāi)發(fā)領(lǐng)域重要的產(chǎn)品。
（舉報(bào)）