# 175: 7 Čo by ste mali vedieť o Webflow Triky CSS

Anonim

(Toto je sponzorované video, na ktorom som medzi nami pracoval v spoločnostiach CSS-Tricks a Webflow. Myslím si, že Webflow je fascinujúci produkt na vytváranie webových stránok, ktorý je podľa môjho názoru v súčasnosti v kategórii úplne pre seba. Trvá to trochu aby ste zabalili svoju myseľ, tak dúfam, že to vám toto video môže pomôcť.)

1) Webflow bol vyvinutý pre profesionálnych dizajnérov a vývojárov

Už viete, ako vytvárať webové stránky pomocou kódu? To je úžasné. Neznamená to, že Webflow je pod vašimi schopnosťami. Webflow je rovnaká abstrakcia ako HTML a CSS, ale vystavuje tieto rozhrania na vizuálnom plátne.

2) Opakovane použiteľné štýly sú jadrom Webflow

Vývojár CSS vo vás pravdepodobne túži prerobiť všetko do tried. Trieda je hlavným nástrojom CSS pre opätovné použitie. Dobrá správa, všetko, čo vo Webflow upravujete, je doslova prostredníctvom selektora, ktorý je triedou. Ani „nie ako“ trieda. Je to skutočná trieda pod kapotou. Webflow nepredstiera web, je to web.

3) Webflow má funkcie ako Flexbox a CSS Grid

Práca s flexboxom a mriežkou na vizuálnom plátne bez toho, aby ste museli myslieť na syntax, je veľmi uspokojivá. Namiesto zapamätania názvov a hodnôt vlastností klikáte na tlačidlá, aby ste sa vyrovnali s rozstupmi a zarovnaním, alebo používate nástroje priamo na samotnom plátne.

Znepokojuje vás responzívny dizajn? Webflow to má celé pokryté. Pri zmene veľkosti a zmene zarážok samotné plátno mení veľkosť a štýly, ktoré nastavíte, sa pohybujú smerom nadol od veľkých po malé.

4) Publikujte rýchlejšie, bez starostí

Keď skončíte s návrhom webu v Webflow, potom ho už neodovzdáte niekomu inému, aby ho vytvoril inde. Už ste hotoví, vytvorili ste si web. Môžete stlačiť tlačidlo zverejniť a zverejniť ho na adrese URL v priebehu niekoľkých sekúnd. Potom na ňu môžete namapovať ľubovoľnú inú doménu a vaša situácia s hostením a nasadením je vyriešená. Žiadne SFTP. ziadne bezpecnostne problemy. Nie sú potrebné žiadne aktualizácie softvéru.

5) Webflow CMS je mimoriadne výkonný a zostavený s ohľadom na klientov a obchodníkov

Webflow má zabudovaný CMS, ktorý je rovnako výkonný ako ktorýkoľvek iný. Nakonfigurujete si presne ten typ modelu obsahu, ktorý potrebujete (samozrejme nie je potrebné žiadne kódovanie) a máte ho. Ako v určitom zmysle tvorca formulárov. Potom sa tieto polia stanú použiteľnými vo vašich šablónach rovnako ľahko ako statický obsah.

Najlepšie na tom je, že potom je vytváranie a úprava týchto údajov možná prostredníctvom minimálneho rozhrania priamo na samotnom webe. Každé pole, ktoré sa nachádza v CMS (a ktoré ste povolili), je možné upravovať priamo v klientskom rozhraní živého webu. V spodnej časti je tiež lišta na vytváranie a úpravy obsahu prostredníctvom správcovského rozhrania. Je to to najlepšie z oboch svetov, od úpravy na stránke a úpravy vo forme formulára.

6) Animačné nástroje Webflow sú na ďalšej úrovni

Je možné, že ste Webflow prvýkrát počuli, keď ste si prezerali weby, ktoré vytvoril, s neuveriteľným dizajnom interakcie. Zábavné je, že všetky vlastné marketingové stránky Webflow sú vytvárané pomocou Webflow. Na chuť si pozrite dizajnérsku stránku.

Animácie založené na posúvaní, ako je paralaxa, animácie udalostí, ako sú kliknutia a vznášadlá, to všetko bolo možné prostredníctvom panela interakcií, kde ich pripájate k zmenám, ako sú nepriehľadnosť, pohyby a rotácie. K dispozícii sú prvotriedne predvoľby, ako aj ďalšie úrovne, ako napríklad integrácia animácií Lottie, ktoré ohýbajú myseľ.

7) Existuje množstvo učebného obsahu a komunity pre vás

Naučiť sa Webflow nie je šťastie. Dúfam, že tu nájdete nejaké blogové príspevky alebo videá z YouTube. Univerzita Webflow University je úplne zadarmo a úplne nabitá všetkým, čo by ste mohli chcieť vedieť o vytváraní webových stránok pomocou služby Webflow. Môže to byť váš bootcamp.

Vyskúšajte Webflow