Morgen.

god morgen!

God morgen!

noen her som har brukt tailwind til CSS og har dårlig erfaring med det? Vi brukte det på AMOI, og jeg har savnet det siden

Morn!

Morn!

Jeg sitter faktisk og tenker at jeg har lyst til å lære meg css selv akkurat nå. De som lager #clerk bruker tailwind aktivt. Og Clerk shipper med tailwind

For gamle gretne gubber som foretrekker å skrive CSS selv: hvorfor skal jeg bruke tailwind?

Det lar deg skrive inline styles uten at du må ta et oppgjør med at du skriver inline styles

For dere skriver bare CSS selv i ZombieCLJ?

Problemet mitt er jo at jeg ikke kan css.

ZombieCLJ er litt spesielt, ettersom alt CSS-arbeidet gjøres først, slik at vi slipper bruke tid på det i løpet av screencasten. Men ja, det er jeg som har sittet og puslet den sammen.

På jobb har vi et prosjekt hvor det er mer et CSS-bibliotek, a-la Tailwind, bare hjemmesnekret (på grunn av statisk levering av html), og et annet hvor det er inline styles direkte.

Men hvis du ikke kan CSS, så ville jeg definitivt gått for å lære meg CSS før jeg begynte på Tailwind eller noe slikt. Så får du det grunnleggende på plass.

CSS er veldig enkelt og greit, rent syntaktisk. I praksis må du lære en del om hvordan ting plasserer seg skjermen med flex, grid, osv.

den store winning med tailwind er vel at de har alle disse innebyggede klassenavnene for responsive greier

men ja, det er mest patternet som er digg, ikke så viktig at det er tailwind spesifikt

altså null ID-er, bare klassenavn, null cascading/hierarki, og en del klassenavn med “behavior”. Typ, du sier `flex-md” så får du flex i md og opp, men på mobil kommer det bare under hverandre, osv

er jo litt knot å få til hover-styles og responsive og sånt med bare inline styles 🙂

I Clojure har du https://github.com/green-coder/girouette/, som genererer CSS med Tailwind-kompatible klassenavn basert på en grammatikk.

det der og er litt kult med tailwind, ja. Fint å ha data som spesifiserer CSS-en din. Typ, du setter opp hva fargene dine er, så får du automatisk bg-minfarge, text-minfarge, hover:text-minfarge (ja, det er gyldig klassenavn i CSS), osv

Hva er fordelen med det i en frontendapp? Altså, for statisk HTML ser jeg forsåvidt poenget, men dette virker litt som en tungvindt måte å lære seg et bibliotek (tailwind) i stedet for en webtech (CSS)?

det at man får generert opp ting er ganske praktisk. Typ, du legger til en ny farge i fargepaletten, så får du klassenavn med hover osv automatisk generert for alt som har med den fargen å gjøre

jo, men i en frontendapp kan du jo bare bruke fargen inline, så hva er fordelen der?

det med hover-klasser og sånt f.eks, eller er det en måte å få til hover-farge med inline styles?

eller, det går jo fint an å lage et slags dynamisk stylesheet selv og kanskje, hvor du tar med hover-greier og hva du vil av klassenavn. Så man får vel til alt selv ganske greit uten å måtte dra inn et svært rammeverk, ja

det finnes kanskje noen snasne clj-libs for å lage data og få ut CSS-syntaks?

hover-greier krever klasser, ja

@augustl https://github.com/noprompt/garden er "hiccup for CSS" 🙂

Også finnes det https://herb.roosta.sh som kan injecte style-tagger slik at du kan få hover og slikt dynamisk

selv har jeg bare gått for bare-bones greier. På grunn av mobil-støtte så kan man ikke legge særlig mye funksjonalitet inn i hover, så da blir det fort nok med en cursor:pointer

Herb er forøvrig laget av #C061XGG1W sin egen @roosta 🙂

Men repoet til Herb er arkivert: https://github.com/roosta/herb/issues/13 😞 Jeg hadde en stjerne på det for å sjekke det ut ved anledning.

dagens rant: i tillegg til at re-frame er ganske magisk, er dokumenasjonen irriterende “artig”. Dokumentasjon skal være kjedelig og rett frem.

hadde fått stryk av redaktørene på forlaget om jeg brukte sånne overskrifter i boka

Haha Umulig å vite hva du bør lese hvis du har et problem!