# 175: 7 lietas, kas jāzina par Webflow - CSS-triki

Anonim

(Šis ir sponsorēts videoklips, pie kura strādāju starp mums CSS-Tricks un Webflow. Es domāju, ka Webflow ir aizraujošs produkts vietņu veidošanai, kas, manuprāt, šobrīd ir kategorija sev. Tas prasa mazliet lai apņemtu domas, tāpēc es ceru, ka tieši tas var jums palīdzēt.)

1) Webflow tika izveidots profesionāliem dizainparaugiem un izstrādātājiem

Vai jau zināt, kā izveidot vietnes ar kodu? Tas ir lieliski. Tas nenozīmē, ka Webflow ir zem jūsu spējām. Tīmekļa plūsma ir tās pašas abstrakcijas kā HTML un CSS, taču šīs saskarnes tiek parādītas vizuālā audeklā.

2) Webflow centrā ir atkārtoti lietojami stili

CSS izstrādātājs, iespējams, jūs alkst visu padarīt klasēs. Klase ir CSS galvenais atkārtotas izmantošanas rīks. Labas ziņas, viss, ko jūs veidojat Webflow, notiek burtiski caur selektoru, kas ir klase. Pat ne “patīk” klase. Tā ir īsta klase zem pārsega. Webflow nav viltus tīmeklis, tas ir tīmeklis.

3) Webflow ir tādas funkcijas kā Flexbox un CSS Grid

Darbs ar flexbox un režģi uz vizuālā audekla, nedomājot par sintaksi, ir ļoti apmierinošs. Tā vietā, lai atcerētos rekvizītu nosaukumus un vērtības, jūs noklikšķināt uz pogām, lai risinātu atstarpes un izlīdzināšanu vai izmantotu rīkus tieši uz pašas audekla.

Vai uztraucat atsaucīgu dizainu? Webflow to pilnībā aptver. Mainot izmērus un mainot pārtraukuma punktus, audekls pats maina izmērus, un jūsu iestatītie stili plūst uz leju no liela līdz mazam.

4) Publicējiet ātrāk, mazāk uztraucieties

Kad esat pabeidzis vietnes projektēšanu Webflow, to nenododat kādam citam, lai izveidotu citur. Jūs jau esat pabeidzis, jūs esat izveidojis vietni. Varat nospiest pogu Publicēt un sekundēs to ievietot vietnē URL. Pēc tam varat tam piesaistīt jebkuru citu domēnu, un jūsu mitināšanas un izvietošanas situācija ir nokārtota. Nav SFTP. nav drošības problēmu. Nav programmatūras atjauninājumu, kas jums jāapstrādā pašam.

5) Webflow CMS ir ārkārtīgi spēcīga un veidota, domājot par klientiem un tirgotājiem

Webflow ir iebūvēta CMS, kas ir tikpat spēcīga kā jebkura cita. Jūs konfigurējat tieši nepieciešamo satura modeli (acīmredzami nav nepieciešama kodēšana), un jūs to esat ieguvis. Kā formu veidotājs savā ziņā. Tad šie lauki jūsu veidnēs kļūst izmantojami tikpat viegli kā statiskais saturs.

Varbūt vislabākais ir tas, ka pēc tam šo datu izveidošana un rediģēšana ir iespējama, izmantojot minimālu saskarni tieši pašā vietnē. Katru CMS esošo lauku (un kuru esat atļāvis) var rediģēt tieši tiešsaistes vietnes priekšpusē. Apakšā ir arī josla satura izveidei un rediģēšanai, izmantojot administratora saskarni. Tas ir labākais no abām pasaulēm, rediģēšana lapā un formas stila rediģēšana.

6) Webflow animācijas rīki ir nākamais līmenis

Iespējams, ka pirmo reizi dzirdējāt par Webflow, apskatot vietnes, kuras tā bija izveidojusi ar neticamu mijiedarbības dizainu. Jautri, ka visas Webflow pašas mārketinga lapas tiek veidotas, izmantojot Webflow. Lai uzzinātu garšu, skatiet dizainera lapu.

Ritināmas animācijas, piemēram, paralakse, animācijas par tādiem notikumiem kā klikšķi un kursori, un tas viss ir iespējams, izmantojot mijiedarbības paneli, kurā jūs tos pievienojat izmaiņām tādās lietās kā necaurredzamība, kustības un rotācijas. Jums ir eleganti iepriekš iestatīti iestatījumi, kā arī nākamā līmeņa lietas, piemēram, prātu saliekošo Lottie animāciju integrēšana.

7) Jums ir daudz mācību satura un kopienas

Webflow mācīšanās nav laba veiksme. Es ceru, ka atradīsit dažas emuāra ziņas vai YouTube videoklipus. Webflow universitāte ir pilnīgi bez maksas un pilnībā aprīkota ar visu, ko jūs kādreiz varētu vēlēties uzzināt par vietņu izveidi, izmantojot Webflow. Tas varētu būt jūsu bootcamp.

Izmēģiniet Webflow