Privacy & Cookie
Questo sito utilizza cookie. Continuando, accetti il loro utilizzo. Ulteriori informazioni, tra cui come controllare i cookie.
Se il tuo sviluppo web è altamente orientato al design, ci sono molte applicazioni che aiuteranno i lavoratori creativi nella tua squadra a creare un sito web. Esistono poche applicazioni che consentono di creare il design in un’applicazione di un vero designer come Photoshop, pur offrendo agli utenti tutti gli strumenti di cui hanno bisogno per finire con un sito Web basato su Content Management System (CMS).
Dreamweaver si aspetta che i web designer sappiano tutto su HTML e CSS. Anche iWeb o RapidWeaver o Sandvox di Karelia si aspettano almeno alcune informazioni su come funziona l’HTML. Non così con SiteGrinder 3. Questa nuova versione di SiteGrinder è una combinazione di un plug-in di Photoshop e un’applicazione stand-alone che si combinano per fornire un CMS completo senza che l’utente debba mai toccare HTML, CSS o Javascript, anche per pagine Web o blog complessi. Tutto ciò di cui ha bisogno è una buona conoscenza di Photoshop CS3, CS4 o CS5 (32-bit).
Quando ho recensito SiteGrinder circa 4 anni fa, sono rimasto colpito da quello che si potrebbe fare con esso in termini di trasformare rapidamente una composizione stratificata Photoshop in una pagina web. Media Lab SiteGrinder 3 è in un campionato completamente diverso. Va molto più in profondità rispetto al suo predecessore. Non è più limitato ai confini di un plug-in di Photoshop.
SiteGrinder 3 è senza esagerazione un CMS completo. Potrebbe mancare di robustezza e scalabilità su scala aziendale, ad esempio non è basato su database, ma per i progettisti che creano siti Web per i clienti, SiteGrinder 3 non ha solo un sistema di gestione dei contenuti basato su browser indipendente da Photoshop, ma opzionalmente anche un gestore di contenuti remoto.
Si può anche avere una soluzione di e-Commerce con SiteGrinder 3, utilizzando Foxycart come il suo commercio back-end.
SiteGrinder 3 –come versione 2– funziona con ‘suggerimenti’, che sono nomi preceduti da un trattino che devi aggiungere ai nomi dei livelli. I suggerimenti indicano al sistema SiteGrinder cosa fare con il livello. Ad esempio, se si crea un pulsante e si desidera fare clic su quel pulsante per rendere visibile un livello nascosto, questi due elementi dovrebbero condividere i nomi dei livelli, ma il livello pulsante dovrebbe avere il suggerimento “-button” aggiunto ad esso e il suggerimento-clickshow per renderlo visibile. In questo modo, SiteGrinder sa che il pulsante è “collegato” al livello di testo e lo accende quando il pulsante viene cliccato.
In Gestione progettazione, che si avvia automaticamente nel browser Web dopo aver creato la pagina nell’interfaccia plug-in di Photoshop, è possibile impostare gli elementi in modo che agiscano in base alle impostazioni e ai parametri immessi in Gestione progettazione. Il Design Manager è un’interfaccia del browser per le funzionalità avanzate di progettazione e sviluppo di SiteGrinder.
Solo dopo la distribuzione di una pagina Web, il Content Manager diventa disponibile. Anche in questo caso, basato su browser il Content Manager consente di inserire testo e immagini e anche altre cose nella pagina –più o meno allo stesso modo come si dovrebbe lavorare con WordPress o Drupal (ma più facile).
Mentre il flusso di lavoro è qualcosa che presto ci si abitua, la serie abbagliante di suggerimenti e combinazioni di suggerimenti può richiedere di mantenere il riferimento suggerimenti a portata di mano. SiteGrinder 3 non ha solo suggerimenti per la creazione di pagine semplici, ma anche per i blog, i disegni di colonne (entrambi si allungano man mano che il contenuto cresce) e piè di pagina. I piè di pagina utilizzati in combinazione con un suggerimento di pagina o colonna costringono il piè di pagina a “rimanere” in fondo alla pagina. Ci sono diverse decine di trucchi e suggerimenti intelligenti e combinazioni di flusso di lavoro che consentono in ultima analisi, costruire un sito web che è altrettanto flessibile e dinamico come un sito WordPress con l’eccezione delle basi di database (e quindi meno scalabile).
Ad esempio, dopo aver provato i molti trucchi di costruzione di pagine “ordinarie” di SiteGrinder 3, ho impostato i miei pensieri sulla creazione di una galleria. Il primo problema era decidere quale tipo di Galleria volevo. C’è una galleria relativamente semplice CSS driven, ma in combinazione con Fancybox e altre funzionalità eye candy, anche quella ‘semplice’ galleria CSS può rapidamente finire in una vasta gamma di possibilità tra cui scegliere.
Un altro esempio di questa abbondanza di funzionalità può essere trovato nei tre possibili fogli di miniature delle immagini che puoi creare. Puoi avere fogli di miniature delle immagini CSS “in crescita” che mostrano tutti i pollici contemporaneamente, pollici Flash che scorrono o pollici CSS paging che mostrano gruppi di pollici e ti permettono di navigare da un gruppo all’altro. Ognuno di questi può essere usato come “viewsheets” che mostrano viste alternative di una mostra della galleria.
Tutto si aggiunge alla ricchezza del design che è possibile creare con SiteGrinder 3, ma anche ad una grande difficoltà: scegliere la giusta combinazione. Lavorare con SiteGrinder 3 richiede quindi una buona pianificazione in anticipo, sia nell’area degli sguardi che nella funzionalità web 2.0.
Con il test della galleria ho anche colpito le limitazioni di SiteGrinder 3. Non ce ne sono molti, ma uno dei limiti che ho trovato è che, sebbene sia possibile creare moduli complicati, non è possibile avere un sistema di ricerca creato da SiteGrinder 3. Ora non sarei troppo sorpreso di apprendere che gli sviluppatori sono impegnati a sviluppare un plug-in opzionale per aggiungere questa funzionalità, ma nella mia versione non c’era un plug-in disponibile.
Il plug-in e-commerce d’altra parte ti consente di vendere le tue immagini attraverso un sistema gestito da Foxycart. Il plug-in si integra con un vero e proprio gateway di pagamento, tra l’altro. Foxycart è niente di meno.
Le caratteristiche più sorprendenti di SiteGrinder 3 tuttavia, sono le sue capacità CMS:
- L’output di PHP statici HTML
- La possibilità di avere le colonne che ridimensiona automaticamente con i contenuti
- Galleria funzionalità che è incredibilmente potente e completo
- L’architettura a plug-in che permette ampie funzionalità
- La disponibilità di un Controllo Remoto e-commerce plugin
- L’uso di CSS in tutto
- La pulizia del codice che viene generato
- La possibilità di utilizzare multimediali nel web design –tra cui video e audio
- L’interattività che è possibile utilizzando CSS e Javascript
- Il fatto che in nessun momento del processo è necessario conoscere il codice che fa funzionare i tuoi elementi interattivi
Lo svantaggio di questo potere è che avrai sicuramente bisogno di seguire il corso video sul sitosito di Grinder. Ho trovato indispensabile stampare anche il sistema di aiuto completo, eccellente e molto conciso. Forse sto mostrando la mia età, ma ho sentito che avevo bisogno di questa guida costantemente nel quartiere per non perdere nessuna delle caratteristiche e delle capacità.
Anche dopo aver letto la guida in anticipo, non sono riuscito a creare una pagina web complessa in un paio d’ore. Invece, mi ci sono voluti un paio di giorni prima di avere finalmente la testa intorno al modo di fare le cose SiteGrinder. Il flusso di lavoro di per sé è abbastanza semplice: si progetta la pagina in Photoshop, poi andare al plug-in SiteGrinder e costruire la pagina, poi mettere a punto in Photoshop e costruire di nuovo, fino a quando si è soddisfatti e pronti a distribuire la pagina.
In Photoshop, è necessario tenere presente che è necessario progettare gli elementi della pagina in modo tale che SiteGrinder capisca cosa si desidera che ciascun elemento faccia. Ci vuole un po ‘ di apprendimento. Ad esempio, per creare un’animazione –un blocco di testo che volevo far scorrere da una posizione all’altra con un clic di un pulsante– avevo bisogno di creare un pulsante e due blocchi identici. La differenza tra loro erano i suggerimenti. Affinché uno sfondo appaia dietro un elemento scorrevole, ho dovuto creare un altro livello sotto di esso, che conteneva solo il colore e la trama che volevo che il cursore avesse.
Il codice generato può essere HTML statico ma anche –e probabilmente più moderno nel suo approccio– PHP. Scelsi costantemente PHP per le mie prove e funzion come un fascino. Avrai sicuramente bisogno di scegliere PHP come output se vuoi usare SiteGrinder 3 come CMS. Ciò consente di aggiungere pagine in base al design della pagina esistente, più o meno allo stesso modo di quello che si può fare con WordPress, Joomla! e Drupal.
La configurazione standard di SiteGrinder 3 ti consentirà di utilizzare il sistema come CMS su una macchina locale, ma se hai il plug-in opzionale per il controllo remoto, sarai anche in grado di aggiungere pagine con contenuti da qualsiasi macchina utilizzando il browser Web e un URL specifico. Questo è il più vicino qualsiasi CMS ‘leggero’ può venire alla funzionalità fornita dai sistemi basati su database.
Con questa affermazione, che è davvero un complimento, sto arrotondando la recensione. Dopo aver trascorso un buon paio di settimane con SiteGrinder 3 posso solo dire che sto ancora scoprendo cose nuove, cose che posso fare in modo diverso al fine di ottenere risultati diversi. La bellezza di SiteGrinder 3 è che funziona. Funziona così bene che i risultati sono sempre prevedibili, cioè non sei mai colto alla sprovvista, finendo con un design che è un disastro.
Critica? Sì, ho delle critiche. La guida dovrebbe avere più schermate di impostazioni di Photoshop layer per cogliere il modo in cui i suggerimenti funzionano più velocemente. Ci dovrebbe idealmente essere un sistema di ricerca aggiunto a SiteGrinder 3-non solo la possibilità di integrarsi con Google Web Search. E se ci potrebbe essere l’integrazione con un sistema di database che metterebbe SiteGrinder 3 in seria concorrenza con i sistemi CMS esistenti, anche se sarebbe anche bello se ci fosse un modo per creare disegni e pagine che consentono di integrare un design SiteGrinder in WordPress o Drupal in un modo o nell’altro (forse questo potrebbe essere una guida).
La conclusione finale della mia recensione è che Media Lab, gli sviluppatori di SiteGrinder 3 hanno realizzato qualcosa che non credevo fosse possibile: creare uno strumento che consente siti molto complessi senza aggiungere alla complessità dello strumento stesso.
SiteGrinder 3 costa 349.00 USD. Ciascuno dei componenti aggiuntivi attualmente disponibili (Controllo ed e-commerce al momento della scrittura) costa 159.00 USD. Il pacchetto completo, tuttavia, ha un prezzo di introduzione di 279.00 USD.
Normalmente non commento mai i prezzi, ma in questo caso sono incline a fare un’eccezione: questi prezzi possono sembrare costosi in un primo momento, e lo sarebbero se SiteGrinder fosse solo un plug-in con poco altro in termini di funzionalità CMS. Nel caso di SiteGrinder 3, personalmente credo che tu non stia certamente pagando troppo, specialmente se fai buon uso del prezzo di introduzione di MediaLab!