Disponibil în: English Español Deutsch Português Français Italiano Nederlands Srpski Română По-русски עברית 日本語
HTML5 ★ Boilerplate
Un şablon implicit, stabil pentru HTML5.
Ești nou ? Află de ce HTML5 Boilerplate e așa grozav.HTML5 Boilerplate este un şablon de bază, profesional pentru HTML/CSS/JS, un şablon pentru un site rapid, robust şi rezistent în timp.
După mai mult de doi ani de dezvoltare iterativă, îţi oferim cele mai bune practici încorporate: normalizare peste browsere, optimizări ale performanţei, chiar şi funcţionalităţi opţionale cum ar fi AJAX şi Flash peste domenii; un model de început pentru fişierul .htaccess de configurare pentru Apache, conţinând reguli de stocare a componentelor şi pregătiri pentru a putea servi HTML5 video, pentru a putea folosi @font-face şi pentru a activa compresia cu gzip.
Boilerplate nu este un framework şi nici nu prescrie vreo filosofie de dezvoltare, conţine doar o serie de trucuri pentru a te ajuta să-ţi începi proiectul de la zero, într-un mod corect şi rapid.
De ce e grozav
- Compatibilitate peste browsere (IE6, da, avem aşa ceva)
- Pregătit pentru HTML5 (utilizeazã noile tag-uri cu încredere)
- Caching optimal şi reguli de compresie pentru performanţă de primã clasă
- Cele mai bune practici pentru configurãri implicite ale unui site
- Optimizări pentru browserele telefoanelor mobile
- Îmbunãtăţire progresivă, degradare graţioasă … da da, avem aşa ceva
- Clase specifice IE-ului, pentru control total peste browsere
- Clasele '.no-js' şi '.js' la îndemâna ta, pentru a costumiza bazându-te pe compatibilitate
De ce e şi mai grozav
- Folosirea lui 'console.log', astfel încât să nu producă (din greşeală) probleme
- Nu greşi niciodata când vine vorba de 'doctype' sau 'markup'!
- Un stil optim pentru imprimare, optimizat pentru performantã
- iOS, Android, Opera Mobile-markup adaptativ și un schelet pentru CSS
- clasele '.clearfix' și '.visuallyhidden' pentru a customiza lucrurile într-o manieră înţeleaptã şi accesibilã
- fisierul '.htaccess' pentru a permite utilizarea corectă a funcţionalităţiilor HTML5 şi încărcare mai rapidă a paginii
- jQuery găzduit pe un CDN, cu mecanism de siguranţă local ca şi rezervã
- Crezi că e prea mult? HTML5 Boilerplate este prietenos la tasta delete :)
Vrei să aprofundezi?
Descarcă Boilerplate 3.0.2 Updated Feb 19th
Descarcă Boilerplate Păstrează indiciile şi link-urile
sau
Descarcă Boilerplate "nedocumentat"
Fără comentarii, doar partea esenţială
sau
Customizează Boilerplate 100% hipster.
jQuery
Configurări Server
Altele
Descarcă! Sunt aceste opţiuni prea puține? Dacă da, vizitează Initializr
HTML5 Boilerplate a ajuns la versiunea 3.0!
Luni, 6 februarie 2012Scopul principal al acestei actualizări a fost micșorarea Boilerplate-ului, cele mai multe schimbări lucrând înspre această scop. Am lucrat în special la scriptul de construcție, atât de mult încât ne-am gândit că merită propriul depozit. Și acum, ce este nou:
Schimbări
3.0 vine cu niște update-uri majore Aici sunt toate commit-urile de la ultima lansare.
Ar trebui să updatezi site-urile existente? Răspunsul scurt: neh, e ok.
Schimbări semnificative
- Am șters multe directoare:
/demos,/testși/js/mylibs. - Scriptul de construcție este de acum un proiect separat, Citește despre cum să obți și să utilizezi scriptul de construcție.
- Respond.js nu mai e disponibil în mod implicit.
index.html
- ChromeFrame nu mai este aplicat prin intermediul scriptului, iar utilizatorilor de IE6 le este sugerat: link-ul de unde pot instala ChromeFrame sau pagina de web Browsehappy, de unde pot alege un alt browser.
- Meta viewport-ul a fost updatat pentru a preveni bug-urile de scalare din iOS.
- Clasele IE din
htmlvizează versiuni "mai mici decat" o anumită versiune, decât versiuni explicite. - Am revenit la fragmentul "Google Analytics" optimizat și asincron, în defavoarea utilizării
Modernizr.load. - Am renunțat la
deferpentru toate scripturile, pentru a evita bug-urile moștenite de IE. - Designul paginii 404 a fost îmbunătățit.
style.css
- Am renunțat a specifica marimea fontului și înălțimea liniei pentru a putea furniza un "implicit" mai bun și robust.
- Am făcut adăugări semnificative la "normalize.css" și pentru a oferi o tipografie implicită mai bună.
- O clasa '.ir' mai robustă
- Nu mai forțăm scrollbar-ul, acest lucru împiedicând proiecte ca jQuery UI și altele să calculeze corect lungimile.
Proiect
- Modernizr a fost updatat la versiunea 2.5
- jQuery a fost updatat la versiunea 1.7.1
- .htaccess a fost îmbunătățit
Ești pregătit să începem?
Intro în scriptul de construcție
Esenţialul în 40 de minute
Aprofundează în 60 de minute