Scrivere un codice Web migliore

Ecco qualcosa che trovo abbastanza ironico. Molti web designer amano la semplicità dei costruttori di siti web. Tuttavia, è interessante notare che la maggior parte dei web builder è stata creata per eliminare il ruolo dei web designer e degli sviluppatori automatizzando il codice sottostante.

Divertente, giusto?

Ma poi di nuovo, ci sono costruttori di siti web che apparentemente stanno facendo il contrario. Invece di ridurre il ruolo di designer e sviluppatori, vengono forniti strumenti appositamente ottimizzati per tali team. Il loro obiettivo principale è quello di facilitare le agenzie di progettazione con strumenti avanzati.

Come, chiedi?

Bene, Webflow è uno degli esempi più importanti. E il suo ruolo nell'intero ambiente di web design è qualcosa che esamineremo a breve. Questo Webflow review discute tutte le caratteristiche critiche che è necessario conoscere, i punti deboli corrispondenti, oltre al costo di sfruttare la piattaforma per la progettazione.

Ma prima, cos'è esattamente Webflow?

Webflow Revisione: panoramica

Come probabilmente hai capito ormai, Webflow non è il tipico web builder.

Lanciato in 2013, questo strumento si vende come una soluzione di web design che combina strumenti di progettazione senza codice professionali con un potente CMS visivo, oltre alla facilità d'uso dei costruttori standard. Quindi, pensalo come una fusione tra una soluzione di web building come Wix e un motore CMS come WordPress.

Webflow

Ma non commettere errori. Webflow non è in concorrenza con artisti del calibro di Wix che collaborano con noi, attingono direttamente dalla storia e dalla tradizione veneziana Weebly. Offre un diverso set di funzionalità rivolte a un utente demografico diverso.

Tutto sommato, la cosa più affascinante qui è Webflowè un approccio intelligente all'intera faccenda della codifica. È una piattaforma priva di codice che supporta la modifica del codice per una maggiore flessibilità.

Confuso? Si, lo so. Ecco perché mi sono preso il tempo per valutare attentamente tutto Webflow ha da offrire, dalla progettazione del sito Web fino al sistema di gestione dei contenuti.

E qui ci sono i dettagli ...

Webflow Revisione: caratteristiche

Website Design

Webflow è un paio di cose, senza dubbio. Ma il suo strumento di web design senza codice è sempre stato l'offerta principale qui.

Bene, sarebbe comprensibile se lo confondessi con la finestra di modifica di Adobe Photoshop prima di iniziare. Questi due potrebbero sembrare gemelli da lontano, ma si rivelano abbastanza diversi man mano che ti avvicini. Per essere più precisi, lo noterai Webflow è un motore di automazione che opera in gran parte su CSS e HTML.

Webflow progettista

Su di esso, puoi introdurre comodamente gli elementi del sito e spostarli di conseguenza senza utilizzare il codice. Il bit di programmazione viene gestito da Webflowframework sottostante, che crea e modifica sistematicamente il codice del tuo sito mentre procedi con il processo di progettazione.

Se hai provato altri web designer senza codice, allora sai che l'eliminazione del bit di programmazione ha un costo di flessibilità limitata. È interessante notare che WebflowLo strumento di progettazione di non segue questa tendenza. Quindi, sarò onesto qui e ammetto che è sicuramente uno dei costruttori di siti Web versatili più avanzati sul mercato.

Ora, ammettiamolo. Avanzate e semplici sono due cose che sono conosciute come il fuoco e il ghiaccio quando si tratta di strumenti di gestione dei siti web.

E fedele alla forma, Webflow non è uno dei costruttori più semplici che troverai là fuori. Sebbene la sua interfaccia sia estremamente potente, è apparentemente complicata e potrebbe richiedere un certo sforzo per imparare le basi di conseguenza.

Per cominciare, Webflow non crea l'illusione di un processo di progettazione completamente privo di codice. Quindi, non aspettarti di saltare subito e iniziare a disegnare forme sulla tela. Un tale approccio limiterebbe sostanzialmente la tua capacità di personalizzazione.

Di conseguenza, il sistema qui incorpora abilmente alcuni aspetti della codifica durante la creazione di un sito web. Se intendi introdurre un file square a metà pagina, ad esempio, dovrai aggiungere un nuovo filediv> elemento, quindi modifica i punti in basso a sinistra e in alto a destra come zero insieme al posizionamento fisso.

Cosa significa?

Mentre potresti andare avanti e fare leva Webflow senza alcuna conoscenza di programmazione, è necessaria una conoscenza di base delle proprietà HTML e CSS per capitalizzare in modo completo la sua potenza.

Tuttavia, se preferisci diversamente, punta semplicemente contro "Non scrivo il codice " scelta al momento della registrazione. Il sistema espanderà successivamente la sua capacità di automazione per gestire al meglio gran parte del progetto.

Detto questo, puoi iniziare con una tela completamente vuota. Questo è l'approccio che preferisco perché posso personalizzare tutto dalla base.

Una parola di cautela però. Lascia questa opzione ai designer esperti di CSS e HTML. Altrimenti, rischi di mescolare le cose o rimanere bloccato da qualche parte lungo il processo.

L'approccio migliore per i principianti della programmazione è sfruttarne i vantaggi Webflowmodelli predefiniti di. Si scopre che il sistema offre più di 200 modelli attraenti, 30 dei quali sono completamente gratuiti. Quelli a pagamento, d'altra parte, ti costeranno tra $ 24 e $ 79.

Dopo un'analisi approfondita di vari temi, ho notato che sono notevolmente diversi, con strutture e caratteristiche variabili. Quindi il successivo processo di modifica ti consente di cambiare gli sfondi, i colori, i livelli, l'opacità, la rotazione, gli effetti, la posizione, le dimensioni, ecc. Degli elementi.

Hosting

Questo è ovvio. Quella Webflow, come la maggior parte dei web builder oggi, offre hosting di siti e domini personalizzati insieme ai suoi pacchetti di progettazione.

Webflow di hosting

Ma non aspettarti il ​​tipico approccio del piano condiviso qui. Webflow sceglie invece di mantenere i siti internamente, all'interno di quello che descrive come un "parco server infinitamente scalabile".

Cosa comporta questo?

Bene, Webflow capita di possedere e controllare più di 100 data center in tutto il mondo. Combinalo con i CDN gestiti da Amazon CloudFront più Fastly- e il risultato è un sistema solido per l'hosting di tutti i tipi di siti Web.

Oltre a gestire qualsiasi dimensione di traffico, Webflow garantisce prestazioni ottimali con tempi di caricamento della pagina lunghi millisecondi e un tempo di attività del sito Web del 99.99%. Il suo framework basato su AWS è particolarmente critico nel fornire una solida base per supportare carichi di traffico relativamente grandi dai siti aziendali.

E poiché la sicurezza web è un imperativo, WebflowL'infrastruttura di hosting di è conforme a HTTP / 2 e gli utenti ottengono certificati SSL pertinenti per i loro siti.

Sistema di gestione dei contenuti

È qui che il contenuto incontra il design visivo. WebflowIl CMS di essenzialmente ti consente di inserire e gestire i contenuti del tuo sito. In altre parole, puoi aggiungere e modificare qualsiasi testo o contenuto multimediale nella pagina precisa che stai creando.

E se gestisci un vasto progetto web con strutture complicate, apprezzerai in particolare la capacità del sistema di supportare gli aggiustamenti manuali degli aspetti dei contenuti, inclusi tipi di contenuto, membri del team, progetti, ecc., Completi di campi personalizzabili.

Bene, tutto questo è facilitato da Collezioni CMS- una funzionalità a cui è possibile accedere direttamente dalla finestra dell'editor principale. Non appena si genera una nuova raccolta, è possibile passare oltre il tipo di contenuto per definire campi e introdurre elementi. Successivamente vengono adottati come pagine Web o elenchi distinti integrati nelle pagine che hai creato.

Webflow CMS

Confondere? Ok, considera questo esempio: per stabilire una pagina che mostri la forza lavoro della tua organizzazione, puoi presentare una raccolta di "membri del team", completa di elementi come link sociali, descrizioni, nomi, foto e nomi dei dipendenti.

Ora, questo copre fondamentalmente il back-end CMS. Ma sai cosa? Non è tutto. Webflow va avanti per dare a WordPress una buona corsa per i loro soldi attraverso il Webflow Editor. Qui è dove ravvivi una pagina pubblicata con nuovi contenuti in base al tipo preselezionato.

In breve, ottieni un sito Web completo che supporta contenuti dinamici come portfolio, articoli e post di blog, senza installare plug-in aggiuntivi.

Collaborazione

Ammettilo. I grandi progetti di web design sono eccitanti. Ma possono essere sempre più ingombranti, specialmente se non riesci a semplificare di conseguenza tutte le parti coinvolte.

Webflow ha apparentemente pensato a questo e fa un buon tentativo di facilitare la collaborazione per le agenzie di web design con più membri del team. E c'è di più: puoi anche invitare altre parti come clienti, progettisti di terze parti, appaltatori, ecc. I loro ruoli e le capacità degli utenti dipendono dai privilegi corrispondenti che hai impostato.

Webflow collaborazione

Se hai a che fare con i clienti, ad esempio, puoi invitarli a rivedere i loro progetti in tempo reale con privilegi di utilizzo severamente limitati.

Detto questo, ho notato che tutte le regolazioni del sito sono riflesse su tutta la linea in tempo reale. Questo aiuta i membri della squadra che collaborano a evitare di ripetere attività che sono già state gestite.

Caratteristiche generali

  • XML Mappa del sito
  • Meta titoli SEO, descrizioni
  • Tag alt immagine
  • Centro Assistenza
  • Forum della Comunità
  • Supporto prioritario
  • Supporto e-mail
  • Nome di dominio personalizzato
  • Siti di sosta
  • Aggiornamenti istantanei
  • Reindirizzamenti URL personalizzati
  • Monitoraggio sito Web 24 / 7
  • Tempi di caricamento rapidi
  • Acquisto di domini Google
  • Integrazione con Zapier
  • integrazione MailChimp
  • Integrazione di Google Analytics
  • ottimizzazione SEO
  • Forme di etichette bianche
  • Etichettatura bianca CMS
  • Protezione della password del sito
  • Organizzazione del progetto
  • Backup del sito Web
  • Pagine di errore personalizzate
  • Favicon personalizzato
  • Fatturazione diretta del cliente
  • Componenti SNS
  • Rich text
  • Lightbox
  • Video di sfondo
  • Codici HTML incorporati
  • Menu a discesa
  • Google Maps
  • Cursori e caroselli
  • Navigazione a schede
  • Moduli web personalizzabili
  • Editor di siti web
  • Revisione delle presentazioni di moduli
  • Apri il contenuto del grafico
  • Modello di tag SEO
  • Importazione CMS tramite Zapier
  • RSS Feeds
  • API CMS
  • Animazioni 3D
  • Proprietà dello stile CSS
  • Modelli di siti Web
  • Immagini ottimizzate
  • Famiglie di caratteri Web
  • Campioni di colore globale
  • Scatole flessibili CSS3
  • Aggiunta codice personalizzato
  • Codice esportabile
  • Filtri CSS

Webflow Revisione: prezzi

WebflowLa struttura dei prezzi di è apparentemente complessa per alcuni utenti, mentre altri ne lodano l'approccio all-inclusive.

Se sei il tipo che odia numerosi pacchetti su una singola piattaforma a causa del complesso processo di confronto che ne deriva, potresti trovare WebflowI piani tariffari di un po 'macchinosi. D'altra parte, se preferisci più opzioni di prezzo che si adattano a diversi livelli di utente, ti piacerà come sono state organizzate le cose qui.

Ora, per cominciare, Webflow tenta di supportare tre tipi di utenti: liberi professionisti, designer solisti e team di progettazione. Ogni categoria ha il proprio set di pacchetti con caratteristiche diverse.

Webflow Packages

Ecco le brevi descrizioni di ciascun piano:

Per i liberi professionisti:

Staging gratuito Completamente gratis.

  • Invio di moduli 10 al mese
  • 50 CMS articoli
  • 500 visite mensili
  • 2 pagine statiche
  • Gratuita webflow.io sottodominio

Hosting di base- $ 15 al mese fatturati mensilmente o $ 12 al mese fatturati annualmente.

  • Invio di moduli 500 al mese
  • 25,000 visite mensili
  • 100 pagine statiche
  • CDN
  • Opzione SSL gratuita
  • Creazione del dominio

Hosting CMS- $ 20 al mese fatturati mensilmente o $ 16 al mese fatturati annualmente.

  • Editor di contenuti 3
  • Accesso API CMS
  • Articoli 2,000 CMS disponibili
  • Invio di moduli 1,000 al mese
  • 100,000 visite mensili
  • 100 pagine statiche
  • CDN
  • Opzione SSL gratuita
  • Creazione del dominio

Hosting aziendale- $ 45 al mese fatturati mensilmente o $ 36 al mese fatturati annualmente.

  • Editor di contenuti 10
  • Accesso API CMS
  • Articoli 10,000 CMS disponibili
  • Invio di moduli illimitati
  • 1,000,000 visite mensili
  • 100 pagine statiche
  • CDN
  • Opzione SSL gratuita
  • Creazione del dominio

Webflow per liberi professionisti

Per i progettisti:

Antipasto- Gratuito.

  • Messa in scena libera
  • Fatturazione del cliente
  • Fino a progetti concorrenti 2
  • Costruzione del sito gratuita

Light- $ 24 al mese fatturati mensilmente o $ 16 al mese fatturati annualmente.

  • Esportazione del codice
  • Staging potenziato
  • Fatturazione del cliente
  • Fino a progetti concorrenti 10

pro- $ 42 al mese fatturati mensilmente o $ 35 al mese fatturati annualmente.

  • Protezione della password del sito
  • Etichettatura bianca
  • Trasferimento della proprietà del progetto
  • Esportazione del codice
  • Staging potenziato
  • Fatturazione del cliente
  • Progetti concorrenti illimitati

Webflow per i progettisti

Per i team creativi

Squadra- $ 42 al mese fatturati mensilmente o $ 35 al mese fatturati annualmente.

  • Dashboard del team
  • Protezione della password del sito
  • Etichettatura bianca
  • Esportazione del codice
  • Staging potenziato
  • Fatturazione del cliente
  • Progetti concorrenti illimitati

Grande squadra- Preventivo personalizzato

  • Prezzi dei membri della squadra in blocco
  • Dashboard del team
  • Protezione della password del sito
  • Etichettatura bianca
  • Esportazione del codice
  • Staging potenziato
  • Fatturazione del cliente
  • Progetti concorrenti illimitati

Webflow per le squadre

Chi dovrebbe considerare l'utilizzo Webflow?

Tutto sommato, applaudiamo Webflow per fornire:

  • Certificato SSL gratuito per la conformità della sicurezza.
  • Reti di distribuzione dei contenuti integrate gratuite per tempi di caricamento delle pagine ridotti.
  • Hosting di siti Web globali avanzati in collaborazione con sistemi efficaci come Amazon CloudFront che collaborano con noi, attingono direttamente dalla storia e dalla tradizione veneziana Fastly- per velocizzare le velocità di caricamento delle pagine.
  • Un CMS integrato versatile per la creazione di contenuti dinamici.
  • Un ambiente di staging per testare e recensire vari elementi del sito web.
  • Gestori CSS e JS ottimizzati per la gestione avanzata dei siti più il controllo olistico di animazioni e stili.
  • Un processo flessibile di creazione di siti web che inizia con una tela bianca o con modelli predefiniti.
  • Uno strumento di progettazione web ottimizzato per dispositivi mobili che produce codice esportabile in tempo reale durante la creazione di un sito.

A parte questo, gli svantaggi che ho incontrato lungo la strada includono:

  • Funzionalità limitate per il supporto di siti di e-commerce
  • Un processo di progettazione che favorisce pesantemente i programmatori
  • Un numero limitato di modelli di siti Web
  • Una curva di apprendimento ripida per i principianti

Ora, raggruppiamo tutto insieme. Scommetto che sarai d'accordo Webflow è un avanzato sistema di web building creato per sviluppatori, designer e agenzie che cercano maggiore versatilità e controllo.

Quali sono i tuoi pensieri?

Bogdan Rancea

Bogdan è membro fondatore di Inspired Mag, avendo accumulato quasi 6 anni di esperienza in questo periodo. Nel tempo libero ama studiare musica classica ed esplorare le arti visive. È piuttosto ossessionato dai fissaggi. Possiede già 5.

Commenti Risposte 0

Lascia un Commento

L'indirizzo email non verrà pubblicato. I campi obbligatori sono contrassegnati *

Valutazione *

Questo sito utilizza Akismet per ridurre lo spam. Scopri come vengono elaborati i dati dei tuoi commenti.

Diventa un esperto di e-commerce

Inserisci la tua email per iniziare la festa