Nwlapcug.com


Un elenco di Framework CSS

Web designer utilizzare Framework CSS o Cascading Style Sheet, per creare rapidamente siti Web con layout a più colonne, complicati. Nella maggior parte dei Framework, aggiungere il foglio di stile al tuo sito Web e quindi specificare quante colonne di larghezza si desidera rendere ogni div in una pagina. Ad esempio, si potrebbero fare contenute otto colonne in larghezza, con una barra laterale quattro colonne. Quadri sono inoltre dotate di strumenti, modelli di Photoshop e gli stili aggiuntivi per iniziare.

960 grid System

Il sistema di griglia 960 è basato su una larghezza di sito di 960 pixel e fino a 24 colonne. Mentre 960 GS non venire con qualsiasi stili preconfigurati diverse dalle colonne, offrono alcuni strumenti utili come un generatore CSS online. Il generatore consente di specificare la larghezza e gli importi di colonna personalizzata. Il foglio di stile viene in due sapori: larghezza fissa e fluido. Larghezze di fluido rendono il sito Web di adattare le dimensioni del browser. Questo quadro ha anche una versione mobile-friendly chiamata Adapt.js, che può essere utile se si desidera che il layout cambia a seconda del dispositivo utilizzato.

Blueprint CSS

La più grande differenza tra GS 960 e Blueprint è l'aggiunta di stili tipografici. Blueprint CSS viene fornito con gli stili predefiniti per i font, collegamenti e tabelle. Se utilizza un foglio di stile "reset" per normalizzare CSS tra i browser, aggiunge indietro negli stili in modo che è possibile ottenere rapidamente una pagina semplice andare senza bisogno di codice molto CSS. Blueprint è anche dotato di un modello di griglia di Photoshop che non solo vi Mostra colonne ma anche ferri. Tutto è impostata su un'altezza di riga 18 pixel per aiutarti a spazio testo e altri elementi in modo visivamente piacevole, standardizzato.

Meno Framework

Non confondere meno quadro con meno CSS, poiché quest'ultimo non ha nulla a che fare con layout o griglie. Meno Framework è stato progettato con lo sviluppo mobile in mente, quindi si tratta con quattro fogli di stile: default, tablet, mobile e mobile. Numero delle colonne varia tra modelli perché si presume che il più piccolo schermo, meno il contenuto verranno visualizzati per ogni riga della griglia. Meno non è per i principianti, però. In meno, è necessario impostare la larghezza di ogni div manualmente, guardando le larghezze di colonna date come guida.

YUI 2: Grids CSS

YUI, o interfaccia utente Yahoo!, Grids CSS è stato creato da Yahoo! ed è disponibile in Yahoo Developer Network. Questo quadro è dotato di quattro larghezze della pagina e sei modelli preimpostati e supporta larghezze fisse e fluide. Yahoo offre alcuni tutorial e un generatore di griglia per aiutarti a iniziare. Il generatore di griglia è utile perché, a differenza di altri quadri, ti mostra il layout scegliere tra varie opzioni. Tutto quello che dovete fare è costruire la struttura del layout e ottenere il codice per iniziare a utilizzare YUI Grids con il tuo sito Web.