(Dette er en sponset video jeg jobbet med mellom oss på CSS-Tricks og Webflow. Jeg synes Webflow er et fascinerende produkt for å bygge nettsteder som etter min mening er i en kategori helt for seg selv for tiden. Det tar litt å vikle tankene dine rundt, så jeg håper det er det denne videoen kan hjelpe deg med.)
1) Webflow ble bygget for profesjonell design og utviklere
Vet du allerede hvordan du bygger nettsteder med kode? Det er kult. Det betyr ikke at Webflow er under din evne. Webflow er alle de samme abstraksjonene som HTML og CSS, men avslører disse grensesnittene på et visuelt lerret.
2) Gjenbrukbare stiler er kjernen i Webflow
CSS-utvikleren i deg lengter sannsynligvis etter å gjøre alt til klasser. En klasse er CSS sitt ultimate verktøy for gjenbrukbarhet. Gode nyheter, alt du styler i Webflow er bokstavelig talt gjennom en velger som er en klasse. Ikke engang "som" en klasse. Det er en skikkelig klasse under panseret. Webflow falsker ikke nettet, det er nettet.
3) Webflow har funksjoner som Flexbox og CSS Grid
Å jobbe med flexbox og rutenett på et visuelt lerret uten å tenke på syntaksen er veldig tilfredsstillende. I stedet for å huske eiendomsnavnene og verdiene, klikker du på knappene for å håndtere avstand og justering, eller ved å bruke verktøy direkte på selve lerretet.
Bekymret for responsiv design? Webflow har dekket dette helt. Når du endrer størrelse og endrer brytpunkter, endrer lerretet størrelser, og stilene du angir flyter nedover fra store til små.
4) Publiser raskere, bekymre deg mindre
Når du er ferdig med å designe nettstedet i Webflow, overlater du det ikke til noen andre for å bygge andre steder. Du er allerede ferdig, du har bygget siden. Du kan trykke på publiser-knappen og få den live på en URL på få sekunder. Du kan deretter tilordne et hvilket som helst annet domene til det, og du har fått din løsning for hosting og distribusjon. Ingen SFTP. ingen sikkerhetsproblemer. Ingen programvareoppdateringer du må håndtere selv.
5) Webflow CMS er ekstremt kraftig og bygget med tanke på kunder og markedsførere
Webflow har et innebygd CMS som er like kraftig som noe annet. Du konfigurerer nøyaktig den typen innholdsmodell du trenger (åpenbart ingen koding nødvendig), og du har den. Som en formbygger, på en måte. Da blir disse feltene brukbare i malene dine like lett som statisk innhold er.
Det beste er kanskje at det å opprette og redigere data blir mulig gjennom et minimalt grensesnitt rett på selve nettstedet. Hvert felt som er i CMS (og som du har tillatt) kan redigeres direkte i frontenden av live-siden. Det er også en linje nederst for å opprette og redigere innhold gjennom et administrasjonsgrensesnitt. Det er det beste fra begge verdener, redigering på siden og redigering av formstiler.
6) Webflow's animasjonsverktøy er neste nivå
Det er mulig første gang du hørte om Webflow var å se på nettsteder den hadde bygget med utrolig interaksjonsdesign. Morsomt faktum, alle Webflows egne markedsføringssider er laget med Webflow. Sjekk ut designsiden for en smak.
Rullebaserte animasjoner som parallaks, animasjoner på hendelser som klikk og svev, alt mulig gjennom et interaksjonspanel hvor du fester dem til endringer i ting som opasitet, bevegelser og rotasjoner. Det er stilige forhåndsinnstillinger som hjelper deg, i tillegg til ting på neste nivå som å integrere mind-bending Lottie-animasjoner.
7) Det er massevis av læringsinnhold og fellesskap for deg
Læring Webflow er ikke lykke til. Jeg håper du finner noen blogginnlegg eller YouTube-videoer. Webflow University er helt gratis og fullpakket med alt du måtte ønske å vite om å bygge nettsteder med Webflow. Dette kan være bootcampen din.
Prøv Webflow