MoebiusMania

All'inizio dell'anno vi avevo promesso una terza versione del sito, in realtà pensavo a un redesign radicale di tutto, ma come al solito il poco tempo a disposizione e la difficoltà di sfornare idee "a comando" hanno rallentato il mio progetto originale. Tuttavia dato che sentivo la necessità di tenere aggiornato il sito con le tecnologie di cui parlo (e scrivo) ho deciso di ricostruire il codice mantenendo il layout della versione 2, con solo qualche piccola modifica grafica qua e la, ecco perché l'ho ribattezzata versione 2.5. Su cosa ho lavorato: 

Nuovi e vecchi standard

Alcune parti del sito sono costruite utilizzando tag Html5, per dare un minimo di compatibilità con i vecchi browser ho usato la libreria Html5Shiv, gran parte della grafica è realizzata con Css3 e molte meno immagini rispetto alla versione precedente. Il layout è basato sul framework 960.gs e ho aggiunto qualche effettino con jQuery qua e là senza esagerare. Uso il font remoto Molengo servito tramite Google Web Fonts.

Il logo

L'ho un pochino semplificato togliendo un paio di effetti e quindi rendendolo più pulito, è l'unica immagine della testata.

Miglior impiego di WordPress

Molte parti che nella versione 2 avevo realizzato staticamente ora sono meglio integrate con la piattaforma WordPress così posso gestire gran parte delle modifiche dalla backend ed essere un pò più autonomo anche senza il mio pc e in generale più veloce. Anche il caricamento delle librerie Javascript avviene tramite WP!

Nuove pagine (a breve)

Ho rinnovato la pagina dei contatti (con una bella form di contatto), ho aggiunto un template per la visualizzazione dei risultati di ricerca, la pagina con l'elenco dei tutorial ora è automatizzata e permette di filtrare i tutorial per argomento e si... è in arrivo quella dei download!

Sistematina ai commenti

Nella versione 2.0 avevo un po trascurato i commenti, la form di scrittura era scrausa e mancava qualche feature. Ora invece anche l'inserimento dei commenti è stilato a dovere, ho aggiunto la possibilità di scrivere commenti annidati e al mouse over ci sono piccole transizioni CSS3.

Il Footer

Ero un po stufo del footer da una sola riga e quindi l'ho "ingrossato" un po aggiungendo altre informazioni su di me e sul sito, fanno ritorno anche i tweet recenti dal mio account @moebiusmania che ho messo nel footer dato che è un'account che uso sia a livello personale che webbistico, e mi sembrava un pò fuori luogo metterlo troppo in alto e visibile.

E i vecchi browser?

Ho lavorato sulla retrocompatibilità ma senza "esagerare", il sito è visto al meglio su Chrome-Safari e Firefox, un po meno meglio su Opera e IE9 ed è molto scarno graficamente da IE8 in giù, tuttavia i contenuti sono sempre fruibili. La scelta è motivata dal fatto che al momento in cui scrivo questo articolo (Maggio 2011) i browser che supportano anche minimamente queste tecnologie sono utilizzati da circa il 47% degli utenti mondiali, mentre nell'ultimo anno i dati relativi a MoebiusMania.net indicano gli utenti IE (in tutte le versioni) meno del 16%. Considerando poi che come ho già detto i contenuti sono normalmente fruibili da ogni browser e che per i visitatori con IE metto in bella vista un bannerino che gli suggerisce la migrazione verso qualcosa di meglio direi che mi sono dato da fare anche per loro :) .