Tailwind CSS: Рамка за прва помош за CSS и API за брз, одговорен дизајн

Tailwind CSS Framework

Додека сум длабоко во технологија секојдневно, не добивам толку време колку што би сакал да ги споделам сложените интеграции и автоматизација што мојата компанија ги спроведува за клиентите. Исто така, немам многу време за откривање. Поголемиот дел од технологијата за која пишувам се компании кои бараат Martech Zone покривајќи ги, но од време на време - особено преку Твитер - гледам зуи околу нова технологија што треба да ја споделам.

Ако работите во веб дизајн, развој на мобилни апликации, или дури и само воспоставување систем за управување со содржина, веројатно сте се бореле со фрустрациите од конкурентските стилови низ повеќе стилови. Дури и со неверојатните развојни алатки изградени во секој прелистувач, пронаоѓањето и чистењето на CSS може да бара премногу време и енергија.

Рамки за CSS

Во последниве години, дизајнерите направија прилично неверојатна работа со издавање колекции на стилови кои се подготвени и подготвени за употреба. Овие CSS Stylesheets се попознати како CSS Frameworks, обидувајќи се да ги приспособат сите различни стилови и способности што одговараат, така што програмерите можат само да упатуваат на рамка, а не да градат CSS -датотека од нула. Некои популарни рамки се:

  • Bootstrap - рамка која еволуираше во текот на една деценија, прва воведена од Твитер. Тој нуди безброј карактеристики. Има негативни страни, бара SASS, тешко е да се преоптоварува, зависи од JQquery и е доста напорно да се вчита.
  • Bulma -чиста рамка која е пријателска за програмерите и нема зависност од JavaScript.
  • Фондацијата - повеќе генеричка и употреблива CSS рамка која има тони компоненти кои се лесно прилагодливи. Дополнително, има Фондација за е -пошта Употреба на движење за анимации.
  • Комплет за интерфејс -комбинација на HTML, JavaScript и CSS за брзо и лесно да го развиете вашиот преден план.

Tailwind CSS Framework

Додека другите рамки прават одлична работа во сместувањето на популарните елементи на корисничкиот интерфејс, Tailwind користи методологија позната како Атомски CSSНа Накратко, Tailwind генијално ги организираше имињата на часовите користејќи природен јазик за да го направи она што тие велат дека го прават. Значи, додека Tailwind нема библиотека со компоненти, способноста лесно да се изгради моќен, одговорен интерфејс само со повикување на имиња на CSS класа е елегантна, брза и неспоредлива.

Еве неколку навистина одлични примери:

CSS решетки

css колона стартни решетки колони

CSS градиенти

css градиенти

CSS за поддршка на темниот режим

css мрачен режим

Tailwind исто така има фантастично достапно проширување за VS Code за да можете лесно да ги идентификувате и вметнете класи од уредувачот на кодови на Microsoft.

Уште погенијално, Tailwind автоматски ги отстранува сите неискористени CSS кога се гради за производство, што значи дека вашиот последен пакет CSS е најмалиот што би можел да биде. Всушност, повеќето проекти на Tailwind испраќаат помалку од 10kB CSS на клиентот.

Што мислите?

Оваа страница користи Akismet за намалување на спам. Научете како се обработува вашиот коментар.