(Toto je sponzorované video, na kterém jsem pracoval mezi námi v CSS-Tricks a Webflow. Myslím si, že Webflow je fascinující produkt pro vytváření webů, který je podle mého názoru v současné době v kategorii sama pro sebe. Trvá to trochu zabalit svou mysl, takže doufám, že to vám toto video může pomoci.)
1) Webflow byl vytvořen pro profesionální designéry a vývojáře
Už víte, jak vytvářet webové stránky pomocí kódu? To je úžasné. Neznamená to, že Webflow je pod vašimi schopnostmi. Webflow je stejná abstrakce jako HTML a CSS, ale vystavuje tato rozhraní na vizuálním plátně.
2) Opakovaně použitelné styly jsou srdcem Webflow
Vývojář CSS ve vás pravděpodobně touží udělat vše do tříd. Třída je hlavním nástrojem CSS pro opětovné použití. Dobrá zpráva, všechno, co ve Webflow stylujete, je doslova prostřednictvím selektoru, který je třídou. Ani „nelíbí“ třída. Je to skutečná třída pod kapotou. Webflow web předstírá, je to web.
3) Webflow má funkce jako Flexbox a CSS Grid
Práce s flexboxem a mřížkou na vizuálním plátně, aniž byste museli přemýšlet o syntaxi, je velmi uspokojivá. Spíše než si pamatovat názvy a hodnoty vlastností, klikáte na tlačítka pro řešení mezer a zarovnání nebo pomocí nástrojů přímo na samotném plátně.
Máte obavy z responzivního designu? Webflow to má úplně pokryté. Jak měníte velikost a měníte zarážky, samotné plátno mění velikosti a styly, které nastavíte, plynou směrem dolů z velkých na malé.
4) Publikujte rychleji, méně starostí
Až skončíte s návrhem webu ve Webflow, potom jej neodevzdáte někomu jinému, aby jej vytvořil jinde. Již jste hotovi, vytvořili jste web. Můžete stisknout tlačítko pro publikování a během několika sekund ho zveřejnit na adrese URL. Poté na ni můžete namapovat jakoukoli jinou doménu a máte vyřešenou situaci s hostováním a nasazením. Žádný SFTP. žádné bezpečnostní problémy. Nemusíte se starat o žádné aktualizace softwaru.
5) Webflow CMS je extrémně výkonný a vytvořený s ohledem na klienty a obchodníky
Webflow má vestavěný CMS, který je stejně výkonný jako kterýkoli jiný. Nakonfigurujete přesně ten typ modelu obsahu, který potřebujete (samozřejmě není nutné žádné kódování) a máte ho. V jistém smyslu jako tvůrce formulářů. Pak se tato pole stanou použitelnými ve vašich šablonách stejně snadno jako statický obsah.
Snad nejlepší na tom je, že pak je vytváření a úpravy těchto dat možné prostřednictvím minimálního rozhraní přímo na samotném webu. Každé pole, které je v CMS (a které jste povolili), lze upravit přímo na front-endu živého webu. Ve spodní části je také lišta pro vytváření a úpravy obsahu prostřednictvím administrátorského rozhraní. Je to to nejlepší z obou světů, editace na stránce a editace ve stylu formuláře.
6) Animační nástroje Webflow jsou další úrovně
Je možné, že jste poprvé o Webflow slyšeli prohlížením webů, které vytvořil s neuvěřitelným designem interakce. Zábavné je, že všechny vlastní marketingové stránky Webflow jsou vytvářeny pomocí Webflow. Podívejte se na stránku návrháře pro chuť.
Animace založené na posouvání, jako je paralaxa, animace událostí, jako jsou kliknutí a vznášení, to vše bylo možné prostřednictvím panelu interakcí, kde je můžete připojit ke změnám ve věcech, jako jsou neprůhlednost, pohyby a rotace. Existují elegantní přednastavení, která vám pomohou, stejně jako věci na další úrovni, jako je integrace animací Lottie, které ohýbají mysl.
7) Existuje spousta učebního obsahu a komunity pro vás
Učení Webflow není štěstí, doufám, že najdete nějaké příspěvky na blogu nebo videa z YouTube. Univerzita Webflow je zcela zdarma a absolutně nabitá vším, co byste kdy mohli chtít vědět o vytváření webů pomocí Webflow. Může to být váš bootcamp.
Vyzkoušejte Webflow