Tailwind CSS: Чорчӯбаи аввалини CSS ва API барои тарроҳии зуд ва ҷавобгӯ

Чаҳорчӯбаи Tailwind CSS

Гарчанде ки ман ҳамарӯза ба технология чуқур машғулам, ман он қадар вақт надорам, ки ман мехоҳам интегратсия ва автоматизатсияи мураккаберо, ки ширкати ман барои муштариён татбиқ мекунад, мубодила кунам. Ҳамчунин, ман вақти зиёди кашф кардан надорам. Аксари технологияҳое, ки ман дар бораи онҳо менависам, ширкатҳое ҳастанд, ки дар ҷустуҷӯи онанд Martech Zone онҳоро фаро мегирад, аммо ҳар сари чанд вақт - хусусан тавассути Твиттер - ман баъзе овозаҳоро дар атрофи технологияи нав мебинам, ки ман бояд мубодила кунам.

Агар шумо дар тарҳрезии веб, таҳияи барномаҳои мобилӣ ё ҳатто танҳо системаи идоракунии мундариҷа кор кунед, шумо эҳтимол бо ноумедии услубҳои рақобат дар варақаҳои мухталиф мубориза бурдед. Ҳатто бо асбобҳои аҷиби рушд, ки дар дохили ҳар як браузер сохта шудаанд, пайгирӣ ва тоза кардани CSS метавонад вақт ва қувваи зиёдро талаб кунад.

Чаҳорчӯбаҳои CSS

Дар солҳои охир, дизайнерон як кори аҷибе карданд, ки коллексияҳои услубҳоро, ки пешакӣ омода карда шудаанд ва барои истифода омодаанд, анҷом доданд. Ин ҷадвалҳои услуби CSS бо номи CSS Frameworks маъруфанд ва кӯшиш мекунанд, ки ҳама сабкҳо ва имкониятҳои ҷавобгӯро мутобиқ созанд, то таҳиягарон на ба сохтани файли CSS аз сифр, танҳо ба чаҳорчӯба истинод кунанд. Баъзе чаҳорчӯбаҳои маъмул инҳоянд:

  • панҷшанбе - чаҳорчӯбае, ки дар тӯли даҳ сол рушд кардааст, ки бори аввал аз ҷониби Twitter муаррифӣ шудааст. Он хусусиятҳои бешуморро пешниҳод мекунад. Он дорои нуқсонҳои манфӣ мебошад, ки SASS -ро талаб мекунад, аз ҳад зиёд коркард кардан, аз JQquery вобаста аст ва бор кардан хеле вазнин аст.
  • Булма -чаҳорчӯбаи тоза, ки барои таҳиягарон қулай аст ва аз JavaScript вобастагӣ надорад.
  • Бунёди - як чаҳорчӯбаи умумӣ ва қобили истифода CSS, ки дорои миқдори зиёди ҷузъҳои ба осонӣ танзимшаванда мебошад. Илова бар ин, вуҷуд дорад Бунёд барои почтаи электронӣ ва UI ҳаракат барои аниматсияҳо.
  • Маҷмӯаи интерфейс -омезиши HTML, JavaScript ва CSS барои зуд ва ба осонӣ пешрафти пешрафтаи шумо.

Чаҳорчӯбаи Tailwind CSS

Дар ҳоле ки чаҳорчӯбаҳои дигар барои ҷойгир кардани унсурҳои маъмули интерфейси корбар кори бузургеро анҷом медиҳанд, Tailwind методологияро истифода мебарад, ки маъруф аст CSS атомӣ. Хулоса, Tailwind номҳои синфҳоро бо забони табиӣ барои иҷрои он чизе, ки онҳо мекунанд, моҳирона ташкил кард. Ҳамин тавр, дар ҳоле ки Tailwind китобхонаи ҷузъҳо надорад, қобилияти сохтани интерфейси пуриқтидор ва ҷавобгӯ танҳо бо истинод ба номҳои синфи CSS шево, зуд ва бемисл аст.

Инҳоянд чанд намунаҳои воқеан олӣ:

Шабакаҳои CSS

сутуни CSS сутунҳои шабакаҳои оғоз

Градиентҳои CSS

градиентҳои CSS

CSS барои дастгирии ҳолати торик

css ҳолати торик

Tailwind инчунин як афсонавӣ дорад тамдиди дастрас барои VS Code, то шумо метавонед ба осонӣ аз муҳаррири кодҳои Microsoft синфҳоро муайян кунед ва гузоред.

Ҳатто донотар, Tailwind ҳама CSS -и истифоданашударо ҳангоми сохтани истеҳсолот ба таври худкор нест мекунад, ки маънои бастаи ниҳоии CSS -и шумо хурдтаринаш буда метавонад. Дар асл, аксари лоиҳаҳои Tailwind ба муштарӣ камтар аз 10 кБ CSS мефиристанд.

Ту чӣ фикр мекунӣ?

Ин сомона ба воситаи Akismet барои кам кардани спам истифода мешавад. Омӯзед, ки чӣ тавр маълумотҳои худро тафтиш кунед.