Skrive bedre nettkode

Hvis du abonnerer på en tjeneste fra en lenke på denne siden, kan Reeves and Sons Limited tjene en provisjon. Se vår etisk uttalelse.

Her er noe jeg synes er ganske ironisk. Mange nettdesignere liker enkelheten som følger med nettbyggere. Likevel interessant var hoveddelen av nettbyggerne opprettet for å eliminere rollen som webdesignere og utviklere ved å automatisere den underliggende koden.

Morsomt, ikke sant?

Men igjen, det er nettbyggere som tilsynelatende gjør det motsatte. I stedet for å redusere rollen som designere og utviklere, kommer de med verktøy som er spesielt optimalisert for slike team. Deres hovedmål er å legge til rette for designbyråer med avanserte verktøy.

Hvordan spør du?

Vel, Webflow er et av de fremtredende eksemplene. Og dens rolle i hele webdesignmiljøet er noe vi vil se på om kort tid. Dette Webflow gjennomgang diskuteres alle viktige funksjoner du trenger å vite, de tilsvarende svakhetene, pluss kostnadene ved å utnytte plattformen for design.

Men først, hva er det egentlig? Webflow?

Webflow Gjennomgang: Oversikt

Som du sikkert har funnet ut nå, Webflow er ikke din typiske nettbygger.

Lansert i 2013, selger dette verktøyet seg som en webdesignløsning som kombinerer profesjonelle kodefrie designverktøy med et kraftig visuelt CMS, pluss brukervennligheten til standardbyggere. Så tenk på det som en fusjon mellom en nettbyggingsløsning som Wix og en CMS-motor som WordPress.

Webflow

Men gjør ingen feil. Webflow konkurrerer ikke med slike som Wix og Weebly. Det tilbyr et annet sett med funksjoner som er målrettet mot en varierende brukerdemografisk.

Alt i alt er det mest fascinerende her Webflowsin smarte tilnærming til hele kodingen. Det er en kodefri plattform som tilfeldigvis støtter kodedigering for økt fleksibilitet.

Forvirrende? Ja jeg vet. Derfor tok jeg meg tid til å vurdere alt Webflow har å tilby - fra nettstedsdesign helt til innholdsstyringssystemet.

Og her er detaljene ...

Webflow Gjennomgang: Funksjoner

Website Design

Webflow er et par ting, uten tvil. Men det kodeløse webdesignverktøyet har alltid vært det viktigste tilbudet her.

Vel, det ville være forståelig hvis du forvekslet det med Adobe Photoshop's redigeringsvindu før du begynner. Disse to kan se ut som tvillingsøsken fra langt, men viser seg å være ganske forskjellige når du nærmer deg. For å være mer spesifikk, vil du legge merke til det Webflow er en automatiseringsmotor som i stor grad opererer på CSS og HTML.

Webflow designer

På den kan du komfortabelt introdusere nettstedselementer og deretter flytte dem rundt tilsvarende uten å bruke kode. Programmeringsbiten håndteres av Webflowsitt underliggende rammeverk, som systematisk lager og redigerer nettstedets kode når du fortsetter med designprosessen.

Hvis du har prøvd andre kodeløse webdesignere, vet du at eliminering av programmeringsbit koster begrenset fleksibilitet. Interessant, WebflowDesignverktøyet følger ikke denne trenden. Så jeg skal være ærlig her og innrømme at det absolutt er en av de mest avanserte allsidige nettstedbyggerne i markedet.

La oss innse det. Avansert og enkelhet er to ting som er kjent for å være som ild og is når det gjelder verktøy for nettstedadministrasjon.

Og sant å danne, Webflow er ikke en av de enkleste byggherrene du finner der ute. Selv om grensesnittet er ekstremt kraftig, er det tilsynelatende komplisert og kan ta litt innsats for å lære tauene tilsvarende.

For startere, Webflow skaper ikke en illusjon av en helt kodeløs designprosess. Så ikke forvent å hoppe rett inn og begynne å tegne former på lerretet. En slik tilnærming vil i vesentlig grad begrense din tilpasningsevne.

Derfor bygger systemet her smart inn noen aspekter ved koding mens du bygger et nettsted. Hvis du har tenkt å introdusere en square midt på siden, for eksempel, må du legge til en nydiv> element, rediger deretter nede til venstre og øverst til høyre som null sammen med fast plassering.

Hva betyr dette?

Mens du kunne gå videre og utnytte Webflow uten noen programmeringskunnskaper, krever det en grunnleggende forståelse av HTML- og CSS-egenskaper for å utnytte den rene kraften.

Men hvis du foretrekker andrewise, bare kryss av mot "Jeg skriver ikke kode ” valg når du registrerer deg. Systemet vil deretter utvide automatiseringsevnen til å håndtere en stor del av designet for deg.

Når det er sagt, kan du starte med et helt tomt lerret. Det er den tilnærmingen jeg foretrekker fordi jeg får tilpasset alt fra basen.

Et ord av forsiktighet skjønt. Overlat dette alternativet til designere som har erfaring med CSS og HTML. Annenwise, risikerer du å blande ting sammen eller bli sittende fast et sted under prosessen.

Den beste tilnærmingen for koding av nybegynnere er å utnytte Webflowsine forhåndsutformede maler. Det viser seg at systemet tilbyr mer enn 200 attraktive maler, hvorav 30 er helt gratis. Betalte vil derimot koste deg mellom $ 24 og $ 79.

Etter en grundig analyse av ulike temaer, la jeg merke til at de er merkbart forskjellige - med varierende strukturer og funksjoner. Deretter lar den etterfølgende redigeringsprosessen endre elementers bakgrunn, farge, lag, opacitet, rotasjon, effekter, plassering, størrelse osv.

Hosting

Dette sier seg selv. At Webflow, i likhet med hoveddelen av nettbyggere i dag, tilbyr nettstedstjenester pluss tilpassede domener sammen med designpakker.

Webflow Hosting

Men ikke forvent den typiske delte plantilnærmingen her. Webflow velger i stedet å vedlikeholde nettstedene internt, innenfor det den beskriver som en “uendelig skalerbar serverflåte”.

Hva innebærer dette?

Vel, Webflow tilfeldigvis eier og kontrollerer mer enn 100 datasentre over hele verden. Kombiner det med CDN-er kjørt forbi Amazon CloudFront i tillegg til Raskt- og resultatet er et solid system for hosting av alle typer nettsteder.

Bortsett fra å håndtere hvilken som helst trafikkstørrelse, Webflow garanterer optimal ytelse med millisekunder lange sideinnlastingstider pluss 99.99 % nettsted uptime. Dets AWS-drevne rammeverk er spesielt viktig for å gi et solid grunnlag for å støtte relativt store trafikkbelastninger fra bedriftssider.

Og siden websikkerhet er viktig, WebflowVertsinfrastrukturen er HTTP / 2-kompatibel, og brukerne får relevante SSL-sertifikater for sine nettsteder.

Content Management System

Det er her innhold møter visuell design. WebflowCMS lar deg i hovedsak legge inn og administrere nettstedets innhold. Med andre ord, du kan legge til og redigere tekst eller media på den nøyaktige siden du bygger.

Og hvis du administrerer et omfattende nettprosjekt med kompliserte strukturer, vil du spesielt sette pris på systemets evne til å støtte manuelle justeringer av innholdsaspekter - inkludert innholdstyper, teammedlemmer, prosjekter osv. - komplett med tilpassbare felt.

Vel, alt dette er lagt til rette for CMS samlinger- en funksjon som du kan få tilgang til direkte fra det primære redigeringsvinduet. Så snart du genererer en ny samling, kan du gå forbi innholdstypen for å definere felt og introdusere elementer. De blir deretter adoptert som distinkte websider eller lister integrert i sider du har opprettet.

Webflow CMS

Forvirrende? OK, vurder dette eksemplet - for å etablere en side som viser organisasjonens arbeidsstyrke, kan du introdusere en "teammedlemmer" samling, komplett med elementer som sosiale lenker, beskrivelser, navn, bilder og ansattes navn.

Nå dekker det i utgangspunktet CMS-back-enden. Men vet du hva? Det er ikke alt. Webflow fortsetter å gi WordPress et godt løp for pengene sine gjennom Webflow Redaktør. Det er her du krydrer en publisert side med nytt innhold basert på den forhåndsvalgte typen.

Kort sagt får du et omfattende nettsted som støtter dynamisk innhold som porteføljer, artikler og blogginnlegg - uten å installere ekstra plugins.

Samarbeid

Innrøm det. Store webdesignprosjekter er spennende. Men de kan bli stadig tungvint, spesielt hvis du ikke klarer å effektivisere alle involverte parter deretter.

Webflow har tilsynelatende tenkt gjennom dette og gjør et godt forsøk på å legge til rette for samarbeid for webdesignbyråer med flere teammedlemmer. Og det er mer - du kan også invitere andre parter som klienter, tredjepartsdesignere, entreprenører osv. Deres roller og brukerfunksjoner avhenger av de tilhørende rettighetene du angir.

Webflow samarbeid

Hvis du for eksempel har å gjøre med kunder, kan du invitere dem til å gjennomgå prosjektene sine i sanntid - med sterkt begrensede bruksrettigheter.

Når det er sagt, la jeg merke til at alle justeringer av nettstedet gjenspeiles over hele linjen i sanntid. Dette hjelper samarbeidende teammedlemmer til å unngå gjenta oppgaver som allerede er håndtert.

Generelle funksjoner

  • XML-områdekart
  • SEO metatitler, beskrivelser
  • Bilde alt tagger
  • Hjelpesenter
  • Fellesskapsforum
  • Prioritert støtte
  • E-poststøtte
  • Tilpasset domenenavn
  • Iscenesettelsessteder
  • Umiddelbare oppdateringer
  • Tilpasset URL-viderekoblinger
  • 24/7 nettstedovervåking
  • Rask lastetider
  • Google-domenekjøp
  • Zapier-integrasjon
  • MailChimp-integrasjon
  • Google Analytics-integrasjon
  • SEO optimalisering
  • Hvite etikettformer
  • CMS hvit merking
  • Nettstedets passordbeskyttelse
  • Prosjektorganisasjon
  • Sikkerhetskopiering av nettstedet
  • Egendefinerte feil sider
  • Tilpasset favoritt
  • Direkte klientfakturering
  • SNS-komponenter
  • Rik tekst
  • Lysboks
  • Bakgrunnsvideoer
  • HTML innebygde koder
  • Nedtrekksmenyen
  • Google Kart
  • Glidebrytere og karuseller
  • Tab-navigasjon
  • Tilpassbare nettformer
  • Nettstedredaktør
  • Gjennomgang av skjemainnleveringer
  • Åpne grafinnhold
  • SEO-maler
  • CMS-import via Zapier
  • RSS-feeder
  • CMS API
  • 3D animasjoner
  • CSS stylingegenskaper
  • Nettstedsmaler
  • Optimale bilder
  • Web fontfamilier
  • Globale fargeprøver
  • CSS3 fleksible bokser
  • Tilpasset kode tillegg
  • Eksporterbar kode
  • CSS-filtre

Webflow Gjennomgang: Priser

WebflowPrisstrukturen er tilsynelatende komplisert for noen brukere, mens andre roser den altomfattende tilnærmingen.

Hvis du er typen som hater mange pakker på en enkelt plattform på grunn av den komplekse sammenligningsprosessen som følger med den, kan du finne Webflowprisplaner litt tungvint. Men på den annen side - hvis du foretrekker flere prisalternativer som passer forskjellige brukernivåer, vil du like hvordan ting har blitt organisert her.

Nå til å begynne med Webflow forsøker å støtte tre typer brukere - frilansere, solo designere og designteam. Hver kategori har sitt eget sett med pakker med forskjellige funksjoner.

Webflow pakker

Her er korte beskrivelser av hver plan:

For frilansere:

Gratis iscenesettelse- Helt gratis.

  • 10 skjemainnleveringer per måned
  • 50 CMS-varer
  • 500 månedlige besøk
  • 2 statiske sider
  • Gratis webflow.io underdomenet

Grunnleggende hosting- $ 15 per måned faktureres månedlig eller $ 12 per måned faktureres årlig.

  • 500 skjemainnleveringer per måned
  • 25,000 månedlige besøk
  • 100 statiske sider
  • CDN
  • Gratis SSL-alternativ
  • Domenet opprettelse

CMS Hosting- $ 20 per måned faktureres månedlig eller $ 16 per måned faktureres årlig.

  • 3 innholdsredaktører
  • CMS API-tilgang
  • 2,000 CMS-artikler tilgjengelig
  • 1,000 skjemainnleveringer per måned
  • 100,000 månedlige besøk
  • 100 statiske sider
  • CDN
  • Gratis SSL-alternativ
  • Domenet opprettelse

Forretningsvert- $ 45 per måned faktureres månedlig eller $ 36 per måned faktureres årlig.

  • 10 innholdsredaktører
  • CMS API-tilgang
  • 10,000 CMS-artikler tilgjengelig
  • Ubegrensede skjemainnleveringer
  • 1,000,000 månedlige besøk
  • 100 statiske sider
  • CDN
  • Gratis SSL-alternativ
  • Domenet opprettelse

Webflow for frilansere

For designere:

startpakke Gratis.

  • Gratis iscenesettelse
  • Kundefakturering
  • Opptil 2 samtidige prosjekter
  • Gratis tomtebygging

Lite- $ 24 per måned faktureres månedlig eller $ 16 per måned faktureres årlig.

  • Kodeeksport
  • Forbedret iscenesettelse
  • Kundefakturering
  • Opptil 10 samtidige prosjekter

pro- $ 42 per måned faktureres månedlig eller $ 35 per måned faktureres årlig.

  • Nettstedets passordbeskyttelse
  • Hvit merking
  • Overføring av prosjekt eierskap
  • Kodeeksport
  • Forbedret iscenesettelse
  • Kundefakturering
  • Ubegrensede samtidige prosjekter

Webflow for designere

For kreative team

Team- $ 42 per måned faktureres månedlig eller $ 35 per måned faktureres årlig.

  • Lagpanelet
  • Nettstedets passordbeskyttelse
  • Hvit merking
  • Kodeeksport
  • Forbedret iscenesettelse
  • Kundefakturering
  • Ubegrensede samtidige prosjekter

Stort team- Tilpasset tilbud.

  • Priser for stort lagmedlem
  • Lagpanelet
  • Nettstedets passordbeskyttelse
  • Hvit merking
  • Kodeeksport
  • Forbedret iscenesettelse
  • Kundefakturering
  • Ubegrensede samtidige prosjekter

Webflow for lag

Hvem bør vurdere å bruke Webflow?

Alt i betraktning applauderer vi Webflow for å gi:

  • Gratis SSL-sertifikat for overholdelse av sikkerhet.
  • Gratis integrerte innholdsleveringsnettverk for reduserte sideinnlastningstider.
  • Avansert global webhotellvirksomhet i samarbeid med effektive systemer som Amazon CloudFront og Raskt- for rask sidehastighet.
  • Et allsidig integrert CMS for dynamisk innholdsoppretting.
  • Et iscenesettelsesmiljø for å teste ut og gjennomgå forskjellige nettstedselementer.
  • Optimaliserte CSS- og JS-ledere for avansert nettstedstyring pluss helhetlig kontroll av animasjoner og stiler.
  • En fleksibel nettbyggingsprosess som starter med enten et tomt lerret eller forhåndsdesignede maler.
  • Et mobilvennlig nettdesignverktøy som produserer eksporterbar kode i sanntid når du bygger et nettsted.

Til side inkluderer ulempene jeg har opplevd underveis:

  • Begrensede funksjoner for støtte for netthandel
  • En designprosess som favoriserer programmerere
  • Et begrenset antall nettstedmaler
  • En bratt læringskurve for nybegynnere

La oss nå pakke alt sammen. Jeg vedder på at du er enig i det Webflow er et avansert nettbyggingssystem laget for utviklere, designere og byråer som ønsker økt allsidighet og kontroll.

Hva er dine tanker?

Bogdan Rancea

Bogdan er et grunnleggende medlem av Inspired Mag, etter å ha opparbeidet seg nesten 6 års erfaring i løpet av denne perioden. På fritiden liker han å studere klassisk musikk og utforske billedkunst. Han er ganske besatt av fixies også. Han eier 5 allerede.

kommentarer 0 Responses

Legg igjen en kommentar

Din e-postadresse vil ikke bli publisert.

Vurdering *

Dette nettstedet bruker Akismet for å redusere spam. Lær hvordan kommentaren din behandles.

start butikk og start nettbutikk