Tailwind CSS: Тез, Жооптуу Дизайн үчүн Утилит-Биринчи CSS Framework жана API

Tailwind CSS Framework

Мен күн сайын технологияга терең кирип жатканымда, менин компаниям кардарлар үчүн ишке ашырган татаал интеграциялар жана автоматика менен бөлүшкүм келгендей көп убакытка ээ эмесмин. Ошондой эле, менде ачылыштарга көп убакыт жок. Мен жазган технологиялардын көбү издеген компаниялар Martech Zone аларды камтыйт, бирок кээде - айрыкча Twitter аркылуу - мен бөлүшүүм керек болгон жаңы технологиянын айланасында кандайдыр бир ызы -чууну көрүп турам.

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 Frameworks

Акыркы жылдары дизайнерлер даярдалган жана колдонууга даяр болгон стилдердин коллекцияларын чыгаруу боюнча укмуштуудай иштерди жасашты. Бул CSS стилдер жадыбалы CSS Frameworks катары белгилүү, ар кандай стилдерге жана жооп берүүчү жөндөмдөрдүн бардыгын жайгаштырууга аракет кылып, иштеп чыгуучулар CSS файлын нөлдөн баштап куруунун ордуна, алкакка шилтеме бере алышат. Кээ бир популярдуу алкактар:

  • жүктөгүч – 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.
  • Табуу – a clean framework that’s developer-friendly and has no dependency on JavaScript.
  • Foundation – a more generic and usable CSS framework that has tons of components that are easily customizable. Additionally, there’s Электрондук почта үчүн фонд жана Motion UI анимациялар үчүн.
  • UI Kit -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 Grids

css мамычасынын баш сеткалары мамычалар

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

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 долбоорлору кардарга CSSтин 10кБдан азын жөнөтөт.

Эмне деп ойлойсуң?

Бул сайт спам азайтуу Akismet колдонот. Сиздин комментарий маалымат кандайча иштелишин Үйрөнүү.