Bulma er den eneste Flexbox-Powered CSS Framework du trenger

Flexbox er et varmt emne for frontend-utviklere siden det gir en moderne tilnærming til CSS-tilpasninger . De fleste nettstedoppsettene er avhengige av CSS-flyter eller faste prosenter for å holde innholdsblokker i kø.

Men flexbox endrer alle reglene, og med et rammeverk som Bulma kan du bygge full oppsett på flexbox . Dette er et helt nytt CSS-rammeverk fortsatt i de tidlige utviklingsstadiene, men med mye å tilby.

For et slikt ungt prosjekt ser det ut til at Bulma er fulle av potensial. Bulma tilbyr et moderne CSS-rammeverk og responsiv strategi for layoutdesign. Med flexbox kan du strukturere et hvilket som helst antall blokkelementer for å justere ved siden av hverandre og bryte ned ved bestemte bruddpunkter.

Med en enkel klasse av .columns kan du legge til så mange divs som du vil, og holde layoutet konsistent. Du kan endre kolonneklassene for å gjøre litt bredere enn andre og for å få noen til å justere forskjellig.

Både horisontal og vertikal justering er super lett med dette rammeverket. Aldri igjen vil du trenge å hacke sammen en CSS-løsning i siste øyeblikk.

Den beste delen er at de fleste moderne nettlesere støtter flexbox med unntak av Internet Explorer. Men med Microsoft som går over til Edge, blir det mye lettere å bruke et rammeverk som Bulma uten bekymring for eldre støtte.

Det er også verdt å merke seg dette er ikke bare en flexbox rammeverk. Det er et fullt CSS-bibliotek med standardstiler for typografi, knapper, inputfelter og andre vanlige sideelementer . Bulma er helt gratis og leveres med utmerket dokumentasjon hvis du er villig til å dykke inn og begynne å bygge.

Og hvis du ikke vil laste ned Bulma lokalt, kan du likevel prøve den ut ved hjelp av online CDN. Den elektroniske dokumentasjonen skal være mer enn nok til å komme i gang, spesielt nettleser siden du kan bruke til å bygge en full layout struktur.

Bulma er for øyeblikket i versjon 0.2.3, så det har en lang vei å gå før v1.0-utgivelsen. Selv i sin nåværende versjon er det fortsatt ganske brukbart og det gir mye potensial for fremtiden.

For å lære mer, sjekk ut den offisielle GitHub repo eller besøk Bulma nettsiden for installeringsinstruksjoner og full dokumentasjon.

Brandmark bruker kunstig intelligens til å designe logoer for deg

Ikke for lenge siden skrev jeg om Fontjoy, et nettverktøy utviklet av Jack Qiao som bruker kunstig intelligens for å parre fonter. Etter å ha utviklet skrifttypeparingsverktøyet, ser det ut til at Qiao har besluttet å fortsette å dabble med AI og design ettersom han har kommet opp med enda et AI-drevet webdesignverktøy kalt Brandmark .Hvor F

(Tekniske og design tips)

20 Gratis Kiosk Magasiner Du kan laste ned fra App Store

Apples Kiosk tilbyr mange magasiner av varierende emner. Fra teknologi, design, sport og nyheter er det nok innhold der for å fylle hver nisje. Mens mange av dem er betalt innhold, kan du bli overrasket over å vite at det er gratis magasiner tilgjengelig - de er bare litt vanskelig å finne.Vel, vi har gjennomgått App-butikken og weben som helhet for å finne noen av de toppkvalitets kioskinnholdene du kan laste ned for din avslappende lesing. Her

(Tekniske og design tips)