Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

HTML5 Boilerplate - PV219

1,413 views

Published on

Published in: Technology, Design
  • Be the first to comment

  • Be the first to like this

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...

×