(Dette er en sponsoreret video, jeg har arbejdet med os imellem på CSS-Tricks og Webflow. Jeg synes, Webflow er et fascinerende produkt til opbygning af websteder, der efter min mening er i en kategori for sig selv i øjeblikket. Det tager en lille smule at pakke dit sind rundt, så jeg håber, det er det, denne video kan hjælpe dig med at gøre.)
1) Webflow blev bygget til professionelt design og udviklere
Ved du allerede, hvordan man bygger websteder med kode? Det er fantastisk. Det betyder ikke, at Webflow er under din evne. Webflow er alle de samme abstraktioner som HTML og CSS, men udsætter disse grænseflader på et visuelt lærred.
2) Genanvendelige stilarter er kernen i Webflow
CSS-udvikleren i dig længes sandsynligvis efter at gøre alt til klasser. En klasse er CSS ultimative værktøj til genanvendelighed. Gode nyheder, alt hvad du styler i Webflow er bogstaveligt talt gennem en vælger, der er en klasse. Ikke engang "som" en klasse. Det er en rigtig klasse under emhætten. Webflow falsker ikke internettet, det er internettet.
3) Webflow har funktioner som Flexbox og CSS Grid
At arbejde med flexbox og gitter på et visuelt lærred uden at skulle tænke på syntaksen er meget tilfredsstillende. I stedet for at huske ejendomsnavne og værdier, skal du klikke på knapper for at håndtere afstand og justering eller bruge værktøjer direkte på selve lærredet.
Bekymret for responsivt design? Webflow har dette helt dækket. Når du ændrer størrelse og ændrer breakpoints, ændrer lærredet sig selv størrelser, og de typografier, du indstiller, flyder nedad fra store til små.
4) Publicer hurtigere, bekymre dig mindre
Når du er færdig med at designe webstedet i Webflow, afleverer du det ikke til en anden for at bygge et andet sted. Du er allerede færdig, du har bygget siden. Du kan trykke på knappen Publicer og få den live på en URL på få sekunder. Du kan derefter kortlægge ethvert andet domæne til det, og du har ordnet din hosting- og implementeringssituation. Ingen SFTP. ingen sikkerhedsproblemer. Ingen softwareopdateringer, du skal håndtere selv.
5) Webflow CMS er ekstremt kraftfuld og bygget med klienter og marketingfolk i tankerne
Webflow har et indbygget CMS, der er lige så kraftigt som ethvert andet. Du konfigurerer nøjagtigt den slags indholdsmodel, du har brug for (naturligvis kræves ingen kodning), og du har den. Som en formbygger, på en måde. Derefter bliver disse felter anvendelige i dine skabeloner lige så let som statisk indhold er.
Måske er den bedste del, at oprettelse og redigering af disse data bliver mulig gennem en minimal grænseflade lige på selve webstedet. Hvert felt, der er i CMS (og som du har tilladt), kan redigeres direkte i frontend af live-webstedet. Der er også en bjælke i bunden til oprettelse og redigering af indhold via en admin-grænseflade. Det er det bedste fra begge verdener, redigering på siden og redigering i formstil.
6) Webflow's animationsværktøjer er næste niveau
Det er muligt, første gang du hørte om Webflow, var at se på websteder, den havde bygget med utroligt interaktionsdesign. Sjovt kendsgerning, alle Webflows egne marketing sider er bygget med Webflow. Tjek designsiden for en smag.
Rullebaserede animationer som parallaks, animationer på begivenheder som klik og svævninger, alt sammen muliggjort gennem et interaktionspanel, hvor du vedhæfter dem til ændringer i ting som opacitet, bevægelser og rotationer. Der er klassiske forudindstillinger, der hjælper dig med, samt ting på næste niveau som at integrere mind-bending Lottie-animationer.
7) Der er masser af læringsindhold og fællesskab for dig
At lære Webflow er ikke noget held og lykke. Jeg håber, du finder nogle blogindlæg eller YouTube-videoer noget. Webflow University er helt gratis og absolut fyldt med alt, hvad du nogensinde vil vide om at opbygge websteder med Webflow. Dette kan være din bootcamp.
Prøv Webflow