Het Skelet werd gebouwd rond responsive design principes, het ondersteunen van elk type pagina en apparaat, variërend van grote lcd-tv-schermen naar beneden naar kleine mobiele apparaten.
Het kader is geen frontend UI pakket, komt met geen speciale UI widgets en componenten, maar de basis stijlen voor de meest voorkomende HTML-elementen, een grid-systeem en basic media queries te zorgen dat alles lijnen maken in de juiste plaatsen op verschillende resoluties.
Skelet, ook al zelden bijgewerkt, is uitgegroeid tot een gemeenschap favoriet onder de Web design gemeenschap, en dat is geïntegreerd in een groot aantal projecten, thema's, sjablonen en officiële websites.
Het Skelet project is zeer goed gedocumenteerd, een klein detail dat heeft bijgedragen aan zijn immense succes.
Een standaard werkende template is inbegrepen in de download pakket
Kenmerken .
- Grid Layout
- Typografie
- Knoppen
- Tabbladen
- Formulieren
- Media Queries
- Weergave modi:
- Kleiner dan 960: Kleiner dan de standaard basis raster
- Tablet Portret: Tussen 768px en 959px
- Alle Mobiele Maten: Minder dan 767px
- Just Mobile Landschap: Tussen 480px en 767px
- Just Mobile Portret: Minder dan 479px
- Browser ondersteuning:
- Laatste Chrome (Mac / PC)
- Firefox 4.0, 3.6, 3.5, 3.0 (Mac / PC)
- Laatste Safari
- IE9, IE8, IE7
- iPhone (Retina)
- Droid (Charge / Original)
- iPad
Wat is nieuw in deze release:
- Een nieuwe echt responsieve raster gebaseerd op percentages
- Mobiele eerste media queries
- Nieuw lettertype Raleway als standaard
- In het algemeen eenvoudiger stijl
- Meer robuuste vormen (met name in relatie tot het net)
- Het opnemen van elementaire tafel styling
- Het opnemen van super basiscode styling
- Gebruik Normalize.css als de & quot; reset & quot;
- Apple aanraakiconen verwijderen
Wat is nieuw in versie 1.2:.
- Verwijderde tabbladen en alle JS
Wat is nieuw in versie 1.1:
- App.js is nu slechts tabs.js
- Tab CSS werkt nu perfect op IE7 +.
- herschreef layout.css media-query-spaties om gemakkelijker te begrijpen.
- Strippen sommige malafide witruimte en opnieuw formatteren van een beetje.
- Fixing gebroken doctype declaratie.
Eisen
- Javascript nodig op client-side
- CSS3 enabled browser
Reacties niet gevonden