Styling websites with the TailwindCSS front-end framework Get started with TailwindCSS Install TailwindCSS Color assignments Free path for layouts Adaptable TailwindCSS is a So-called utility front-end framework: with the help of classes and without leaving the HTML code, you can quickly and easily spruce up websites and components.

The classes designate the individual CSS formatting over which then have designs defined. Anyone who has previously worked with a framework such as Bootstrap will find the approach taking some getting used to – but it is worth getting involved: TailwindCSS allows you to work quickly and productively and it offers extensive configuration options and makes working with CSS easier.

The project page con TailwindCSS offers an informative introduction to the topic.

Get started with TailwindCSS For TailwindCSS, use a normal HTML template with HTML5 doctype, meta-viewport information and a reference to the TailwindCSS file. In the example the document is called index.html:

Access to all contents of heise + exclusive tests, advice & background: independent , critically founded c’t, iX, Technology Review, Mac & i, Make, c’t read photography directly in the browser register once – read on all devices – can be canceled monthly first month free, then monthly 9 , 95 € Weekly newsletter with personal reading recommendations from the editor-in-chief Start FREE month Start your FREE month now heise + already subscribed?

Sign in and read Register now and read the article immediately More information about heise +