Beter webkode skryf - e-handelsplatforms
Skryf 'n beter webkode
Tuis » Artikels » 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.
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.
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
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.
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.
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.
Dit spreek vanself. Daardie webvloei, soos die grootste deel van die webbouers vandag, bied webhuisvesting plus aangepaste domeine saam met sy ontwerppakkette.
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'.
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.
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.
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.
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.
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.
SEO metatitels, beskrywings
Beeld alt tags
24/7 webwerf monitering
CMS wit etikettering
Skuifbande en karrousels
Hersiening van vormvorms
Maak grafiekinhoud oop
CMS-invoer via Zapier
CSS3 buigsame bokse
Persoonlike kode byvoeging
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.
Hier is 'n kort beskrywing van elke plan:
Gratis verhoog- Heeltemal gratis.
10 vormvorms per maand
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
CMS Hosting- $ 20 per maand word maandeliks gefaktureer of $ 16 per maand word jaarliks ​​gefaktureer.
2,000 CMS-items beskikbaar
1,000 vormvorms per maand
100,000 maandelikse besoeke
Besigheid Hosting- $ 45 per maand word maandeliks gefaktureer of $ 36 per maand word jaarliks ​​gefaktureer.
10,000 CMS-items beskikbaar
Onbeperkte vorm voorleggings
1,000,000 maandelikse besoeke
Tot 2 gelyktydige projekte
Klein- $ 24 per maand word maandeliks gefaktureer of $ 16 per maand word jaarliks ​​gefaktureer.
Tot 10 gelyktydige projekte
pro- $ 42 per maand word maandeliks gefaktureer of $ 35 per maand word jaarliks ​​gefaktureer.
Oordrag van projekbesit
Onbeperkte gelyktydige projekte
Vir kreatiewe spanne
Span- $ 42 per maand word maandeliks gefaktureer of $ 35 per maand word jaarliks ​​gefaktureer.
Groot span- Aangepaste kwotasie.
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.