Yoko, un tema WordPress in HTML5 e CSS3 gratuito e “adattabile”

Mercoledì 27 Luglio 2011 - 09:51

di Mariano Calandra

CMS

Mettete insieme la ventata di novità portata da HTML5, le potenzialità offerte da CSS3 e WordPress. Cosa manca? Facile, un bel tema che metta tutte queste cose insieme.

Yoko è un tema per WordPress 3.1 e successivi, gratuito e adattabile ad ogni risoluzione e dispositivo. Grazie alle potenzialità di CSS3, sarà infatti possibile visualizzare il layout completo (a 3 colonne) su un computer desktop o un portatile, mentre verrà mostrato un layout ridotto a due colonne su un tablet e una versione light per gli smartphone.

È molto flessibile e compatibile con tutti i browser, compreso IE9. Le versioni precedenti di IE, invece, non possono sfruttare le potenzialità dei CSS3, questo problema è risolvibile usando CSS3-Mediaqueries o librerie JavaScript similari.

Sul sito ufficiale del tema Yoko trovate una demo del template in questione, potrete valutare voi stessi come, riducendo la dimensione della finestra il layout si adatti ad essa, mentre qui potete scaricare il necessario.

Tags:

Categoria: CMS | Permalink

Commenti

1

[…] Qualche mese fa scrissi un post in cui parlavo di tre proprietà dei CSS per la realizzazione di siti con un layout adattativo. Con gli smartphone e i tablet che diventano sempre più strumento di navigazione scegliere di realizzare un layout “liquido” è una scelta obbligata. Non è casuale, infatti, che alcuni temi di WordPress, come Yoko, nascano già con questa capacità. Nonostante gli sforzi, però, poco ancora si può fare per le immagini (il tema precedente, ad esempio, nasconde l’immagine dell’header su dispositivi con risoluzione bassa). Ma quali strumenti abbiamo se non vogliamo fare a meno delle immagini? […]

# - postato da Adaptive Images: piccole immagini per piccoli dispositivi | Edit - Il blog di HTML.it - 07 Settembre 2011 - 09:50

Inserisci il tuo commento:





(puoi usare i seguenti tag HTML per formattare il testo -
a href, b, i, br/, p, strong, em, ul, ol, li, blockquote, pre):

 

Anteprima del commento