Responsive Webdesign: Tailwind CSS in 10 Minuten verstehen! | Der Crashkurs für Anfänger

Tailwind ist ein Open-Source CSS Framework für Responsive und Mobile-First Webdesign. Im Gegensatz zu Bootstrap liefert Tailwind keine Designvorlagen für bestimmte Komponenten wie Buttons oder Formularfelder.
Anstelle dessen konzentriert sich das Framework ausschließlich auf Klassen, die bestimmte CSS-Deklarationen spiegeln und miteinander kombiniert werden müssen. Auch wenn der Code auf den ersten Blick ziemlich chaotisch aussieht, bieten Tailwind viele Vorteile gegenüber herkömmlichem CSS und dem style-Attribut. Mehr dazu zeigt dir Webdesign-Experte Fabian Hiller in diesem Video.

ÜBER HEISE ACADEMY –
Die heise Academy ist die neue digitale Lernpattform für IT-Professionals. Sichere dir deinen Wissensvorsprung in über 60 Online-Kursen und jährlich 100 Online-Trainings zu den wichtigsten Themen rund um Softwareentwicklung, Administration und IT-Security.

ÜBER DEN TRAINER –
Fabian hat bereits mit 18 Jahren sein erstes Unternehmen gegründet und Unternehmen, Restaurants und Vereine in seiner Umgebung mit Grafikdesign und Webentwicklung unterstützt. 2018 folgte dann mit Adstock das zweites Unternehmen. Neben seinem YouTube Kanal, auf dem er sein Wissen und seine Erfahrungen rundum UI und UX Design, sowie App- und Webentwicklung teilt, ist er bei vielen weiteren Softwareprojekten beteiligt. Vernetze dich mit Fabian:

Timestamps
00:04 Was ist Tailwind?
00:37 Praktisches Beispiel
03:25 Vorteile
04:34 Nachteile
05:15 Installation
07:12 Break-Points
08:34 Hover-Effekt
08:59 Aufbau der Klassen