js.html5boilerplate 1.0

Introduction

This library packages html5boilerplate for fanstatic.

This requires integration between your web framework and fanstatic, and making sure that the original resources (shipped in the resources directory in js.html5boilerplate) are published to some URL.

How to use?

>>> from fanstatic import NeededResources
>>> needed = NeededResources(bottom=True)

You can import the various files from js.html5boilerplate and need() them in your page:

>>> from js.html5boilerplate import style, pngfix
>>> needed.need(style)
>>> needed.need(pngfix)

>>> html = '''
... <!doctype html>
... <html>
...   <head>
...   </head>
...   <body>
...     my content
...   </body>
... </html>'''
>>> print needed.render_topbottom_into_html(html)
<BLANKLINE>
<!doctype html>
<html>
  <head>
    <link rel="stylesheet" type="text/css" href="/fanstatic/html5boilerplate/css/style.css" />
<BLANKLINE>
  </head>
  <body>
    my content
  <!--[if lt IE 7 ]>
    <script src="/fanstatic/html5boilerplate/js/dd_belatedpng.js"></script>
    <script>DD_belatedPNG.fix("img, .png_bg");
  <![endif]--></body>
</html>

If you need the boilerplate group, jquery and modernizr are also included:

>>> from js.html5boilerplate import boilerplate
>>> needed = NeededResources(resources=[boilerplate], bottom=True)
>>> print needed.render_topbottom_into_html(html)
<BLANKLINE>
<!doctype html>
<html>
  <head>
    <link rel="stylesheet" type="text/css" href="/fanstatic/html5boilerplate/css/style.css" />
<script type="text/javascript" src="/fanstatic/jquery/jquery.js"></script>
<script type="text/javascript" src="/fanstatic/modernizr/modernizr.js"></script>
<BLANKLINE>
  </head>
  <body>
    my content
  <!--[if lt IE 7 ]>
    <script src="/fanstatic/html5boilerplate/js/dd_belatedpng.js"></script>
    <script>DD_belatedPNG.fix("img, .png_bg");
  <![endif]--></body>
</html>