Skeleton è stata costruita attorno a principi responsive design, sostenendo ogni tipo di pagina e di dispositivo, che vanno dai grandi schermi TV LCD fino a piccoli dispositivi mobili.
Il quadro non è un pacchetto UI frontend, arrivando senza particolari widget UI e componenti, solo gli stili di base per gli elementi HTML più comuni, un sistema di griglia e di media query di base per assicurarsi che le linee di tutto nei posti giusti al varie risoluzioni.
Skeleton, anche se raramente aggiornati, è diventato un favorito comunità tra le comunità del design Web, ed è stato integrato in molti progetti, temi, modelli, e siti web ufficiali.
Il progetto Skeleton è molto ben documentato, un piccolo dettaglio che ha contribuito al suo successo immenso.
Un modello di lavoro di default è incluso nel pacchetto di download
Caratteristiche :.
- Layout griglia
- Tipografia
- Buttons
- Schede
- Moduli
- Media Query
- bbli modalità di visualizzazione:
- Più piccolo di 960: Più piccolo di la griglia base standard
- Tablet Portrait: Tra 768px e 959px
- Tutte le misure per cellulari: Meno di 767px
- Just Mobile Paesaggio: tra 480px e 767px
- Just Mobile Portrait: Meno di 479px
- Supporto browser:
- I più recenti Chrome (Mac / PC)
- Firefox 4.0, 3.6, 3.5, 3.0 (Mac / PC)
- Ultime Safari
- IE9, IE8, IE7
- iPhone (Retina)
- Droid (Charge / Original)
- iPad
Cosa c'è di nuovo in questa versione:
- Una nuova griglia davvero reattivo sulla base di percentuali
- Telefoni primi media query
- Nuovo font Raleway default
- style Generalmente semplice
- Forme più robuste (soprattutto in relazione alla rete)
- L'inclusione di styling tavolo di base
- L'inclusione di super styling codice di base
- Utilizzo Normalize.css come & quot; azzerare & quot;
- Rimozione toccare le icone di Apple
Cosa c'è di nuovo in versione 1.2:.
- schede rimosso e tutto JS
Cosa c'è di nuovo nella versione 1.1:
- App.js è ora a soli tabs.js
- Tab CSS ora funziona perfettamente su IE7 +.
- spazi Riscritta layout.css media query da più facile da capire.
- Spogliarello alcuni spazi canaglia e riformattare un po '.
- Fixing dichiarazione DOCTYPE rotto.
Requisiti :
- JavaScript abilitato sul lato client
- CSS3 browser abilitato
I commenti non trovato