Skryf 'n beter webkode

As jy inteken op 'n diens vanaf 'n skakel op hierdie bladsy, kan Reeves and Sons Beperk 'n kommissie verdien. Sien ons etiese verklaring.

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 prominente voorbeelde. En sy rol in die hele webontwerpomgewing is iets wat ons binnekort gaan ondersoek. Dit Webflow oorsig bespreek al die belangrike kenmerke wat u moet weet, die ooreenstemmende swak punte, plus die koste om die platform vir ontwerp te benut.

Maar eers, wat presies is Webflow?

Webflow Oorsig: oorsig

Soos u waarskynlik nou al agter gekom het, Webflow is 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. Webflow kompeteer nie met sulke mense 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 Webflowse slim benadering tot die hele kodering. Dit is 'n kodevrye platform wat toevallig kode-redigering ondersteun vir verhoogde buigsaamheid.

Verwarrend? Ja ek weet. Daarom het ek die tyd geneem om alles deeglik te beoordeel Webflow bied - van webwerfontwerp tot by die inhoudbestuurstelsel.

En hier is die besonderhede ...

Webflow Resensie: funksies

Website Design

Webflow is ongetwyfeld 'n paar dinge. Maar sy kodelose webontwerpinstrument was nog altyd die belangrikste aanbod.

Dit sou verstaanbaar wees as u dit met Adobe Photoshop se redigeringsvenster verwar voordat u begin. Hierdie twee lyk van ver af soos tweeling broers en susters, maar blyk heel anders te wees namate u nader kom. Om meer spesifiek te wees, sal u dit sien Webflow is 'n outomatiseringsenjin wat grotendeels op CSS en HTML werk.

Webflow ontwerper

Daarop kan u gemaklik werfelemente bekendstel en dit dan dienooreenkomstig skuif sonder om kode te gebruik. Die programmeringsbit word hanteer deur Webflowse onderliggende raamwerk, wat stelselmatig die kode van u werf skep en wysig soos u voortgaan met die ontwerpproses.

As u ander kodelose webontwerpers probeer het, weet u dat die beperking van die programmeringsbit 'n koste van beperkte buigsaamheid het. Interessant genoeg, Webflowse ontwerpinstrument volg nie hierdie tendens nie. Ek sal hier dus eerlik wees en erken dat dit beslis een van die gevorderdste veelsydige 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.

En waar om te vorm, Webflow is nie een van die eenvoudigste bouers wat jy daar sal kry nie. Alhoewel die koppelvlak buitengewoon kragtig is, is dit skynbaar ingewikkeld en kan dit moeite doen om die toue daarvolgens te leer.

Om mee te begin, Webflow skep nie die illusie van 'n heeltemal kodelose ontwerpproses nie. Moet dus nie verwag om dadelik in te spring en vorms op die doek te teken nie. Sodanige benadering sal u aanpasbaarheid aansienlik beperk.

Gevolglik bevat die stelsel hier 'n paar aspekte van kodering slim wanneer u 'n webwerf bou. As u van plan is om 'n square op die middel van die bladsy, byvoorbeeld, moet u 'n fris byvoegdiv> element, wysig dan die punte links-en-bo-regs as nul saam met vaste posisionering.

Wat beteken dit?

Terwyl jy kan aangaan en gebruik maak Webflow sonder enige kennis van programmering, verg dit 'n basiese begrip van HTML- en CSS-eienskappe om die blote krag daarvan omvattend te benut.

As jy egter ander verkieswise, merk eenvoudig teen 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.

Tog 'n woord van waarskuwing. Laat hierdie opsie oor aan ontwerpers wat ervaar is met CSS en HTML. Anderwise, loop jy die risiko om dinge deurmekaar te maak of iewers langs die proses vas te loop.

Die beste benadering vir die kodering van beginners is om voordeel te trek uit Webflowse vooraf ontwerpte templates. Dit blyk dat die stelsel meer as 200 aantreklike templates bied, waarvan 30 heeltemal gratis is. Aan die ander kant kos u betaal tussen $ 24 en $ 79.

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 WebflowNet soos die grootste deel van die webbouers van vandag, bied webwerf-hosting plus aangepaste domeine saam met sy ontwerppakkette aan.

Webflow hosting

Maar verwag nie die tipiese benadering tot gedeelde plan hier nie. Webflow kies eerder om die webwerwe intern te onderhou, binne wat dit beskryf word as 'n "oneindig skaalbare bedienervloot".

Wat behels dit?

Wel, Webflow besit en beheer toevallig 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, Webflow waarborg optimale werkverrigting met millisekondes-lange bladsylaaitye plus 99.99% webwerf uptime. Sy AWS-aangedrewe raamwerk is veral van kritieke belang om 'n stewige grondslag te verskaf vir die ondersteuning van betreklik groot verkeersladings vanaf ondernemingswebwerwe.

En aangesien websekuriteit noodsaaklik is, WebflowDie hosting-infrastruktuur voldoen aan HTTP / 2 en gebruikers kry relevante SSL-sertifikate vir hul webwerwe.

Inhoud bestuur sisteem

Dit is hier waar inhoud aan visuele ontwerp voldoen. WebflowMet die CMS kan u die inhoud van u werf betree en bestuur. Met ander woorde, u kan enige teks of media byvoeg en wysig 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.

Webflow 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 Redakteur. Dit is hier waar u 'n gepubliseerde bladsy met nuwe inhoud opbou, gebaseer op die vooraf gekose tipe.

Kortom, jy kry 'n omvattende webwerf wat dinamiese inhoud soos portefeuljes, artikels en blogplasings ondersteun - sonder om bykomende te installeer plugins.

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 dit skynbaar goed deurdink en 'n goeie poging aangewend om samewerking vir webontwerp-agentskappe met verskeie spanlede te vergemaklik. En daar is meer: ​​u kan ook ander partye uitnooi soos kliënte, derdeparty-ontwerpers, kontrakteurs, ens. Hulle rolle en gebruikersfunksies hang af van die regte wat u stel.

Webflow 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 Hersiening: Pryse

WebflowDie prysstruktuur van die gebruikers is blykbaar ingewikkeld vir sommige gebruikers, terwyl ander die allesomvattende benadering prys.

As u die soort is wat talle pakkette op een platform haat weens die ingewikkelde vergelykingsproses wat daarmee gepaard gaan, kan u Webflowse prysbeplanning 'n bietjie omslagtig. Maar, aan die ander kant, as u veelvuldiger prysopsies verkies wat by verskillende gebruikersvlakke pas, sal u hou van hoe dinge hier georganiseer is.

Nou, om mee te begin, Webflow poog om drie soorte gebruikers te ondersteun - vryskutters, solo-ontwerpers en ontwerpspanne. Elke kategorie het sy eie pakketpakkette met verskillende funksies.

Webflow pakkette

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
  • Vry 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

Webflow vir vryskutters

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

Webflow 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

Webflow vir spanne

Wie moet dit oorweeg om te gebruik Webflow?

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

Laat ons nou alles saamvoeg. Ek wed dat jy dit sal saamstem Webflow is 'n gevorderde webbou-stelsel wat ontwikkel 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.

Kommentaar Kommentaar

Lewer Kommentaar

Jou e-posadres sal nie gepubliseer word nie.

Waardering *

Hierdie webwerf gebruik Akismet om spam te verminder. Leer hoe jou opmerking verwerk is.