Nel mondo in continua espansione dei costruttori di siti Web online, è piuttosto difficile trovare tutto ciò che vale la pena spendere più di dieci minuti con. Questo mercato è invaso da interfacce goffe, modelli orribili e restrizioni brutali di design a forma libera.
Recentemente mi sono imbattuto in un prodotto chiamato IM Creator che si distingue però per stile e funzionalità. È all'altezza delle sue promesse o si unisce al resto dei siti in questo mercato e non è all'altezza di una soluzione decente per il sito web fai-da-te? Continuate a leggere per scoprirlo.
La condizione del WYSIWYG basato sul web
I costruttori di siti web WYSIWYG sono ancora considerati da molti programmatori e progettisti professionisti come un po 'abominevole, mentre i WYSIWYG basati sul Web raddoppiano. Molti di loro impongono rigidi vincoli alla libertà di progettazione e / o sputano un codice piuttosto abominevole. Alcuni arrivano addirittura a scovare un? aspettalo, sito Flash! Sono sicuramente nel? Codice te stesso? campo ma gioco sempre con queste cose quando ne vedo una nuova solo per tenere d'occhio il modo in cui questo mercato si sta evolvendo.
"Nonostante il rifiuto da parte di noi codificatori snob, il mercato si rifiuta di morire".La cosa che nutre il mio interesse in quest'area è che, nonostante il rifiuto da parte di noi codificatori snob, il mercato si rifiuta di morire. In realtà, sembra non solo crescere, ma migliorare rapidamente. Ogni nuovo fantasioso costruttore di siti web fai-da-te che trovo è un po 'meglio dell'ultimo. Il miglioramento incrementale non è niente da ridire, a lungo termine potrebbe portare a prodotti che anche i professionisti seri devono apprezzare.
Quel giorno arriverà mai? Molti dicono che non lo farà. L'argomento popolare dice che i WYSIWYG non saranno mai uno strumento per professionisti del web design serio, solo dilettanti che desiderano essere nei grandi campionati o imprenditori che non possono permettersi di assumere un designer.
Scommetterei che se tornassi agli anni '80, troverei tonnellate di designer che mi direbbero lo stesso dei computer in generale. Certo, hanno un potenziale ma nessun progettista serio potrebbe mai usarne uno. Fare ciò significherebbe abbandonare la vera arte del design e la libertà di costruire a mano. Suona familiare?
Non sto facendo la tesi che ogni web designer dovrebbe finire e iniziare ad usare Homestead, sto semplicemente dicendo che non ha senso scartare per sempre l'idea che questa nicchia di prodotti potrebbe un giorno fare un grande salto nel mondo professionale, anche oltre quello che abbiamo visto da Dreamweaver anni fa.
Con questo in mente, continuerò a provare queste cose. Potrei scuotere la testa e mi chiedo come alcuni di loro sono così lontani, ma sono fiducioso che un giorno eseguirò lo stesso gesto chiedendomi solo fino a che punto questi prodotti sono arrivati.
Incontra il creatore di IM
L'ultimo costruttore di siti Web online che ho incontrato è IM Creator. Il campo di vendita è molto simile a quello dei suoi fratelli: crea il tuo bellissimo sito web senza digitare una sola riga di codice, gratis! Sappiamo tutti che queste affermazioni gratuite sono piuttosto fasulle perché, a lungo termine, dovresti sborsare per l'hosting se effettivamente vuoi utilizzare il sito. Ma è almeno veramente libero di iscriversi e iniziare a costruire siti.
IM Creator ritarda in realtà la registrazione fino a quando non desideri salvare qualcosa in modo da poter accedere direttamente al costruttore del sito.
L'interfaccia qui è completamente nuda, in senso buono. Sembra semplice e accessibile. C'è una tonnellata che puoi fare ma è strutturata in modo intelligente per essere abbastanza facile da essere praticamente utilizzata da chiunque.
Costruire una pagina Web
Ho scelto di costruire il mio sito da zero, in modo che IM Creator mi abbia avviato con una pagina vuota con un semplice menu di navigazione in alto.
Per aggiungere qualcosa alla pagina, fai clic su? Aggiungi un elemento? pulsante in alto, che espande una striscia di pulsanti abbastanza ampia con opzioni per aggiungere un'immagine, titolo, paragrafo, video, galleria, presentazione, ecc.
Per iniziare, ho scelto di inserire un'immagine. Subito una bella fotografia di un uccello si presenta nella mia tela, pronta per essere ridimensionata e trascinata al suo posto.
Facendo clic sul piccolo pulsante di collegamento sopra l'immagine viene visualizzata una finestra di dialogo che consente di impostare facilmente un collegamento interno o in uscita in modo tale che quando si fa clic sull'immagine, si giunga a una destinazione specificata. Altrove puoi aggiungere un titolo, un testo alternativo, ecc.
Con l'immagine selezionata, clicco su? Avanzate? opzioni in alto a destra dello schermo e selezionare? Bordi e sfondo? opzione. Dopo aver dato un'occhiata alle mie opzioni, decido di vedere se posso trasformare questa foto in un cerchio facendo girare il raggio del bordo (che è come lo farei in CSS).
Sfortunatamente, questo fa un sacco di niente. Sembra funzionare sulle scatole, ma non sulle immagini. Inoltre, i controlli del raggio di confine raggiungono un massimo di 99 px, il che rende quasi inutile il mio attacco al cerchio.
Non importa, posso fare una foto circolare da solo. Quindi il mio prossimo passo è sostituire l'immagine segnaposto degli uccelli con un'immagine dal mio disco rigido. Per fare ciò, fai clic sull'immagine e poi colpisci il grande blu? Sostituisci immagine? pulsante.
L'app importa rapidamente la mia foto e la spingo in posizione. Sto rapidamente iniziando a dare un'idea del flusso di lavoro qui e non è male. L'app è abbastanza reattiva e si sente molto più liscia di quanto mi aspettassi. Mi piace anche che non sono forzato in un modello come con le app come iWeb, posso costruire tutto ciò che voglio.
Aggiunta di alcuni testi
Quindi torno a "Aggiungi un elemento"? pulsante e questa volta scelgo un paragrafo. Ancora una volta, il contenuto del segnaposto è davvero fantastico. Il paragrafo appare con un colpo di testa, entrambi sono già abbastanza stilizzati.
Tuttavia, noto immediatamente che odio l'altezza della linea schiacciata, quindi premo? Modifica paragrafo? per vedere se posso aggiustarlo Da qui ho opzioni di base come impostare la famiglia di font (una discreta selezione di font gratuiti popolari come Chunk Five e Aller), dimensioni, colore, ecc.così come alcune opzioni avanzate. Qui trovo il controllo dell'altezza della linea che sto cercando.
A gomito l'altezza della linea fino a 1,5 m aiuta immensamente. La nostra pagina sta già iniziando a sembrare abbastanza buona!
Risolvere il menu
Il prossimo all'ordine del giorno è la correzione di quel brutto menu di navigazione. Ho deciso di andare con qualcosa di molto più minimale: testo semplice con semplici effetti al passaggio del mouse.
Non avevo idea di come ottenere ciò, ma facendo clic sul pulsante Impostazioni menu è apparso un set di controlli che lo rendeva super facile. Sono stato in grado di abbandonare il colore di sfondo, impostare il colore del testo e del testo al passaggio del mouse, distanziare gli elementi a mio piacimento e persino regolare la spaziatura delle lettere.
Dopo aver modificato un po 'più i menu, lancio un logo e questa cosa sta davvero iniziando a sembrare una pagina web decente!
Finendo
Seguendo lo stesso processo, compilo il resto del design. Ci sono una serie di strumenti davvero utili con cui giocare qui. Ad esempio, sono stato in grado di inserire una mappa Google in tempo reale e il mio feed Twitter in pochi secondi. Ecco come appare il risultato finale:
Essere in grado di costruire realmente ciò che ho in testa su un costruttore di siti Web online gratuito è in realtà un'impresa piuttosto impressionante. Mi sarebbe sicuramente piaciuto avere più controllo sulle proprietà CSS, specialmente quelle per il layout, ma nel complesso l'esperienza di costruzione è stata piacevole.
Sembra buono, ma cosa c'è dietro le quinte?
Se vuoi vedere la pagina effettiva risultante dai miei test, puoi verificarla qui. In apparenza, sembra tutto a posto, ma ogni web designer avrà qualche problema serio con esso. Per essere sicuro di non aver fatto nulla di sbagliato, ho confrontato il mio risultato con uno dei siti presenti. Entrambi hanno sofferto degli stessi problemi.
Per i principianti, il codice è un casino. L'HTML è completamente gonfio di contenuti che sembrano più correlati all'app e alle sue funzioni rispetto alla pagina che stai guardando nel browser. Inoltre, la funzionalità di base è piuttosto approssimativa. Ad esempio, non è possibile selezionare alcun testo sulla pagina. Per quanto posso dire, i font sono serviti con FontSquirrel e @ font-face quindi non c'è ragione per cui non dovrebbero essere completamente selezionabili.
Sotto il codice del cappuccio e la funzionalità è un punto critico in cui quasi tutti i WYSIWYG sono insufficienti in un modo o nell'altro. È sicuramente un'area che deve essere affrontata prima che questi strumenti e i loro prodotti risultanti possano mai essere veramente rispettati come "reali"? siti web.
Splendidi modelli
IM Creator potrebbe non essere all'altezza di ciò che è sotto il cofano, ma devo dire che, da un punto di vista puramente visivo, eccelle davvero. I modelli integrati sono tra i migliori che ho visto da un servizio come questo:
È davvero bello vedere qualcuno che offre modelli di design web veramente moderni in un servizio WYSIWYG, la norma in questo settore tende a essere pagine che sembrano uscite dal 1999.
L'intero pacchetto
Come ho detto prima, il? Libero? l'elemento è in realtà solo per l'elemento di design. Dovrai sborsare l'impasto per l'hosting e un dominio personalizzato. Il prezzo attuale è $ 7,95 / mese (poco meno di $ 100 all'anno), ma sembra che salirà a $ 12,95 nel prossimo futuro.
Non è il servizio più economico del mondo, ma se hai un budget limitato, pagare $ 100 per ottenere un sito attraente ospitato nel dominio di tua scelta per un anno è in realtà un affare abbastanza decente. Se mi assumi con lo stesso obiettivo in mente, pagherei sicuramente molto di più (anche se otterrai un prodotto molto migliore).
Conclusione: qual è il verdetto?
Ovviamente, è ovvio che questo non è un prodotto per i web designer professionisti e non è destinato a esserlo. Abbiamo a disposizione strumenti migliori e più professionali e questi tipi di servizi non offrono la potenza o la flessibilità di cui abbiamo bisogno.
Tuttavia, se sei un fotografo, un ristorante o un'altra piccola impresa, il pacchetto di IM Creator è piuttosto allettante. Ha un prezzo decente e in realtà mi impressiona con la sua capacità di costruire qualcosa completamente da zero con una buona dose di libertà. E per le persone là fuori non dotate nel progettare da zero, i modelli forniti spazzano via qualsiasi concorrente che ho visto.
I costruttori di siti online fai-da-te hanno ancora una lunga strada da percorrere, ma prodotti come IM Creator suggeriscono un futuro in cui questi tipi di strumenti producono siti Web davvero impressionanti che attraggono le masse e sostengono il controllo di un professionista.