Quarto anno di questo blog, quarta versione del layout!
In realtà non ho mai avuto l'idea di cambiare o aggiornare il layout ogni anno fin dall'inizio... è successo e basta. Questa volta però come avrete notato per varie cose le differenze possono non sembrare evidenti (
dalla v2 alla v3 avevo invertito lo schema dei colori nei contenuti, ed è stata una piccola rivoluzione!) in quanto ho mantenuto il "look and feel" originale della v3 andando a modellarlo e colmando alcune lacune che avevo lasciato aperte.
Responsive
Ora tutto il blog è completamente responsive (
sì, con qualche cosina da sistemare qua e la ma nelle prossime settimane limerò i dettagli), quindi potete godervelo dagli schermi 1200 pixel in su fino ai vostri smartphone. Mi sono basato per la seconda volta su
Bootstrap, il motivo per cui non era responsive dalla versione 3 era che la griglia responsive in Bootstrap è stata introdotta grossomodo la settimana dopo che avevo pubblicato il terzo layout... e non mi andava di disfare e rifare subito! Ormai ignorare la frammentazione degli schermi inizia a essere un problema e volevo che questo blog rimanesse in vita anche in questa nuova epoca "mobile". Grazie al plugin
Dropdown Menus e
jQuery da all'incirca 980 pixel in giù la navigazione viene gestita con il componente Html <select> , una pratica abbastanza comoda sui piccoli schermi.
Flatmania
Con questa versione del layout sto seguendo la corrente del "
flat design" che attualmente è molto in voga nel webdesign degli ultimi 12 mesi circa. Ho tenuto i colori base della v3 andando a semplificare forme e composizione degli elementi, le icone che ho usato sono in parte quelle di Bootstrap (
ovvero Glyphicons) e in parte quelle di
Simple Icons, che principalmente sono loghi di servizi, framework e social network.
LESSizzato
Per rendere la gestione dei CSS più strutturata ho adottato anche per questo tema il
preprocessore LESS , visto che "evangelizzo" molto a riguardo poteva essere una buona idea usarlo anche sul mio blog di punta :) . Sapendo che molte cose vanno sistemate dopo la prima pubblicazione, specie con WordPress e i contenuti dinamici in generale, anche se non si ottiene un primo vero vantaggio nella scrittura del codice nelle modifiche seguenti lo si apprezza subito per la facilità con cui si possono modificare tante cose con uno sforzo minimo (
magari farò un tutorial introduttivo nelle prossime settimane).
Dietro le quinte (note tecniche)
Essendo un blog orientato a utenti smanettoni mi posso permettere alcune cose che in molti altri lavori non posso... per esempio un ampio utilizzo dei tag Html5, di costruire tutto il layout usando diverse features CSS3, inserendo alcune immagini in formato .svg (
vettoriale) per avere meno grane con i monitor HiDPI, tipo i
Retina Display. L'utlizzo di Javascript e jQuery in questo caso è ridotto al minimo proprio grazie all'utilizzo di queste nuove features e appena sarà possibile aggiornerò la libreria alla
versione 2.X , quindi in generale "taglio" con il passato.
Cosa non c'è più
Principalmente ho tolto i "Quick Link" ma a breve torneranno, ho intenzione però di utilizzare un paio di nuove features di WordPress 3.6 (
che dovrebbe essere rilasciato nel giro di qualche settimana) legate ai "post types" che mi faciliteranno un pochino la gestione dei contenuti.