Nuovo motore per la versione 17 di WebSite X5
Pubblicato da Incomedia in WebSite X5 News · Venerdì 23 Nov 2018
Uno dei nostri mantra preferiti è: “Rendi semplice ciò che è difficile”.
In fondo, l’obiettivo di WebSite X5 è proprio questo: trasformare un lavoro complesso come quello di realizzare un sito web in una serie di compiti semplici che possano essere svolti con facilità anche da chi non ha competenze né esperienze in materia.
In genere, quindi, non vi parliamo di codici e questioni tecniche. Ci occupiamo noi di questi aspetti, lasciando che voi vi concentriate su cosa e come volete comunicare nelle vostre pagine web.
Ma, c’è sempre un’eccezione. Ed oggi, perché possiate apprezzare il lavoro che abbiamo svolto in questi mesi e per farvi capire perché siamo così entusiasti per il rilascio della nuova versione 17, è giunto il momento di parlarvi di un argomento squisitamente tecnico: CSS Grid Layout.
« Cos’è il CSS Grid Layout? »
CSS Grid Layout è il più potente sistema oggi disponibile per creare il layout in CSS delle pagine web.
Permette di risolvere brillantemente il posizionamento dei contenuti, sia orizzontalmente che verticalmente, e di gestire con estrema semplicità le trasformazioni che le pagine subiscono in funzione delle dimensioni della finestra del browser e/o degli schermi dei dispositivi usati per la navigazione. Il tutto preservando la struttura semantica dei contenuti.
Per chi è curioso e vuole approfondire ci sono tantissime risorse online. Un buon punto di partenza è: https://css-tricks.com/snippets/css/complete-guide-grid/
« OK, ma cosa c’entra il CSS Grid Layout con WebSite X5? »
Il punto è proprio questo: abbiamo rifatto il motore interno di WebSite X5 che si occupa della creazione delle pagine e lo abbiamo rifatto utilizzando il CSS Grid Layout.
Come in un’automobile, il motore è il cuore, il centro nevralgico che rende possibile il funzionamento di tutto. Progettarlo e svilupparlo daccapo, sfruttando una nuova tecnologia è una sfida appassionante, iniziata nei mesi scorsi, che ha portato come primo risultato alla versione 17 ma che, secondo i nostri progetti, proseguirà ancora permettendoci di raggiungere altri importanti traguardi con i rilasci delle prossime versioni.
« In parole semplici, cosa significa aver rifatto il motore di creazione delle pagine di WebSite X5 con CSS Grid Layout? »
Significa:
+ velocità
+ flessibilità
+ precisione
+ compatibilità
Per capire occorre fare un passo indietro e vedere come ha funzionato il motore di creazione delle pagine utilizzato fino alla versione 16.
Semplificando, il motore considerava l’impaginazione definita attraverso la griglia e simulava il caricamento dei contenuti al fine di poter misurare le altezze assunte dai contenuti stessi. Sulla base di questi valori, il motore procedeva quindi all’effettiva creazione della pagina che doveva essere visualizzata in anteprima locale o pubblicata online.
Com’è facile da immaginare, queste operazioni di simulazione e calcolo effettuate in background avevano un costo sia in termini di risorse di calcolo, sia in termini di tempi di esecuzione. In più introducevano arrotondamenti nel calcolo delle altezze degli oggetti che potevano tradursi in allineamenti poco precisi all’interno di una pagina e, in alcuni casi, in leggere differenze nel layout di una pagina su browser diversi.
L’impiego di CSS Grid Layout risolve alla radice tutto questo permettendo di creare il layout delle pagine senza dover effettuare in background alcuna operazione di simulazione e misurazione. Per questo WebSite X5 risulta complessivamente più veloce e stabile. In più, l’altezza dei contenuti non deve essere calcolata per cui l’impaginazione risulta più precisa e senza sbavature sui diversi browser.
« Oltre che incidere positivamente sulle prestazioni di WebSite X5, l’introduzione di CSS Grid Layout permette di ottenere altri vantaggi? »
Sì, uno lo vediamo già nella versione 17, altri li scopriremo nelle versioni che seguiranno.
Grazie al CSS Grid, nella versione 17 abbiamo potuto introdurre una funzione che ci avete richiesto a gran voce: la possibilità di impostare dei contenuti in Full Width, ovvero in modo tale che occupino sempre tutta la larghezza della finestra del browser.
Creare una banda in Full Width contenente, per esempio, una galleria o una mappa, non è più un problema: basta selezionare l’oggetto e cliccare sul nuovo pulsante “Estendi” presente nella barra degli strumenti sopra la Griglia di impaginazione.
« Quindi i vantaggi derivati dall’introduzione di CSS Grid non si esauriscono con la versione 17? »
Esatto! L’impiego di CSS Grid può avere ricadute molto interessanti su singoli oggetti e sulla gestione delle pagine in modalità responsive. Ci stiamo già lavorando e vedrete che l’attesa sarà ben ripagata.
Oltre allo sviluppo del nuovo motore interno con CSS Grid Layout e all’introduzione della visualizzazione in Full Width, la versione 17 di WebSite X5 introduce interessanti novità riguardanti l’e-commerce e la SEO: scopri tutto quello che c’è in più nella pagina Novità.
Ricorda che se hai già WebSite X5 e sei in Update Protection, l’aggiornamento alla versione 17 per te è gratuito. Aggiorna subito la tua licenza e utilizza le nuove funzioni per migliorare i tuoi progetti.
Se invece non hai ancora WebSite X5, allora potrebbe essere il momento giusto per acquistarlo: potrai creare tutti i siti che vorrai e, grazie all’Update Protection, per i prossimi 12 mesi avrai gratuitamente tutte le nuove versioni e gli aggiornamenti che rilasceremo. Scopri le offerte.