Tailwind CSS

Vad är Tailwind CSS?

Tailwind CSS är ett relativt nytt ramverk inom frontend-utveckling. Det är i grunden ett "utility-first"-ramverk, vilket innebär att det tillhandahåller en djup katalog av CSS-klasser på låg nivå som ger utvecklaren alla byggstenar för att skräddarsy designs.


Tailwind CSS skiljer sig från andra CSS-ramverk där komponenter är färdigställda och snabbt kan kopieras in i ett projekt. Trots sin unga ålder har detta verktyg vuxit avsevärt i popularitet bland utvecklare, tack vare flexibiliteten att bygga anpassade gränssnitt.


Min uppfattning

Jag gillar Tailwind CSS eftersom man som utvecklare har fullständig kontroll över designen. Till skillnad från Bootstrap där komponenter är fördefinierade, erbjuder Tailwind CSS mer frihet. Det går att anpassa mycket direkt i HTML-filen. Med detta ramverk behövs ingen extra tid läggas ner på att ändra i källkoden på samma sätt som i Bootstrap. Detta gör att webbplatser som är byggda med Tailwind CSS automatiskt är mer unika än de sidor som är byggda med Bootstrap där ingen justering har gjorts.


En sak som är mindre tilltalande är att det är rörigt med alla klasser i HTML-filen. Jag hade svårt att snabbt hitta rätt element/klass i HTML-filen, då det är väldigt många klasser överallt.Det kräver också att man memorerar en hel del klasser om det ska gå fort i utvecklingen. Jag var tvungen att referera till dokumentationen väldigt mycket. Men sådant sätter sig nog efter ett tag.


Jag använde först Tailwind CSS CDN, men efter uppföljningsmötet valde jag att installera det via npm.


Ramschema år 2 (kull HT2022)

Period Kursnamn Kurskod Progression
1 Projektledning IK060G A
1 Fullstack-utveckling med ramverk DT193G B
2 JavaScript-baserad webbutveckling DT162G B
2 Programmering i C#.NET DT071G A
3 Webbutveckling med .NET DT191G B
3 Affärsplaner och kommersialisering IG021G A
4 Självständigt arbete DT140G B

Lägg till ny kurs