Solved by Flexbox: una vetrina di esempi sul CSS esteso

25 Ottobre 2013
Microtag Project

Creare layout complessi sfruttando la modalità flexbox, garantita dai browser più aggiornati e in grado di semplificare notevolmente il CSS.

Solved by Flexbox è una raccolta di esempi su come risolvere problemi particolarmente ostici da affrontare con il CSS classico. Assegnando l’attributo flexbox alla proprietà display di un qualunque elemento grafico si attivano nuove opzioni per impostare in modo più semplice la posizione e l’allineamento che l’elemento deve rispettare nella pagina web.

Allo stato attuale lo standard flexbox gode dello status di candidate recommendation presso l’organizzazione di regolamentazione W3C e nel futuro sarà sempre più diffuso. Il compito principale di questa integrazione del CSS proposta da Philip Walton è quello di snellire l’intricata complessità del codice che sta dietro layout grafici apparentemente semplici.

La vetrina di esempi raccolta nel sito mostra come centrare verticalmente un oggetto, come combinare elementi di dimensioni diverse senza preoccuparsi di sovrapposizioni, come creare layout con ardue combinazioni di colonne liquide senza trovate macchinose.

Flexbox è compatibile con i browser più moderni: Chrome (21+), Opera (12.1+), Firefox (22+), Safari (6.1+) e Internet Explorer (11+). Le versioni precedenti rispetto a quelle indicate in parentesi potrebbero avere un supporto incompleto o assente.


articoli... che potrebbero interessarti

creare un sito web... articoli consigliati

Azioni Photoshop, la raccolta definitiva

La collezione di azioni photoshop che vi presentiamo sono un set di azioni che accorrono in aiuto degli utenti per realizzare progetti rapidi e ben fatti.

Web design & Video background

Presentare la propria homepage in modo efficace con video background e comunicare contenuti e temi con video che esprimono il cuore del tuo sito web!

Tipped: i tooltip più belli senza il minimo sforzo

Si chiama Tipped e rivoluzionerà lo user interface design del vostro sito. L'applicativo offre un'ampia gamma di tooltip, belli e fruibili su tutti i dispositivi.

Dropdown menu css. Un componente responsive e facile da personalizzare

Organizza la navigazione del tuo sito con un responsive mobile menu. MegaDropdown è ideale per gli ecommerce e i portali di grandi dimensioni.

Template WordPress Responsive Free – Minimaluu

Minimaluu è la soluzione ideale per il tuo portfolio su WordPress se cerchi una grafica minimale, pulita e compatta ma anche fluida ed efficiente.

Sei un Webmaster? Il tuo sito web ha bisogno di Best 4 Webdesign!

Best4WebDesign archivia i principali e i migliori strumenti per Webmaster e Web Designer.