Placing-Me-Wiki

# Tailwind als Frontend CSS-Framework

Tailwindcss (opens new window) ist ein Utillity First Framework (opens new window). Es soll die Styledateien Struktur schlank halten und angenehmer für nicht Frontendentwickler sein.
Zusätzlich bringt es durch die Möglichkeit PurgeCSS (opens new window) einzusetzen, einen gute Performanz mit sich.

# Tailwind Resourcen

Es gibt zwahlreiche Resourcen für Tailwindcss und es werrden stetig mehr. Hilfreiche Resourcen

# Living Styleguide mit Tailwind

Die verfügbaren Styles, bzw. Designregeln werden bei uns durch einen Living-Styleguide abgebildet:

Dieser wird hauptsächlich über die tailwind.config.js definiert.
Der Styleguide wird als Submodule (opens new window) in unser NewSite-Projekt eingebunden, sodass diese beiden immer die selben verfügbaren Styles haben.

# Laravel und Tailwind

Laravel harmoniert sehr gut mit Tailwind, da die Erfinder von Tailwindcss aus der Laravel Community kommen.
Es hat Bootstrap quasi als standard Frontendframework abgelöst.
Eine Integration ist sehr einfach (opens new window) und es gibt auch ein Laravel Mix Plugin (opens new window)

# Tailwind in Emails

Mit dem Emailframework Maizzle (opens new window) lässt sich Tailwind auch super für die Mails in Laravel (opens new window) verwenden.

# Heroicons als Icon-Set

Mit Tailwind verwandt (opens new window) und super in Kombination ist das Iconset Heroicons (opens new window)

# Inspiration/Templates

Es gibt schon einige Angebote an Tailwind Templates bzw. Komponenten:

# übergeordnetes Thema

2.2 Software

Last Updated: 12/19/2022, 5:01:07 PM

← 2.2.5 Nova →