Skryf 'n beter webkode

Hier is iets wat ek nogal ironies vind. Baie webontwerpers hou van die eenvoud wat by webbouers gepaard gaan. Tog is dit interessant dat die grootste deel van die webbouers geskep is om die rol van webontwerpers en -ontwikkelaars uit te skakel deur die onderliggende kode te outomatiseer.

Snaaks, nie waar nie?

Maar dan is daar weer webbouers wat oënskynlik die teenoorgestelde doen. In plaas daarvan om die rol van ontwerpers en ontwikkelaars te verminder, kom hulle met instrumente wat spesifiek vir sulke spanne geoptimaliseer is. Hul hoofdoel is om ontwerpagentskappe met gevorderde gereedskap te vergemaklik.

Hoe vra jy?

Wel, Webflow is een van die belangrikste voorbeelde. En die rol daarvan in die hele webontwerpomgewing is iets wat ons binnekort sal ondersoek. Hierdie Webflow-oorsig bespreek al die kritieke funksies wat u moet ken, die ooreenstemmende swakhede, plus die koste om die platform vir ontwerp te benut.

Maar eerstens, wat presies is Webflow?

Webflow Review: Oorsig

Soos u sekerlik nou al agtergekom het, is Webflow nie u tipiese webbouer nie.

Hierdie instrument, wat in 2013 van stapel gestuur is, verkoop homself as 'n webontwerpoplossing wat professionele kode-vrye ontwerpgereedskap kombineer met 'n kragtige visuele CMS, plus die gebruikersvriendelikheid van standaardbouers. Dink daaraan as 'n samesmelting tussen 'n weboplossing soos Wix en 'n CMS-enjin soos WordPress.

Webflow

Maar maak geen fout nie. Webvloei ding nie mee met sulke dinge nie Wix en Weebly. Dit bied 'n ander stel funksies wat op verskillende demografiese gebruikers gerig is.

Al met al is die mees fassinerende ding hier die slim benadering van Webflow tot die hele kodering. Dit is 'n kodevrye platform wat toewyding tot kodebewerking ondersteun vir groter buigsaamheid.

Verwarrend? Ja ek weet. Daarom het ek die tyd geneem om alles wat Webflow te bied, van die webwerf-ontwerp tot die inhoudbestuurstelsel, deeglik te beoordeel.

En hier is die besonderhede ...

Webflow Review: funksies

Website Design

Webflow is ongetwyfeld 'n paar dinge. Maar die kode-minder web-ontwerp instrument was nog altyd die belangrikste aanbod hier.

Wel, dit sal verstaanbaar wees as u dit met Adobe Photoshop se redigeringsvenster verwar voordat u begin. Hierdie twee kan van ver af soos tweeling-sibbe lyk, maar dit blyk baie anders te wees as jy nader kom. Om meer spesifiek te wees, sal u sien dat Webflow 'n outomatiseringsenjin is wat grotendeels op CSS en HTML werk.

Webvloei-ontwerper

Op dit, kan u gemaklik werfelemente voorstel en dit volgens die rondte skuif sonder om kode te gebruik. Die programmeringsstuk word hanteer deur die onderliggende raamwerk van Webflow, wat stelselmatig die werfkode van u webwerf skep en wysig terwyl u met die ontwerpproses voortgaan.

As u ander kodelose webontwerpers probeer het, weet u dat die uitskakeling van die programmeringsbis ten koste van beperkte buigsaamheid kos. Interessant genoeg volg Webflow se ontwerpinstrument nie hierdie neiging nie. Ek sal hier eerlik wees en erken dat dit beslis een van die mees gevorderde webwerfbouers in die mark is.

Laat ons dit nou sien. Gevorderde en eenvoud is twee dinge wat bekend is soos vuur en ys as dit kom by webwerfbestuursinstrumente.

Net so is Webflow nie een van die eenvoudigste bouers wat u daar sal ontdek nie. Alhoewel die koppelvlak buitengewoon kragtig is, is dit skynbaar ingewikkeld en kan dit baie moeite doen om die toue dienooreenkomstig te leer.

Vir die begin skep Webflow nie die illusie van 'n heeltemal kodelose ontwerpproses nie. Moet dus nie verwag om dadelik in te spring en vorms op die doek te begin teken nie. So 'n benadering sal u aanpassingsvermoë aansienlik beperk.

Gevolglik bevat die stelsel hier 'n paar aspekte van kodering slim wanneer u 'n webwerf bou. As u byvoorbeeld 'n vierkantige middelblad wil bekendstel, moet u 'n nuwe <byvoegdiv> element, wysig dan die punte links-en-bo-regs as nul saam met vaste posisionering.

Wat beteken dit?

Alhoewel u Webflow sou kon benut sonder enige programmeringskennis, is dit 'n basiese begrip van HTML- en CSS-eienskappe om dit volledig te benut.

As u egter anders verkies, merk eenvoudig die "Ek skryf nie kode nie ” keuse as u registreer. Die stelsel sal sy outomatiseringsvermoë verder uitbrei om 'n groot deel van die ontwerp vir u te hanteer.

Dit gesê, jy kan met 'n heeltemal leë doek begin. Dit is die benadering wat ek verkies omdat ek alles van die basis af wil aanpas.

'N Woord van omsigtigheid. Laat hierdie opsie toe aan ontwerpers wat ervaar het met CSS en HTML. Anders loop u die risiko om dinge in te meng of êrens langs die proses vas te sit.

Die beste benadering vir die kodering van beginners is om voordeel te trek uit Webflow se vooraf ontwerpte sjablone. Dit blyk dat die stelsel meer as 200 aantreklike sjablone bied, waarvan 30 heeltemal gratis is. Aanbetaalde koste, aan die ander kant, sal u tussen $ 24 en $ 79 kos.

Na 'n deeglike ontleding van verskillende temas het ek opgemerk dat hulle opvallend verskillend is - met verskillende strukture en kenmerke. Dan kan die daaropvolgende bewerkingsproses u agtergrond, kleur, lae, ondeursigtigheid, rotasie, effekte, posisie, grootte, ens. Van hul elemente verander.

Hosting

Dit spreek vanself. Daardie webvloei, soos die grootste deel van die webbouers vandag, bied webhuisvesting plus aangepaste domeine saam met sy ontwerppakkette.

Webvloei-aanbieding

Maar verwag nie die tipiese benadering vir gedeelde planne hier nie. Webflow kies eerder om die webwerwe in stand te hou, binne dit wat dit beskryf as 'n 'oneindig skaalbare bedienersvloot'.

Wat behels dit?

Webflow besit en beheer meer as 100 datacenters regoor die wêreld. Kombineer dit met CDN's wat verby is Amazon Cloud Front plus Vinnig- en die resultaat is een soliede stelsel vir die aanbieding van alle soorte webwerwe.

Afgesien van die hantering van enige verkeersgrootte, waarborg Webflow optimale werkverrigting met 'n millisekonde-lange bladsyladingstyd plus 99.99% uptyd op die webwerf. Die AWS-aangedrewe raamwerk is veral krities vir die verskaffing van 'n stewige basis vir die ondersteuning van relatief groot verkeersbelasting vanaf ondernemingswebwerwe.

En aangesien websekuriteit noodsaaklik is, is die webinfrastruktuur van Webflow HTTP / 2-voldoen, en gebruikers kry relevante SSL-sertifikate vir hul webwerwe.

Inhoud bestuur sisteem

Dit is hier waar inhoud aan visuele ontwerp voldoen. Met CMS van Webflow kan u in wese die inhoud van u webwerf betree en bestuur. Met ander woorde, u kan enige teks of media byvoeg en redigeer op die presiese bladsy wat u bou.

En as u 'n uitgebreide webprojek met ingewikkelde strukture bestuur, sal u veral die vermoë van die stelsel waardeer om handmatige aanpassings van inhoudsaspekte, insluitend inhoudstipes, spanlede, projekte, ens. Te ondersteun, kompleet met aanpasbare velde.

Nou ja, dit word alles vergemaklik deur CMS Versamelings- 'n funksie wat direk vanaf die primêre redakteurvenster verkry kan word. Sodra u 'n nuwe versameling genereer, kan u verbygaan met die tipe inhoud om velde te definieer en items voor te stel. Dit word later aangeneem as duidelike webblaaie of lyste wat geïntegreer is in bladsye wat u geskep het.

Webvloei CMS

Verwarrend? Oorweeg hierdie voorbeeld - om 'n bladsy te skep waarin u werksmag in u organisasie verskyn, u kan 'n "spanlede" -versameling bekendstel, volledig met items soos sosiale skakels, beskrywings, name, foto's en werknemers se name.

Nou, dit dek basies die CMS-agterkant. Maar weet jy wat? Dit is nie al nie. Webflow gaan voort om WordPress 'n goeie kans te gee vir hul geld deur die Webflow Editor. Dit is hier waar u 'n gepubliseerde bladsy met nuwe inhoud kruiden, gebaseer op die vooraf geselekteerde tipe.

Kortom, u kry 'n uitgebreide webwerf wat dinamiese inhoud soos portefeuljes, artikels en blogplasings ondersteun - sonder om ekstra plugins te installeer.

Samewerking

Erken dit. Groot webontwerpprojekte is opwindend. Maar dit kan al hoe moeiliker wees, veral as u nie daarin slaag om al die betrokke partye te stroomlyn nie.

Webflow het oënskynlik dit deurdink en is 'n goeie poging om samewerking vir webontwerpagentskappe met verskeie spanlede te vergemaklik. En daar is meer - u kan ook ander partye nooi soos klante, derdeparty-ontwerpers, kontrakteurs, ens. Hul rolle en gebruikersfunksies hang af van die toepaslike regte wat u stel.

Webvloei samewerking

As u byvoorbeeld met kliënte te doen het, kan u hulle nooi om hul projekte intyds te hersien - met baie beperkte gebruiksvoorregte.

Dit gesê, ek het opgemerk dat alle werfaanpassings intyds weerspieël word. Dit help om saam te werk om spanlede wat herhaal word, te vermy.

Algemene kenmerke

  • XML sitemap
  • SEO metatitels, beskrywings
  • Beeld alt tags
  • Help Sentrum
  • Gemeenskapsforum
  • Prioriteitsondersteuning
  • E-pos ondersteuning
  • Pasgemaakte domeinnaam
  • Toneelwerwe
  • Onmiddellike opdaterings
  • Aangepaste URL-aanwysings
  • 24/7 webwerf monitering
  • Vinnige laai tye
  • Google-domeine koop
  • Zapier integrasie
  • MailChimp integrasie
  • Google Analytics-integrasie
  • SEO optimalisering
  • Wit etiketvorms
  • CMS wit etikettering
  • Webwerfwagwoordbeskerming
  • Projekorganisasie
  • Webwerf-rugsteun
  • Aangepaste foutbladsye
  • Pasgemaakte favicon
  • Direkte kliëntfakturering
  • SNS komponente
  • Ryk teks
  • Lightbox
  • Agtergrondvideo's
  • HTML-inbedkodes
  • Afsluitkieslys
  • Google kaarte
  • Skuifbande en karrousels
  • Tabnavigasie
  • Aanpasbare webvorms
  • Webwerfredakteur
  • Hersiening van vormvorms
  • Maak grafiekinhoud oop
  • SEO tags sjabloon
  • CMS-invoer via Zapier
  • RSS Feeds
  • CMS API
  • 3D-animasies
  • CSS-stileringseienskappe
  • Webwerf sjablone
  • Geoptimaliseerde beelde
  • Web fontfamilies
  • Globale kleurproewe
  • CSS3 buigsame bokse
  • Persoonlike kode byvoeging
  • Uitvoerbare kode
  • CSS filters

Webflow Review: pryse

Vir sommige gebruikers is die prysstruktuur van Webflow oënskynlik kompleks, terwyl ander die allesomvattende benadering prys.

As u die tipe is wat talle pakkette op een platform haat vanweë die ingewikkelde vergelykingsproses wat daarmee gepaard gaan, kan u vind dat die pryse van Webflow se prysbepaling 'n bietjie omslagtig is. Maar, aan die ander kant, as u meer as een van die verskillende prysopsies wil kies wat by verskillende gebruikersvlakke pas, sal u hou van hoe dinge hier gereël is.

Om mee te begin, probeer Webflow om drie soorte gebruikers - vryskutters, solo-ontwerpers en ontwerpspanne te ondersteun. Elke kategorie het sy eie pakket pakkette met verskillende funksies.

Webvloeipakkette

Hier is 'n kort beskrywing van elke plan:

Vir vryskutters:

Gratis verhoog- Heeltemal gratis.

  • 10 vormvorms per maand
  • 50 CMS-items
  • 500 maandelikse besoeke
  • 2 statiese bladsye
  • Gratis webflow.io subdomein

Basiese gasheer- $ 15 per maand word maandeliks gefaktureer of $ 12 per maand word jaarliks ​​gefaktureer.

  • 500 vormvorms per maand
  • 25,000 maandelikse besoeke
  • 100 statiese bladsye
  • CDN
  • Gratis SSL-opsie
  • Domeinskepping

CMS Hosting- $ 20 per maand word maandeliks gefaktureer of $ 16 per maand word jaarliks ​​gefaktureer.

  • 3 inhoudsredakteurs
  • CMS API-toegang
  • 2,000 CMS-items beskikbaar
  • 1,000 vormvorms per maand
  • 100,000 maandelikse besoeke
  • 100 statiese bladsye
  • CDN
  • Gratis SSL-opsie
  • Domeinskepping

Besigheid Hosting- $ 45 per maand word maandeliks gefaktureer of $ 36 per maand word jaarliks ​​gefaktureer.

  • 10 inhoudsredakteurs
  • CMS API-toegang
  • 10,000 CMS-items beskikbaar
  • Onbeperkte vorm voorleggings
  • 1,000,000 maandelikse besoeke
  • 100 statiese bladsye
  • CDN
  • Gratis SSL-opsie
  • Domeinskepping

Webvloei vir vryskutwerkers

Vir ontwerpers:

Voorgereg- Vry.

  • Gratis verhoog
  • Kliëntfakturering
  • Tot 2 gelyktydige projekte
  • Gratis werfgebou

Klein- $ 24 per maand word maandeliks gefaktureer of $ 16 per maand word jaarliks ​​gefaktureer.

  • Kode-uitvoer
  • Verbeterde verhoog
  • Kliëntfakturering
  • Tot 10 gelyktydige projekte

pro- $ 42 per maand word maandeliks gefaktureer of $ 35 per maand word jaarliks ​​gefaktureer.

  • Webwerfwagwoordbeskerming
  • Wit etikettering
  • Oordrag van projekbesit
  • Kode-uitvoer
  • Verbeterde verhoog
  • Kliëntfakturering
  • Onbeperkte gelyktydige projekte

Webvloei vir ontwerpers

Vir kreatiewe spanne

Span- $ 42 per maand word maandeliks gefaktureer of $ 35 per maand word jaarliks ​​gefaktureer.

  • Spanpaneelbord
  • Webwerfwagwoordbeskerming
  • Wit etikettering
  • Kode-uitvoer
  • Verbeterde verhoog
  • Kliëntfakturering
  • Onbeperkte gelyktydige projekte

Groot span- Aangepaste kwotasie.

  • Grootmaat-spanlid pryse
  • Spanpaneelbord
  • Webwerfwagwoordbeskerming
  • Wit etikettering
  • Kode-uitvoer
  • Verbeterde verhoog
  • Kliëntfakturering
  • Onbeperkte gelyktydige projekte

Webvloei vir spanne

Wie moet dit oorweeg om webstroom te gebruik?

Alles in ag genome, ons juig Webflow vir die verskaffing van:

  • Gratis SSL-sertifikaat vir sekuriteitsnakoming.
  • Gratis geïntegreerde netwerke vir aflewering van inhoud vir laer tyd laai van bladsy.
  • Gevorderde wêreldwye webhuisvesting in samewerking met effektiewe stelsels soos Amazon Cloud Front en Vinnig- vir vinnige bladsye.
  • 'N Veelsydige geïntegreerde CMS vir die skep van dinamiese inhoud.
  • 'N Toneelomgewing om verskillende webwerf-elemente te toets en te beoordeel.
  • Geoptimaliseerde CSS- en JS-bestuurders vir gevorderde werfbestuur plus holistiese beheer van animasies en style.
  • 'N Buigsame webbouproses wat begin met 'n leë doek of vooraf ontwerpte sjablone.
  • 'N Mobiele vriendelike webontwerpinstrument wat intyds uitvoerbare kode kan produseer as u 'n webwerf bou.

Dit behalwe vir die volgende: die nadele wat ek ondervind het:

  • Beperkte funksies vir die ondersteuning van e-handelswebwerwe
  • 'N Ontwerpproses wat programmeerders baie bevoordeel
  • 'N Beperkte aantal webwerf-sjablone
  • 'N Steil leerkurwe vir beginners

Kom ons bondel alles saam. Ek is seker jy sal saamstem dat Webflow 'n gevorderde webbou-stelsel is wat ontwerp is vir ontwikkelaars, ontwerpers en agentskappe wat op soek is na meer veelsydigheid en beheer.

wat is jou gedagtes?

Bogdan Rancea

Bogdan is 'n stigterslid van Inspired Mag, en het bykans 6 jaar ervaring in hierdie periode opgedoen. In sy vrye tyd studeer hy graag klassieke musiek en verken visuele kuns. Hy is ook behep met fixies. Hy besit al 5.