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

Tailwind CSS Framework

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

If you work in web design, mobile app development, or even just set up a content management system, you’ve probably wrestled with the frustrations of competing styles across multiple stylesheets. Even with the amazing development tools built within each browser, tracking down and cleaning up CSS can require far too much time and energy.

Рамки за CSS

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

  • Bootstrap – a framework that’s evolved over a decade, first introduced by Twitter. It offers countless features. It does have downsides, requiring SASS, difficult to overwreied, dependent on JQquery, and it’s pretty hefty to load.
  • Bulma – a clean framework that’s developer-friendly and has no dependency on JavaScript.
  • Фондацијата – a more generic and usable CSS framework that has tons of components that are easily customizable. Additionally, there’s Фондација за е -пошта Употреба на движење за анимации.
  • Комплет за интерфејс -комбинација на HTML, JavaScript и CSS за брзо и лесно да го развиете вашиот преден план.

Tailwind CSS Framework

Додека другите рамки прават одлична работа во сместувањето на популарните елементи на корисничкиот интерфејс, Tailwind користи методологија позната како Атомски CSS. In short, Tailwind ingeniously organized the class names using natural language to do what they say they do. So, while Tailwind doesn’t have a library of components, the ability to easily build a powerful, responsive interface just by referencing CSS class names is elegant, fast, and incomparable.

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

CSS решетки

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

CSS Gradients

css градиенти

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

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

Tailwind исто така има фантастично достапно проширување for VS Code so that you can easily identify and insert classes from Microsoft’s code editor.

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

Што мислите?

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