[fabian]

Ursprungligen postat av Detrol

Nackdelen med CSSen är ju tyvärr Bootstrap ramverket som laddar allt för mycket css som aldrig ens används, och jag har bråkat med detta flera gånget tidigare. Likt många andra vad jag har läst.

Fast det löser man ju i sitt build step. Vad använder du för verktyg? Kolla t.ex. Snowpack

PurgeCSS

Bootstrap är bloatat. Det är mycket sällan jag sitter i ett projekt med Bootstrap numera. Det var väldigt poppis för några år sedan, personligen tycker jag det funkar fint om man t.ex. vill göra mockup av ett admin-interface eller liknande. Vi gick över till Foundation*för några år sedan. Jag är inget fan, men det är "renare" än Bootstrap.

Något som tagit fart den senaste tiden är TailwindCSS, "Framtidens bootstrap" säger vissa. Jag har bara kikat snabbt på det, men det ser intressant ut. Skall bygga nån liten webapp baserat på det inom kort för att känna på det.

Det har dessutom dykt upp sjukt många verktyg för att snabbt få till saker i Tailwind.

https://tailwind.build/
https://blocks.wickedtemplates.com/
https://www.tailwind-kit.com/
https://www.tailwind-tools.com/

Ursprungligen postat av Detrol

Problemet är att jag är back-end developer egentligen, och skriva front-end är inte min starkaste sida och därför jag nyttjar dessa färdiga mallar - som jag köper.

Förr var det en tydlig skillnad mellan backend och frontend, men det har ju verkligen suddats ut. Traditionellt var backend fokus på funktion och logik, frontend handlade om utseende. Idag bygger man sajter med Vue, Svelte mm., och mycket av logiken är flyttad till frontend, medans backend har kommit att handla om att tillhandahålla data.

Jag var också "backendutvecklare" från början.

Spana in Svelte!

Ursprungligen postat av Detrol

Logotypen köpte jag via fiverr, och fick inte med source filerna, utan en stor PNG(då jag inte hade råd med annat för tillfället). Som sagt, design är inte min starkaste sida, och har fått hålla mig till en budget där.

För att vara ärlig så är ju logotypen inte något speciellt. Du kan ju lätt byta ut den. Men du kan också bara konvertera den till SVG online med något verktyg som Vectorizer.io.

Här har du den som SVG
https://codepen.io/fabianmossberg/pen/NWRZyWw