HTML5 Boilerplate - PV219

1,355 views
1,228 views

Published on

Published in: Technology, Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,355
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
7
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

HTML5 Boilerplate - PV219

  1. 1. HTML5 Boilerplate
  2. 2. Já?Tom Bartoň (396061)@GrezCZ
  3. 3. HTML<!doctype html> <!­­[if lt IE 7]> <html lang="en­us" class="no­js lt­ie9 lt­ie8 lt­ie7"> <! [endif]­­> <!­­[if IE 7]>    <html lang="en­us" class="no­js lt­ie9 lt­ie8"> <![endif]­­> <!­­[if IE 8]>    <html lang="en­us" class="no­js lt­ie9"> <![endif]­­> <!­­[if gt IE 8]><!­­> <html lang="en­us" class="no­js"> <!­­<![endif]­­> <head>
  4. 4. HTML<!doctype html> <!­­[if lt IE 7]> <html lang="en­us" class="no­js lt­ie9 lt­ie8 lt­ie7"> <! [endif]­­> <!­­[if IE 7]>    <html lang="en­us" class="no­js lt­ie9 lt­ie8"> <![endif]­­> <!­­[if IE 8]>    <html lang="en­us" class="no­js lt­ie9"> <![endif]­­> <!­­[if gt IE 8]><!­­> <html lang="en­us" class="no­js"> <!­­<![endif]­­> <head><html lang="en­us" class=" js no­flexbox canvas canvastext webgl no­touch  geolocation postmessage no­websqldatabase indexeddb hashchange history  draganddrop websockets rgba hsla multiplebgs backgroundsize borderimage  borderradius boxshadow textshadow opacity cssanimations csscolumns cssgradients  no­cssreflections csstransforms csstransforms3d csstransitions fontface  generatedcontent video audio localstorage sessionstorage webworkers  applicationcache svg inlinesvg smil svgclippaths"><!­­<![endif]­­> <head>
  5. 5. HTML<!doctype html> <!­­[if lt IE 7]> <html lang="en­us" class="no­js lt­ie9 lt­ie8 lt­ie7"> <! [endif]­­> <!­­[if IE 7]>    <html lang="en­us" class="no­js lt­ie9 lt­ie8"> <![endif]­­> <!­­[if IE 8]>    <html lang="en­us" class="no­js lt­ie9"> <![endif]­­> <!­­[if gt IE 8]><!­­> <html lang="en­us" class="no­js"> <!­­<![endif]­­> <head><html lang="en­us" class=" js no­flexbox canvas canvastext webgl no­touch  geolocation postmessage no­websqldatabase indexeddb hashchange history  draganddrop websockets rgba hsla multiplebgs backgroundsize borderimage  borderradius boxshadow textshadow opacity cssanimations csscolumns cssgradients  no­cssreflections csstransforms csstransforms3d csstransitions fontface  generatedcontent video audio localstorage sessionstorage webworkers  applicationcache svg inlinesvg smil svgclippaths"><!­­<![endif]­­> <head><meta http­equiv="X­UA­Compatible" content="IE=edge,chrome=1,requiresActiveX=true">
  6. 6. HTML<!doctype html> <!­­[if lt IE 7]> <html lang="en­us" class="no­js lt­ie9 lt­ie8 lt­ie7"> <! [endif]­­> <!­­[if IE 7]>    <html lang="en­us" class="no­js lt­ie9 lt­ie8"> <![endif]­­> <!­­[if IE 8]>    <html lang="en­us" class="no­js lt­ie9"> <![endif]­­> <!­­[if gt IE 8]><!­­> <html lang="en­us" class="no­js"> <!­­<![endif]­­> <head><html lang="en­us" class=" js no­flexbox canvas canvastext webgl no­touch  geolocation postmessage no­websqldatabase indexeddb hashchange history  draganddrop websockets rgba hsla multiplebgs backgroundsize borderimage  borderradius boxshadow textshadow opacity cssanimations csscolumns cssgradients  no­cssreflections csstransforms csstransforms3d csstransitions fontface  generatedcontent video audio localstorage sessionstorage webworkers  applicationcache svg inlinesvg smil svgclippaths"><!­­<![endif]­­> <head><meta http­equiv="X­UA­Compatible" content="IE=edge,chrome=1,requiresActiveX=true"><script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script>window.jQuery || document.write(<script  src="js/libs/jquery­1.7.1.min.js"></script>)</script>
  7. 7. CSShtml {overflow­y: scroll}
  8. 8. CSShtml {overflow­y: scroll}::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; } ::selection { background: #fe57a1; color: #fff; text-shadow: none; }
  9. 9. CSShtml {overflow­y: scroll}::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; } ::selection { background: #fe57a1; color: #fff; text-shadow: none; }sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; }
  10. 10. CSShtml {overflow­y: scroll}::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; } ::selection { background: #fe57a1; color: #fff; text-shadow: none; }sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; }.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background- repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
  11. 11. CSShtml {overflow­y: scroll}::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; } ::selection { background: #fe57a1; color: #fff; text-shadow: none; }sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; }.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background- repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; }
  12. 12. CSShtml {overflow­y: scroll}::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; } ::selection { background: #fe57a1; color: #fff; text-shadow: none; }sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; }.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background- repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; }@media queries
  13. 13. CSShtml {overflow­y: scroll}::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; } ::selection { background: #fe57a1; color: #fff; text-shadow: none; }sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; }.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background- repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; }@media queries@print stylesheet
  14. 14. .htaccessGzipExpire headersCSS fonty na subdoméněCross domain AJAXmod_rewriteNastavení pro PHP...

×