Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

global code cleanup

includes: - tab removal from html/css
          - fixing indention
          - removing unnecessary whitespaces
  • Loading branch information...
commit fa785e0ef0604c20fcd512d79ee41315a0bf9549 1 parent c86f2b5
@martinbalfanz martinbalfanz authored
View
42 .htaccess
@@ -38,7 +38,7 @@
# Cross-domain AJAX requests
# ----------------------------------------------------------------------
-# Serve cross-domain ajax requests, disabled.
+# Serve cross-domain ajax requests, disabled.
# enable-cors.org
# code.google.com/p/html5security/wiki/CrossOriginRequestSecurity
@@ -70,7 +70,7 @@
# JavaScript
-# Normalize to standard type (it's sniffed in IE anyways)
+# Normalize to standard type (it's sniffed in IE anyways)
# tools.ietf.org/html/rfc4329#section-7.2
AddType application/javascript js
@@ -86,16 +86,16 @@ AddType video/webm webm
# SVG.
# Required for svg webfonts on iPad
# twitter.com/FontSquirrel/status/14855840545
-AddType image/svg+xml svg svgz
+AddType image/svg+xml svg svgz
AddEncoding gzip svgz
-
-# Webfonts
+
+# Webfonts
AddType application/vnd.ms-fontobject eot
AddType application/x-font-ttf ttf ttc
AddType font/opentype otf
AddType application/x-font-woff woff
-# Assorted types
+# Assorted types
AddType image/x-icon ico
AddType image/webp webp
AddType text/cache-manifest appcache manifest
@@ -108,7 +108,7 @@ AddType text/x-vcard vcf
# ----------------------------------------------------------------------
-# Allow concatenation from within specific js and css files
+# Allow concatenation from within specific js and css files
# ----------------------------------------------------------------------
# e.g. Inside of script.combined.js you could have
@@ -188,7 +188,7 @@ AddType text/x-vcard vcf
# These are pretty far-future expires headers.
# They assume you control versioning with cachebusting query params like
# <script src="application.js?20100608">
-# Additionally, consider that outdated proxies may miscache
+# Additionally, consider that outdated proxies may miscache
# www.stevesouders.com/blog/2008/08/23/revving-filenames-dont-use-querystring/
# If you don't use filenames to version, lower the CSS and JS to something like
@@ -203,9 +203,9 @@ AddType text/x-vcard vcf
# cache.appcache needs re-requests in FF 3.6 (thanks Remy ~Introducing HTML5)
ExpiresByType text/cache-manifest "access plus 0 seconds"
-# Your document html
+# Your document html
ExpiresByType text/html "access plus 0 seconds"
-
+
# Data
ExpiresByType text/xml "access plus 0 seconds"
ExpiresByType application/xml "access plus 0 seconds"
@@ -216,7 +216,7 @@ AddType text/x-vcard vcf
ExpiresByType application/atom+xml "access plus 1 hour"
# Favicon (cannot be renamed)
- ExpiresByType image/x-icon "access plus 1 week"
+ ExpiresByType image/x-icon "access plus 1 week"
# Media: images, video, audio
ExpiresByType image/gif "access plus 1 month"
@@ -227,25 +227,25 @@ AddType text/x-vcard vcf
ExpiresByType audio/ogg "access plus 1 month"
ExpiresByType video/mp4 "access plus 1 month"
ExpiresByType video/webm "access plus 1 month"
-
+
# HTC files (css3pie)
ExpiresByType text/x-component "access plus 1 month"
-
+
# Webfonts
ExpiresByType font/truetype "access plus 1 month"
ExpiresByType font/opentype "access plus 1 month"
ExpiresByType application/x-font-woff "access plus 1 month"
ExpiresByType image/svg+xml "access plus 1 month"
ExpiresByType application/vnd.ms-fontobject "access plus 1 month"
-
+
# CSS and JavaScript
ExpiresByType text/css "access plus 1 year"
ExpiresByType application/javascript "access plus 1 year"
-
+
<IfModule mod_headers.c>
Header append Cache-Control "public"
</IfModule>
-
+
</IfModule>
@@ -328,7 +328,7 @@ FileETag None
# ----------------------------------------------------------------------
# Option 1:
-# Rewrite "www.example.com -> example.com"
+# Rewrite "www.example.com -> example.com"
<IfModule mod_rewrite.c>
RewriteCond %{HTTPS} !=on
@@ -370,12 +370,12 @@ FileETag None
# </IfModule>
-
+
# ----------------------------------------------------------------------
# Prevent SSL cert warnings
# ----------------------------------------------------------------------
-# Rewrite secure requests properly to prevent SSL cert warnings, e.g. prevent
+# Rewrite secure requests properly to prevent SSL cert warnings, e.g. prevent
# https://www.example.com when your cert only allows https://secure.example.com
# Uncomment the following lines to use this feature.
@@ -390,10 +390,10 @@ FileETag None
# Prevent 404 errors for non-existing redirected folders
# ----------------------------------------------------------------------
-# without -MultiViews, Apache will give a 404 for a rewrite if a folder of the same name does not exist
+# without -MultiViews, Apache will give a 404 for a rewrite if a folder of the same name does not exist
# e.g. /blog/hello : webmasterworld.com/apache/3808792.htm
-Options -MultiViews
+Options -MultiViews
View
58 404.html
@@ -2,37 +2,37 @@
<html>
<head>
<meta charset="utf-8">
- <title>Page Not Found :(</title>
+ <title>Page Not Found :(</title>
<style>
- body { text-align: center;}
- h1 { font-size: 50px; text-align: center }
- span[frown] { transform: rotate(90deg); display:inline-block; color: #bbb; }
- body { font: 20px Constantia, 'Hoefler Text', "Adobe Caslon Pro", Baskerville, Georgia, Times, serif; color: #999; text-shadow: 2px 2px 2px rgba(200, 200, 200, 0.5); }
- ::-moz-selection{ background:#FF5E99; color:#fff; }
- ::selection { background:#FF5E99; color:#fff; }
- article {display:block; text-align: left; width: 500px; margin: 0 auto; }
-
- a { color: rgb(36, 109, 56); text-decoration:none; }
- a:hover { color: rgb(96, 73, 141) ; text-shadow: 2px 2px 2px rgba(36, 109, 56, 0.5); }
+ body { text-align: center;}
+ h1 { font-size: 50px; text-align: center }
+ span[frown] { transform: rotate(90deg); display:inline-block; color: #bbb; }
+ body { font: 20px Constantia, 'Hoefler Text', "Adobe Caslon Pro", Baskerville, Georgia, Times, serif; color: #999; text-shadow: 2px 2px 2px rgba(200, 200, 200, 0.5); }
+ ::-moz-selection{ background:#FF5E99; color:#fff; }
+ ::selection { background:#FF5E99; color:#fff; }
+ article {display:block; text-align: left; width: 500px; margin: 0 auto; }
+
+ a { color: rgb(36, 109, 56); text-decoration:none; }
+ a:hover { color: rgb(96, 73, 141) ; text-shadow: 2px 2px 2px rgba(36, 109, 56, 0.5); }
</style>
</head>
<body>
- <article>
- <h1>Not found <span frown>:(</span></h1>
- <div>
- <p>Sorry, but the page you were trying to view does not exist.</p>
- <p>It looks like this was the result of either:</p>
- <ul>
- <li>a mistyped address</li>
- <li>an out-of-date link</li>
- </ul>
- </div>
-
- <script>
- var GOOG_FIXURL_LANG = (navigator.language || '').slice(0,2),
- GOOG_FIXURL_SITE = location.host;
- </script>
- <script src="http://linkhelp.clients.google.com/tbproxy/lh/wm/fixurl.js"></script>
- </article>
+ <article>
+ <h1>Not found <span frown>:(</span></h1>
+ <div>
+ <p>Sorry, but the page you were trying to view does not exist.</p>
+ <p>It looks like this was the result of either:</p>
+ <ul>
+ <li>a mistyped address</li>
+ <li>an out-of-date link</li>
+ </ul>
+ </div>
+
+ <script>
+ var GOOG_FIXURL_LANG = (navigator.language || '').slice(0,2),
+ GOOG_FIXURL_SITE = location.host;
+ </script>
+ <script src="http://linkhelp.clients.google.com/tbproxy/lh/wm/fixurl.js"></script>
+ </article>
</body>
-</html>
+</html>
View
56 README.md
@@ -32,7 +32,7 @@ Lots of research has gone into normalize, verifying what are the default user ag
* Making an app that works offline is a badge of honor. Now with a flick of a config switch, the H5BP build script can autogenerate your cache manifest file with all the right info and wire it up. It'll also keep the manifest revved as you deploy new changes.
##### ADDING RESPOND.JS
-* Add respond.js as a shift to a responsive approach. Updated it to improved, comment-free version which would enable IEs to also apply styles using media queries.
+* Add respond.js as a shift to a responsive approach. Updated it to improved, comment-free version which would enable IEs to also apply styles using media queries.
#### PNGFIX & HANDHELD REMOVED
@@ -42,7 +42,7 @@ Lots of research has gone into normalize, verifying what are the default user ag
### detailed 2.0 changelog
#### .HTACCESS
-* Disable directory browsing by default
+* Disable directory browsing by default
* removed trailing slash redirects in htaccess. More: https://github.com/paulirish/html5-boilerplate/wiki/Proper-usage-of-trailing-slash-redirects #493 #515
* Updating TTF mimetype to fix Google Chrome warning
* Improved support for all versions of Apache, incl workaround for bug in mod_filter: Fixes #441. Fixes #499. Fixes #535. Closes #549. (the grouping ticket) Ref #576
@@ -61,16 +61,16 @@ Lots of research has gone into normalize, verifying what are the default user ag
#### BUILD SCRIPT
* CSSLint, JSLint, JSHint tools are now optionally available in the build script
* New features in build script:
-* Added a files.bypass property which when set, will not compress the listed JavaScript files, but just silently passes it on to the publish folder without any change.
+* Added a files.bypass property which when set, will not compress the listed JavaScript files, but just silently passes it on to the publish folder without any change.
* Added a images.bypass with a list of image files or folders within the img directory that you do not want to be optimized. Fixes #564
* Build script is compatible with php files now. it appears. fixes #392.
-* Build script now generates appcache manifest. see #652
+* Build script now generates appcache manifest. see #652
* Test for ant version to head off problems with ant < 1.8.2
* removes concatenated css files from index.html when they are linked to with link tag. Fixes #452
* Added DOCTYPE so Eclipse and other IDE's do not complain about the lack of schema. http://stackoverflow.com/questions/363768/disable-dtd-warning-for-ant-scripts-in-eclipse
* Updated Windows optipng and jpegtran paths to include ${basedir}
* Minification affects all .css and .js files in /css and /js dirs, not just the ones explicitly included in concatenation.
-* Build script: compress all images in subfolders, too.
+* Build script: compress all images in subfolders, too.
* Added gae.js_dir and gae.css_dir so that App Engine projects can have the correct directory names swapped in their templates.
* added a second replace token statement so that "/css/style.css" gets swapped too.
* change *.png and *.jpg to **/*.png and **/*.jpg so that optimize commands reach subdirectories.
@@ -99,7 +99,7 @@ request is shorter.
* copy files last This slightly simplifies copying because we don't have to exclude PNG, JPEG, or HTML files from the copy stage. it comes preminified, and we don't need to minify it again This also updates the HTML so that the script is not missing if the unminified scripts are unavailable on the server. This commit requires a change to existing HTML files :/
* change the source htaccess rather than updating it
* update yuicompressor to 2.4.5. fixes media query minification issue.
-* update htmlcompressor to 1.1 which uses the new yuicompressor for CSS.
+* update htmlcompressor to 1.1 which uses the new yuicompressor for CSS.
* try not to re-optimize the same images every time
* Lots of bug fixes for edge cases and improved techniques..
@@ -107,12 +107,12 @@ request is shorter.
#### INDEX.HTML
* Use minified jQuery by default. / jQuery updated to 1.6.2
-* Add respond.js as part of shift to 'mobile first' approach.
+* Add respond.js as part of shift to 'mobile first' approach.
* Updated to Modernizr 2.0 Complete, Production minified.
* Prompt IE 6 users to install Chrome Frame, update chromeframe install to 1.0.3. Move chromeframe to bottom of page after the other scripts. also reference exact version for higher expires headers. Use protocol-relative url for chrome frame URL Fixes #495
* Removing touch icon link tags and retaining only the comment.
* Encourage people to send the X-UA-Compatible HTTP header instead of leaving it in the HTML, to avoid edge case issues. Fixes #378.
-* Remove the cache-busting query parameters from the HTML.
+* Remove the cache-busting query parameters from the HTML.
* Simplify the conditional comment containing code for IE 9+ and modern browsers
* Simpler escape for `</script>`. See http://mathiasbynens.be/notes/etago for more information.
* Encourage people to use a custom Modernizr build containing only the features they need for that particular project.
@@ -136,7 +136,7 @@ request is shorter.
* Switch to outline:0 for accesible focus treatment. Avoids Opera bug when combined with transitions. Also saves bytes.
* Set `{overflow:auto}` for `<button>` and `<input>` in `<table>` in IE6/7. Avoids numerous layout and whitespace issues that result from setting {overflow:visible} to fix the odd inner spacing of those form elements.
* Add `{resize: vertical}` to `<textarea>`. Only allow vertical resizing
-
+
#### MISC
@@ -146,20 +146,20 @@ request is shorter.
* Changed curly quotes to straight quotes in crossdomain.xml
-#### Significant commits:
+#### Significant commits:
-* 26a391c60d0356e2e0dcf1929381583622e1be9c Revert "Added native iOS inertia scrolling"
+* 26a391c60d0356e2e0dcf1929381583622e1be9c Revert "Added native iOS inertia scrolling"
* ddaf66a515c09f835603f95fe723d7da691324e6 Major: Now using css normalization instead of css reset + building up default styles
* e5e057e53815ed55f4ecfaef3057bf2940c7c0b2 Change our conditional comments around the HTML tag to use a single .oldie class.
* 7f53f98ec734e6b655d7a50fd245277d388fac1e Revert "Change our conditional comments around the HTML tag to use a single .oldie class."
* 648026d780dc6b9ecad8d37d61a92b69be5fd654 Tweaking our hot pink ::selection based on a suggestion from David Murdoch and research from Adam Diehm.
* 0e1c7ba929caddec63971cccfb7de7c0d343e060 Use minified jQuery by default.
* a0ac99a4d96453e68ff4e650fca3055767ec26aa optimize build process
-* bb22ca66a8619808a87c1b5438845ed44baa4d3e Remove the cache-busting query parameters from the HTML.
+* bb22ca66a8619808a87c1b5438845ed44baa4d3e Remove the cache-busting query parameters from the HTML.
#### CONTRIBUTORS
-[alrra](https://github.com/alrra) [Adeel Ejaz](http://adeelejaz.com/) [David Murdoch](http://www.vervestudios.co/) [Jonathan Fielding](https://github.com/jonathan-fielding) [Robert Ros](https://github.com/rros) [Rob Larsen](http://htmlcssjavascript.com/) [William Meleyal](http://meleyal.com/) [Bruno De Barros](http://terraduo.com/) [Mike Almond](http://mikealmond.com/) [Frank](https://github.com/thatcoolguy) [Joey Baker](http://byjoeybaker.com/) [Ben Word](http://benword.com/) [Mike Botsko](http://www.botsko.net/) [Carlos Rosquillas](https://github.com/disusered) [Todd H. Gardner](https://github.com/toddhgardner) [rdeknijf](https://github.com/rdeknijf) [John Attebury](https://github.com/johnattebury) [Calvin Rien](https://github.com/darktable) [Ryan Seddon](https://github.com/ryanseddon) [Dayle Rees](http://www.daylerees.com/) [Ryan Smith-Roberts](https://lab.net/) [Brian Blakely](https://github.com/brianblakely) [Steve Heffernan](http://www.steveheffernan.com) [Barney Carroll](http://barneycarroll.com/) [Osman Gormus](https://github.com/gormus) [Jason Tokoph](http://www.mozes.com/) [See Guo Lin](http://see.guol.in/) [Jeremey Hustman](http://www.ukontrol.com/) [James Williams](http://jameswilliams.be/blog) [John-Scott Atlakson](https://github.com/jsma) [stereobooster](https://github.com/stereobooster) [walker](http://walkerhamilton.com/) [François Robichet](http://www.francois.robichet.com/) [leobetosouza](http://leobetosouza.com/) [Matthew Donoughe](http://static.dyndns.org/~mdonoughe/) [Patrick Hall](http://lotsofwords.org/) [Andy Dawson](http://www.ad7six.com/) [Daniel Filho](http://danielfilho.info/blog/) [Clément](https://github.com/clemos) [Joe Morgan](https://github.com/JoeMorgan) [Han Lin Yap](http://www.zencodez.net/) [Gregg Gajic](https://github.com/gg) [Michael Cetrulo](http://www.linkedin.com/in/web2samus) [Robert Doucette](https://github.com/robbyrice) [lexadecimal.com](http://lexadecimal.com/) [Adam Diehm](http://twitter.com/atdiehm)
+[alrra](https://github.com/alrra) [Adeel Ejaz](http://adeelejaz.com/) [David Murdoch](http://www.vervestudios.co/) [Jonathan Fielding](https://github.com/jonathan-fielding) [Robert Ros](https://github.com/rros) [Rob Larsen](http://htmlcssjavascript.com/) [William Meleyal](http://meleyal.com/) [Bruno De Barros](http://terraduo.com/) [Mike Almond](http://mikealmond.com/) [Frank](https://github.com/thatcoolguy) [Joey Baker](http://byjoeybaker.com/) [Ben Word](http://benword.com/) [Mike Botsko](http://www.botsko.net/) [Carlos Rosquillas](https://github.com/disusered) [Todd H. Gardner](https://github.com/toddhgardner) [rdeknijf](https://github.com/rdeknijf) [John Attebury](https://github.com/johnattebury) [Calvin Rien](https://github.com/darktable) [Ryan Seddon](https://github.com/ryanseddon) [Dayle Rees](http://www.daylerees.com/) [Ryan Smith-Roberts](https://lab.net/) [Brian Blakely](https://github.com/brianblakely) [Steve Heffernan](http://www.steveheffernan.com) [Barney Carroll](http://barneycarroll.com/) [Osman Gormus](https://github.com/gormus) [Jason Tokoph](http://www.mozes.com/) [See Guo Lin](http://see.guol.in/) [Jeremey Hustman](http://www.ukontrol.com/) [James Williams](http://jameswilliams.be/blog) [John-Scott Atlakson](https://github.com/jsma) [stereobooster](https://github.com/stereobooster) [walker](http://walkerhamilton.com/) [François Robichet](http://www.francois.robichet.com/) [leobetosouza](http://leobetosouza.com/) [Matthew Donoughe](http://static.dyndns.org/~mdonoughe/) [Patrick Hall](http://lotsofwords.org/) [Andy Dawson](http://www.ad7six.com/) [Daniel Filho](http://danielfilho.info/blog/) [Clément](https://github.com/clemos) [Joe Morgan](https://github.com/JoeMorgan) [Han Lin Yap](http://www.zencodez.net/) [Gregg Gajic](https://github.com/gg) [Michael Cetrulo](http://www.linkedin.com/in/web2samus) [Robert Doucette](https://github.com/robbyrice) [lexadecimal.com](http://lexadecimal.com/) [Adam Diehm](http://twitter.com/atdiehm)
### v.1.0 : March 21st, 2011
@@ -170,7 +170,7 @@ request is shorter.
<li>Environments are definable.</li>
<li>htaccess Expires headers are upgraded to 1year, as the filenames are revved</li>
<li>Massive rewrite so you can define which HTML, CSS, and JS files to operate on in your configurable project.properties files. This allows you to let the build script operate on unique folder architectures (including non-H5BP projects).</li>
- <li>Added a source directory option in the build config, so your source files can be in a different directory from the final generated files. (Useful for other CMSes/frameworks like Django.) </li>
+ <li>Added a source directory option in the build config, so your source files can be in a different directory from the final generated files. (Useful for other CMSes/frameworks like Django.) </li>
</ul>
#### index.html
@@ -179,7 +179,7 @@ request is shorter.
<li>The order of <code>&lt;meta></code> tags, <code>&lt;title></code>, and <code>charset</code> has been <a href="https://github.com/paulirish/html5-boilerplate/wiki/The-markup">documented more extensively now</a>. TL;DR: You are <a href="https://github.com/paulirish/html5-boilerplate/commit/4b67ea5cabb8c2b75faf2e255344cdffdf190464">safe to use the boilerplate's order of tags</a>.</li>
<li>We've shortened up the Google Analytics snippet.</li>
<li>Added an ARIA <code>role</code> attribute to <code>div#main</code>. This assumes your main content goes within that container.</li>
- <li>IE9 doesn't get its own conditional class! Yay!</li>
+ <li>IE9 doesn't get its own conditional class! Yay!</li>
</ul>
#### style.css
@@ -194,14 +194,14 @@ request is shorter.
<li>Increased margin-left on <code>&lt;ol></code>, to allow for 2-digit list numbers.</li>
<li>Added a print reset on IE's proprietary filters.</li>
<li>Print styles no longer prints hash links or JavaScript links.</li>
- <li>Updated <code>&lt;sub></code>/<code>&lt;sup></code> CSS so that they're not impacted by <code>line-height</code>, so now you can do sub/superscripts without worrying.</li>
+ <li>Updated <code>&lt;sub></code>/<code>&lt;sup></code> CSS so that they're not impacted by <code>line-height</code>, so now you can do sub/superscripts without worrying.</li>
</ul>
#### Project
<ul>
<li>Added a <a href="http://humanstxt.org">humans.txt</a> so you can clarify authorship and tools used.</li>
<li>Removed YUI profiling. You probably weren't using it anyway.</li>
- <li>Removed QUnit's unit tests. There is no need to ship with them, really.</li>
+ <li>Removed QUnit's unit tests. There is no need to ship with them, really.</li>
</ul>
#### Webserver Configs
@@ -216,9 +216,9 @@ request is shorter.
<li>Eradicating Chrome's console warning on WOFF font downloads.</li>
<li>More optimizations available if you set the <code>.htaccess</code> details up in your <code>httpd.conf</code></li>
<li><code>.htaccess</code> now caches <code>.htc</code> files</li>
-
+
<li>Moved all server configurations (except Apache's <code>.htaccess</code>) over to <a href ="https://github.com/paulirish/html5-boilerplate-server-configs">the new html5-boilerplate-server-configs repo</a>. Head over there if you're not using Apache. </li>
-
+
<li>Updated <code>.htaccess</code> and <code>mime.types</code> for <code>ogg</code> formats.</li>
<li>Fixed regression where EOT fonts had been excluded from DEFLATE compression</li>
<li>Apache version independence: Use <code>mod_filter</code> for compression, with fallback to AddOutputFilterByType directive for legacy versions</li>
@@ -243,11 +243,11 @@ request is shorter.
<p>Basically a lot of great updates were made for 1.0. <a href="https://github.com/paulirish/html5-boilerplate/compare/v0.9.5...v1.0">Here are all 220 commits since last release.</a>. You may ask though, <a href="http://html5boilerplate.com/docs/#FAQs★do-i-need-to-upgrade-my-sites-to-a-new-version">do I need to upgrade existing sites</a>? Short answer: nah, you're good.</p>
#### Contributors
-[Mickael Daniel](http://blog.mklog.fr/), Dave Kirk, [Jonathan Verrecchia](http://www.html5-css3.fr/), [nlogax](https://github.com/nlogax), [Rob Larsen](http://htmlcssjavascript.com/),
-[David Murdoch](http://www.vervestudios.co/), [AD7six](http://www.ad7six.com/),
+[Mickael Daniel](http://blog.mklog.fr/), Dave Kirk, [Jonathan Verrecchia](http://www.html5-css3.fr/), [nlogax](https://github.com/nlogax), [Rob Larsen](http://htmlcssjavascript.com/),
+[David Murdoch](http://www.vervestudios.co/), [AD7six](http://www.ad7six.com/),
[Mathias Bynens](http://mathiasbynens.be/), [Michael van Laar](http://www.michael-van-laar.de/), [Mike West](http://mikewest.org/), [Mikko Tikkanen](http://www.mintusability.com/), [Velir](http://velir.com/), [Stephen Gariepy](http://garowetz.ca/)
-##### Boilerplate
+##### Boilerplate
[Adam J. McIntyre](http://www.amodernfable.com/), [Adeel Ejaz](http://adeelejaz.com/), akolesnikov, [Alex Dunae](http://dialect.ca/), [Andrew Le](http://andrewdle.com/), [ashnur](https://github.com/ashnur), [Ben Truyman](http://bentruyman.com/), [Bruno Aguirre](http://brunoaguirre.com/), [Chris Hager](http://metachris.org/), [Corey Ward](http://blog.coreyward.net/), [Craig Barnes](https://github.com/craigbarnes), crappish, [Daniel Schildt](http://autiomaa.org/), [Dave DeSandro](https://github.com/daveatnclud), [Dustin Whittle](http://dustinwhittle.com/), grigio, [Irakli Nadareishvili](http://freshblurbs.com/), [Jaime Bueza](http://jaime.bueza.com/), [Jake Ingman](https://github.com/jingman), [James A. Rosen](http://jamesarosen.com/), [Jeremy Balch](https://github.com/balchjd), [joe bartlett](http://twitter.com/jdbartlett), [Joe Sak](http://www.joesak.com/), [John Bacon](https://github.com/johnbacon)
[Jonathan Fielding](https://github.com/jonathan-fielding), [Jonathan Neal](http://iecss.com/), [kblomqvist](https://github.com/kblomqvist), [Kenneth Nordahl](http://nordahl.me/), [Maarten Verbaarschot](https://github.com/mverbaar), [Manuel Strehl](http://www.manuel-strehl.de/), [Marcel Turi](http://marcel.turi.co/), [Martin Hintzmann](https://github.com/Hintzmann), [mikealmond](https://github.com/mikealmond)
[mikkotikkanen](http://www.mintusability.com/), [Nic Pottier](https://github.com/nicpottier), [Paul Neave](http://www.neave.com/), [Peter Beverloo](http://peter.sh/), [Rick Waldron](http://weblog.bocoup.com/), [Rob Flaherty](http://www.ravelrumba.com/), [S Anand](http://www.s-anand.net/), [Sam Sherlock](http://samsherlock.com/), [Michael Cetrulo](http://www.linkedin.com/in/web2samus), [simshaun](https://github.com/simshaun), [Sirupsen](http://sirupsen.com/), [Stephen Gariepy](http://garowetz.ca/), [timemachine3030 ](https://github.com/timemachine3030), [Vinay](http://www.artminister.com/), [Weston Ruter](http://weston.ruter.net/), [WraithKenny](http://unfocus.com/), [Yann Mainier](http://yann.mainier.com/), [Michael van Laar](http://www.michael-van-laar.de/), [Massimo Lombardo](http://unwiredbrain.com/), [Ivan Nikolić ](http://twitter.com/niksy), [Kaelig](http://kaelig.fr/), [Richard Bradshaw](http://bradshawenterprises.com/), [SammyK](http://sammyk.me/), [alrra](https://github.com/alrra), [Rizky Syazuli](http://id.linkedin.com/in/rizky), [iszak](https://github.com/Iszak), [aaron peters](https://github.com/aaronpeters), [Swaroop C H](http://www.swaroopch.com/), [Mike Połtyn](http://mike.poltyn.com/), Marco d'Itri, Mike Lamb , [BIG Folio](http://bigfolio.com/), Philip von Bargen, Meander, Daniel Harttman, rse, timwillison, ken nordahl, [Erik Dahlström](http://my.opera.com/macdev_ed), christopherjacob, [Chew Choon Keat](http://blog.choonkeat.com/), benalman, stoyan, Markus, [Vladimir Carrer](http://www.vcarrer.com/), [aristidesfl](https://github.com/aristidesfl), [Trevor Norris](http://blog.trevorjnorris.com/) [Miloš Gavrilović](http://www.arvag.net/)
@@ -268,7 +268,7 @@ Major changes:
<ul>
<li>Removed <code>-webkit-font-smoothing: antialiased;</code> it makes monospace too thin.</li>
<li>IE conditional classes have moved from the <code>&lt;body&gt;</code> tag to the <code>&lt;html&gt;</code> tag ( #44 ).</li>
-<li>Dropped <code>text-rendering: <a href="http://www.aestheticallyloyal.com/public/optimize-legibility/">optimizeLegibility</a></code> as it breaks small-caps, looks odd on Linux machines, and goes invisible on WebOS.</li>
+<li>Dropped <code>text-rendering: <a href="http://www.aestheticallyloyal.com/public/optimize-legibility/">optimizeLegibility</a></code> as it breaks small-caps, looks odd on Linux machines, and goes invisible on WebOS.</li>
<li>Added a IE6 call for the minified <code>dd_belatedpng</code>.</li>
<li>Revised viewport declaration to allow user scaling and clear Webkit console errors ( #37 ).</li>
<li>Updated Modernizr to 1.6 </li>
@@ -293,8 +293,8 @@ Major changes:
* Removed scrollbar from <code>&lt;textarea></code>s in IE.
* Fixed <code>&lt;textarea></code> stylings and form field treatment for validity. Added default <code>background-color</code>.
* New robust clearfix solution without IE 5.5 hack ( #45 #126 ).
-* Margins for form-elements explicitly set to <code>0</code> as webkit adds 2px space around form elements' chrome.
-* Dropped <code>text-rendering: optimizeLegibility</code> as it breaks <code>small-caps</code> and looks odd on Linux machines.
+* Margins for form-elements explicitly set to <code>0</code> as webkit adds 2px space around form elements' chrome.
+* Dropped <code>text-rendering: optimizeLegibility</code> as it breaks <code>small-caps</code> and looks odd on Linux machines.
* Lists now have a left margin of <code>1.8em</code>. Default <code>list-style-type</code> for ordered list is <code>decimal</code>.
* Image Replacement now works with right-to-left text ( #68 ).
* Removed "Star Hack" for checkboxes in favor of <code>.ie7</code> selector.
@@ -331,7 +331,7 @@ Shi Chuan, Rob Larsen, Ivan Nikolić, Mikko Tikkanen, Velir, Paul Neave, Weston
* Corrected IE=edge,chromeframe enabling (As a result, the base HTML [does not validate](http://bit.ly/cGSSgr))
* ServerSideIncludes disabled by default.
* Apache config bugfixes
-* Conditional body tag class combined
+* Conditional body tag class combined
* dd_belatedPNG updated to 0.0.8. Redundant BackgroundImageCache fix removed.
[View full diff and commit history](http://github.com/paulirish/html5-boilerplate/compare/v0.9...v0.9.1)
@@ -356,7 +356,7 @@ Major components:
Everything else:
-* [The Unlicense](http://unlicense.org) (aka: public domain)
+* [The Unlicense](http://unlicense.org) (aka: public domain)
## Summary:
@@ -380,7 +380,7 @@ This is a set of files that a front-end developer can use to get started on a we
15. IE6 pngfix baked in.
16. jQuery, waiting for you
-## Releases
+## Releases
There are two releases: a documented release (which is exactly what you see here), and a "stripped" release (with most of the descriptive comments stripped out).
View
184 build/build.xml
@@ -1,4 +1,4 @@
-<?xml version="1.0"?>
+<?xml version="1.0"?>
<!DOCTYPE project>
<project name="Boilerplate Build" default="build" basedir="../"> <!-- one back since we're in build/ -->
@@ -10,7 +10,7 @@
<pathelement location="${basedir}/build/tools/ant-contrib-1.0b3.jar"/>
</classpath>
</taskdef>
-
+
<!-- load shell environment -->
<property environment="ENV" />
@@ -174,9 +174,9 @@
</target>
<target name="clean" depends="-clean"/>
-
-
-
+
+
+
<!-- JSLint target, run separately -->
<target name="jslint">
<apply dir="${dir.source}/${dir.js}" executable="java" parallel="false" failonerror="true">
@@ -185,17 +185,17 @@
<exclude name="**/*.min.js"/>
<exclude name="**/${dir.js.libs}/"/>
<exclude name="**/${dir.publish}/"/>
- </fileset>
+ </fileset>
<arg value="-jar" />
<arg path="./${dir.build.tools}/${tool.rhino}" />
<arg path="./${dir.build.tools}/${tool.jslint}" />
<srcfile/>
<arg value="${tool.jslint.opts}" />
- </apply>
+ </apply>
<echo>JSLint Successful</echo>
- </target>
-
-
+ </target>
+
+
<!-- JSHint target, run separately -->
<target name="jshint">
<apply dir="${dir.source}/${dir.js}" executable="java" parallel="false" failonerror="true">
@@ -204,16 +204,16 @@
<exclude name="**/*.min.js"/>
<exclude name="**/${dir.js.libs}/"/>
<exclude name="**/${dir.publish}/"/>
- </fileset>
+ </fileset>
<arg value="-jar" />
<arg path="./${dir.build.tools}/${tool.rhino}" />
<arg path="./${dir.build.tools}/${tool.jshint}" />
<srcfile/>
<arg value="${tool.jshint.opts}" />
- </apply>
+ </apply>
<echo>JSHint Successful</echo>
- </target>
-
+ </target>
+
<!-- CSSLint target, run separately -->
<target name="csslint">
<apply dir="${dir.source}/${dir.css}" executable="java" parallel="false" failonerror="true">
@@ -221,7 +221,7 @@
<include name="**/${dir.css}/*.css"/>
<exclude name="**/*.min.css"/>
<exclude name="**/${dir.publish}/"/>
- </fileset>
+ </fileset>
<arg value="-jar" />
<arg path="./${dir.build.tools}/${tool.rhino}" />
<arg path="./${dir.build.tools}/${tool.csslint}" />
@@ -230,7 +230,7 @@
</apply>
<echo>CSSLint Successful</echo>
</target>
-
+
<!--
*************************************************
* BUILD TARGETS *
@@ -403,18 +403,18 @@
* FUNCTION TARGETS *
*************************************************
-->
-
+
<target name="-clean" description="(PRIVATE) Wipe the previous build (Deletes the dir.publish directory">
- <!-- This is a private target -->
+ <!-- This is a private target -->
<echo message="Cleaning up previous build directory..."/>
<delete dir="./${dir.intermediate}/"/>
<delete dir="./${dir.publish}/"/>
</target>
-
-
+
+
<target name="-rev" description="(PRIVATE) Increase the current build number by one and set build date">
<!-- This is a private target -->
-
+
<echo message="====================================================================="/>
<echo message="Welcome to the HTML5 Boilerplate Build Script!"/>
<echo message=" "/>
@@ -427,20 +427,20 @@
<echo message="====================================================================="/>
<echo message=" "/>
<echo message=" "/>
-
+
</target>
-
+
<target name="-mkdirs">
<if>
<or>
- <equals arg1="${dir.publish}" arg2="."/>
- <equals arg1="${dir.publish}" arg2=".."/>
- <equals arg1="${dir.publish}" arg2="/"/>
- <equals arg1="${dir.publish}" arg2="./"/>
- <equals arg1="${dir.publish}" arg2="../"/>
+ <equals arg1="${dir.publish}" arg2="."/>
+ <equals arg1="${dir.publish}" arg2=".."/>
+ <equals arg1="${dir.publish}" arg2="/"/>
+ <equals arg1="${dir.publish}" arg2="./"/>
+ <equals arg1="${dir.publish}" arg2="../"/>
</or>
<then>
- <fail message="Your dir.publish folder is set to ${dir.publish} which could delete your entire site or worse. Change it in project.properties"/>
+ <fail message="Your dir.publish folder is set to ${dir.publish} which could delete your entire site or worse. Change it in project.properties"/>
</then>
<else>
<echo message="Creating directory structure... ${dir.publish}"/>
@@ -456,14 +456,14 @@
<fileset dir="${dir.source}/" excludes="${file.default.exclude}, ${file.exclude}">
<type type="dir"/>
</fileset>
- </copy>
+ </copy>
</else>
- </if>
+ </if>
</target>
-
+
<target name="-copy" depends="-mkdirs">
<!-- This is a private target -->
-
+
<echo message="Copying over new files..."/>
<copy todir="./${dir.publish}">
@@ -475,10 +475,10 @@
<exclude name="${file.manifest}"/>
</fileset>
</copy>
-
+
<echo message="A copy of all non-dev files are now in: ./${dir.publish}."/>
</target>
-
+
<!-- JAVASCRIPT -->
<target name="-js.main.concat" depends="-js.all.minify" description="(PRIVATE) Concatenates the JS files in dir.js">
<echo message="Concatenating Main JS scripts..."/>
@@ -487,10 +487,10 @@
<fileset dir="./${dir.intermediate}/">
<include name="${dir.js.main}/plugins.js"/>
<include name="${dir.js.main}/script.js"/>
- </fileset>
+ </fileset>
</concat>
</target>
-
+
<target name="-js.mylibs.concat" depends="-js.all.minify" description="(PRIVATE) Concatenates the JS files in dir.js.mylibs">
<mkdir dir="./${dir.intermediate}/${dir.js.mylibs}"/>
@@ -498,13 +498,13 @@
<!-- overwrite=no here means not to overwrite if the target is newer than the sources -->
<concat destfile="./${dir.intermediate}/${dir.js}/mylibs-concat.js" overwrite="no">
<fileset dir="./${dir.intermediate}/${dir.js.mylibs}/"
- includes="**/*.js"
- excludes="${file.js.bypass}"/>
-
+ includes="**/*.js"
+ excludes="${file.js.bypass}"/>
+
</concat>
</target>
-
-
+
+
<target name="-js.scripts.concat" depends="-js.main.concat,-js.mylibs.concat" if="build.concat.scripts">
<echo message="Concatenating library file with main script file"/>
<!-- overwrite=no here means not to overwrite if the target is newer than the sources -->
@@ -512,7 +512,7 @@
<fileset dir="./${dir.intermediate}/${dir.js}/">
<include name="mylibs-concat.js"/>
<include name="scripts-concat.js"/>
- </fileset>
+ </fileset>
</concat>
<checksum file="${dir.intermediate}/${dir.js}/scripts-concat.min.js" algorithm="sha" property="scripts.sha" />
@@ -527,8 +527,8 @@
</if>
<copy file="${dir.intermediate}/${dir.js}/scripts-concat.min.js" tofile="${dir.publish}/${dir.js}/${scripts.sha}.js" />
</target>
-
-
+
+
<target name="-js.all.minify" depends="-mkdirs" description="(PRIVATE) Minifies the scripts.js files created by js.scripts.concat">
<echo message="Minifying scripts"/>
<copy todir="${dir.intermediate}/">
@@ -560,15 +560,15 @@
<exclude name="${dir.js}/scripts-concat.min.js"/>
<exclude name="${dir.js}/plugins.js"/>
<exclude name="${dir.js}/script.js"/>
- </fileset>
+ </fileset>
</copy>
<copy todir="${dir.publish}/${dir.js.mylibs}/">
<fileset dir="${dir.source}/${dir.js.mylibs}/"
- includes="${file.js.bypass}"/>
+ includes="${file.js.bypass}"/>
</copy>
</target>
-
-
+
+
<!-- HTML -->
<target name="-usemin" depends="-js.scripts.concat,-css" description="(PRIVATE) Replaces references to non-minified scripts">
<echo message="Switching to minified js files..."/>
@@ -597,13 +597,13 @@
<!-- switch any google CDN reference to minified -->
<replaceregexp match="(\d|\d(\.\d)+)\/jquery\.js" replace="\1/jquery.min.js" flags="g">
<fileset dir="./${dir.intermediate}" includes="${page-files}"/>
- </replaceregexp>
+ </replaceregexp>
<echo>Kill off those versioning flags: ?v=2</echo>
<replaceregexp match='\?v=\d+">' replace='">' flags="g">
<fileset dir="./${dir.intermediate}" includes="${page-files}"/>
</replaceregexp>
-
+
<echo>Remove favicon.ico reference if it is pointing to the root</echo>
<replaceregexp match="&lt;link rel=[&quot;']shortcut icon[&quot;'] href=[&quot;']/favicon\.ico[&quot;']&gt;" replace="">
<fileset dir="${dir.intermediate}" includes="${page-files}"/>
@@ -628,8 +628,8 @@
</replaceregexp>
</target>
-
-
+
+
<target name="-manifest" depends="-usemin">
<if>
<isset property="file.manifest" />
@@ -638,7 +638,7 @@
<delete file="${dir.intermediate}/${file.manifest}"/>
<copy file="${dir.build}/config/${file.manifest}" tofile="${dir.intermediate}/${file.manifest}" />
-
+
<echo message="manifest creation" />
<!-- update version -->
@@ -655,7 +655,7 @@
<replaceregexp match="# html files" replace="# html files${line.separator}@{file}" file="${dir.intermediate}/${file.manifest}" />
</sequential>
</for>
-
+
<!-- add stylesheet files -->
<echo message="Updating the site.manifest with the new css filename: ${style.css}"/>
<replace token="# css files" value="# css files${line.separator}${style.css}" file="${dir.intermediate}/${file.manifest}" />
@@ -683,22 +683,22 @@
</sequential>
</for>
<replace token="# js files" value="# js files${line.separator}${scripts.js}" file="${dir.intermediate}/${file.manifest}" />
-
+
<echo message="copying ${file.manifest} to /${dir.publish}"/>
<copy file="${dir.intermediate}/${file.manifest}" tofile="${dir.publish}/${file.manifest}" />
-
+
<echo>Add manifest attribute to HTML: </echo>
<replaceregexp match="&lt;html (.*?)>\s*?&lt;!--&lt;!\[endif" replace='&lt;html \1 manifest="${file.manifest}"> &lt;!--&lt;![endif' flags="g">
<fileset dir="./${dir.intermediate}" includes="${page-files}"/>
</replaceregexp>
-
+
</then>
<else>
<echo message="no manifest.appcache generated!" />
</else>
</if>
</target>
-
+
<target name="-htmlclean" depends="-usemin">
<echo message="Run htmlcompressor on the HTML"/>
<echo message=" - maintaining whitespace"/>
@@ -720,8 +720,8 @@
<targetfile/>
</apply>
</target>
-
-
+
+
<target name="-htmlbuildkit" depends="-usemin">
<echo message="Run htmlcompressor on the HTML"/>
<echo message=" - maintaining whitespace"/>
@@ -743,8 +743,8 @@
<targetfile/>
</apply>
</target>
-
-
+
+
<target name="-htmlcompress" depends="-usemin">
<echo message="Run htmlcompressor on the HTML"/>
<echo message=" - removing unnecessary whitespace"/>
@@ -773,20 +773,20 @@
<echo>Removing ${css_file} from html</echo>
<replaceregexp match="&lt;link.+href=&quot;.*${css_file}&quot;.*&gt;" replace=" ">
<fileset dir="${dir.intermediate}" includes="${page-files}"/>
- </replaceregexp>
+ </replaceregexp>
</target>
-
+
<target name="css-split" description="turns style.css into multiple files @imported together">
<copy file="${dir.source}/${dir.css}/${file.root.stylesheet}" tofile="${dir.source}/${dir.css}/${file.root.stylesheet}.temp"/>
-
- <replaceregexp file="${dir.source}/${dir.css}/${file.root.stylesheet}.temp"
- match=".*"
+
+ <replaceregexp file="${dir.source}/${dir.css}/${file.root.stylesheet}.temp"
+ match=".*"
replace="/* remove me */" flags="s" />
-
+
<loadfile property="root" srcfile="${dir.source}/${dir.css}/${file.root.stylesheet}"/>
<var name="curr.buffer" value=""/>
-
+
<for delimiter="${line.separator}" param="currline" list="${root}">
<sequential>
<!-- does this line contain an h5bp-import? -->
@@ -795,18 +795,18 @@
<isset property="export.name"/>
<then>
<propertyregex property="export.name" input="${export.name}" regexp=" " replace="." global="true" override="true" />
- <var name="export.name" value="${export.name}.css"/>
-
+ <var name="export.name" value="${export.name}.css"/>
+
<if>
<isset property="curr.file"/>
<then>
<!-- create curr.file -->
<copy file="${dir.source}/${dir.css}/${file.root.stylesheet}" tofile="${dir.source}/${dir.css}/${curr.file}" overwrite="true"/>
<!-- write the curr.buffer into the curr.file -->
- <replaceregexp file="${dir.source}/${dir.css}/${curr.file}"
- match=".*"
+ <replaceregexp file="${dir.source}/${dir.css}/${curr.file}"
+ match=".*"
replace="${curr.buffer}" flags="s" />
-
+
<var name="curr.buffer" value=""/>
<var name="curr.file" unset="true"/>
</then>
@@ -818,7 +818,7 @@
<replace file="${dir.source}/${dir.css}/${file.root.stylesheet}.temp" token="/* remove me */" value="@import url(${curr.file});${line.separator}/* remove me */"/>
</then>
</if>
- <var name="curr.buffer" value="${curr.buffer}@{currline}${line.separator}" />
+ <var name="curr.buffer" value="${curr.buffer}@{currline}${line.separator}" />
</sequential>
</for>
<!-- one more time to write out the last file -->
@@ -828,10 +828,10 @@
<!-- create curr.file -->
<copy file="${dir.source}/${dir.css}/${file.root.stylesheet}" tofile="${dir.source}/${dir.css}/${curr.file}" overwrite="true"/>
<!-- write the curr.buffer into the curr.file -->
- <replaceregexp file="${dir.source}/${dir.css}/${curr.file}"
- match=".*"
+ <replaceregexp file="${dir.source}/${dir.css}/${curr.file}"
+ match=".*"
replace="${curr.buffer}" flags="s" />
-
+
<var name="curr.buffer" value=""/>
<var name="curr.file" unset="true"/>
</then>
@@ -840,7 +840,7 @@
<copy file="${dir.source}/${dir.css}/${file.root.stylesheet}" tofile="${dir.source}/${dir.css}/${file.root.stylesheet}.orig" overwrite="false"/>
<move file="${dir.source}/${dir.css}/${file.root.stylesheet}.temp" tofile="${dir.source}/${dir.css}/${file.root.stylesheet}" overwrite="false"/>
</target>
-
+
<target name="-css" depends="-mkdirs" description="Concatenates and Minifies any stylesheets listed in the file.stylesheets property">
<echo message="Concatenating any @imports..."/>
@@ -848,12 +848,12 @@
<copy file="${dir.source}/${dir.css}/${file.root.stylesheet}" tofile="${dir.intermediate}/${dir.css}/${file.root.stylesheet}"/>
<!-- replace imports with h5bp-import tags (part 1) this one wraps @media types -->
- <replaceregexp file="${dir.intermediate}/${dir.css}/${file.root.stylesheet}"
+ <replaceregexp file="${dir.intermediate}/${dir.css}/${file.root.stylesheet}"
match="^@import\s+(?:url\s*\(\s*['&quot;]?|['&quot;])((?!http:|https:|ftp:|\/\/)[^&quot;^'^\s]+)(?:['&quot;]?\s*\)|['&quot;])\s*([\w\s,\-]*);.*$"
replace="@media \2{ /* h5bp-import: \1 */ }" byline="true" />
-
+
<!-- replace imports with h5bp-import tags (part 2) -->
- <replaceregexp file="${dir.intermediate}/${dir.css}/${file.root.stylesheet}"
+ <replaceregexp file="${dir.intermediate}/${dir.css}/${file.root.stylesheet}"
match="^@media \{ (/\* .* \*/) \}" replace="\1" byline="true" />
<!-- copy skeleton to concat file -->
@@ -888,7 +888,7 @@
</sequential>
</for>
<echo message="Minifying css..."/>
-
+
<apply executable="java" parallel="false">
<fileset dir="${dir.intermediate}/${dir.css}/" includes="style-concat.css"/>
<arg line="-jar"/>
@@ -922,19 +922,19 @@
<mapper type="glob" from="*.css" to="${basedir}/${dir.publish}/${dir.css}/*.css"/>
<targetfile/>
</apply>
- <foreach list="${file.stylesheets}" param="css_file" target="-css-remove-concatenated-stylesheets" />
+ <foreach list="${file.stylesheets}" param="css_file" target="-css-remove-concatenated-stylesheets" />
</target>
-
-
+
+
<!-- IMAGES -->
<target name="-imagespng" depends="-mkdirs" description="(PRIVATE) Optimizes .png images using optipng">
<echo message="Optimizing images..."/>
<echo message="This part might take a while. But everything else is already done."/>
<echo message=" "/>
-
-
+
+
<echo message="First, we run optipng on the .png files..."/>
-
+
<!-- osfamily=unix is actually true on OS X as well -->
<!-- On *nix's and OS X, check for optipng and give a helpful message if it's not installed -->
<if>
@@ -1050,7 +1050,7 @@
<copy todir="./${dir.publish}/${dir.images}">
<fileset dir="${dir.source}/${dir.images}" includes="**/*.jpg, **/*.png"/>
- </copy>
+ </copy>
</target>
-
+
</project>
View
4 build/config/default.properties
@@ -62,7 +62,7 @@ file.root.stylesheet = style.css
#
# Default Stylesheet
#
-file.default.stylesheets =
+file.default.stylesheets =
#
# Script Optimisation
@@ -102,4 +102,4 @@ tool.csslint = csslint-rhino.js
# Default Lint Utils Options
tool.jshint.opts = maxerr=25,eqeqeq=true
tool.jslint.opts = maxerr=25,evil=true,browser=true,eqeqeq=true,immed=true,newcap=true,nomen=true,es5=true,rhino=true,undef=true,white=false,devel=true
-tool.csslint.opts =
+tool.csslint.opts =
View
8 build/config/project.properties
@@ -46,7 +46,7 @@ file.exclude =
# Note: you cannot declare an empty file.bypass property, it would exclude the entire mylibs folder
# Example:
# file.js.bypass = widgets.js, gadgets.js, gidgets.js
-# file.js.bypass =
+# file.js.bypass =
# Specify an environment to build
@@ -82,10 +82,10 @@ env =
# gae.js_dir = /js
# Override default JSHint Options (see http://jshint.com/ for description of options)
-#tool.jshint.opts =
+#tool.jshint.opts =
# Override default JSLint Options (see http://www.jslint.com/lint.html for description of options)
-#tool.jslint.opts =
+#tool.jslint.opts =
# Override default CSSLint Options (see http://csslint.net/about.html#settings for description of options)
-#tool.csslint.opts =
+#tool.csslint.opts =
View
14 crossdomain.xml
@@ -1,15 +1,15 @@
<?xml version="1.0"?>
<!DOCTYPE cross-domain-policy SYSTEM "http://www.adobe.com/xml/dtds/cross-domain-policy.dtd">
<cross-domain-policy>
-
-
+
+
<!-- Read this: www.adobe.com/devnet/articles/crossdomain_policy_file_spec.html -->
<!-- Most restrictive policy: -->
<site-control permitted-cross-domain-policies="none"/>
-
-
-
+
+
+
<!-- Least restrictive policy: -->
<!--
<site-control permitted-cross-domain-policies="all"/>
@@ -17,8 +17,8 @@
<allow-http-request-headers-from domain="*" headers="*" secure="false"/>
-->
<!--
- If you host a crossdomain.xml file with allow-access-from domain="*"
- and don’t understand all of the points described here, you probably
+ If you host a crossdomain.xml file with allow-access-from domain="*"
+ and don’t understand all of the points described here, you probably
have a nasty security vulnerability. ~ simon willison
-->
View
32 css/style.css
@@ -1,12 +1,12 @@
-/*
+/*
* HTML5 ✰ Boilerplate
*
- * What follows is the result of much research on cross-browser styling.
+ * What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
* Kroc Camen, and the H5BP dev community and team.
*
* Detailed information about this CSS: h5bp.com/css
- *
+ *
* ==|== normalize ==========================================================
*/
@@ -37,7 +37,7 @@ body { margin: 0; font-size: 13px; line-height: 1.231; }
body, button, input, select, textarea { font-family: sans-serif; color: #222; }
-/*
+/*
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection declarations have to be separate
* Also: hot pink! (or customize the background color to match your design)
@@ -110,13 +110,13 @@ nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0
/*
* 1. Improve image quality when scaled in IE7: h5bp.com/d
- * 2. Remove the gap between images and borders on image containers: h5bp.com/e
+ * 2. Remove the gap between images and borders on image containers: h5bp.com/e
*/
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
/*
- * Correct overflow not hidden in IE9
+ * Correct overflow not hidden in IE9
*/
svg:not(:root) { overflow: hidden; }
@@ -139,9 +139,9 @@ fieldset { border: 0; margin: 0; padding: 0; }
/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }
-/*
- * 1. Correct color not inheriting in IE6/7/8/9
- * 2. Correct alignment displayed oddly in IE6/7
+/*
+ * 1. Correct color not inheriting in IE6/7/8/9
+ * 2. Correct alignment displayed oddly in IE6/7
*/
legend { border: 0; *margin-left: -7px; padding: 0; }
@@ -182,14 +182,14 @@ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
-/*
- * Remove inner padding and border in FF3/4: h5bp.com/l
+/*
+ * Remove inner padding and border in FF3/4: h5bp.com/l
*/
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
-/*
- * 1. Remove default vertical scrollbar in IE6/7/8/9
+/*
+ * 1. Remove default vertical scrollbar in IE6/7/8/9
* 2. Allow only vertical resizing
*/
@@ -209,7 +209,7 @@ td { vertical-align: top; }
/* ==|== primary styles =====================================================
- Author:
+ Author:
========================================================================== */
@@ -247,7 +247,7 @@ td { vertical-align: top; }
/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }
-/* Contain floats: h5bp.com/q */
+/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
@@ -276,7 +276,7 @@ td { vertical-align: top; }
Print styles.
Inlined to avoid required HTTP connection: h5bp.com/r
========================================================================== */
-
+
@media print {
* { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
a, a:visited { text-decoration: underline; }
View
218 demo/elements.html
@@ -1,4 +1,4 @@
-<!doctype html>
+<!doctype html>
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
<!--[if IE 7]> <html class="no-js ie7 oldie" lang="en"> <![endif]-->
@@ -7,7 +7,7 @@
<head>
<meta charset="utf-8">
- <!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame
+ <!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame
Remove this if you use the .htaccess -->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
@@ -44,20 +44,20 @@
<div id="container">
- <!--
- demo content lovingly lifted from the azbuka project
- http://code.google.com/p/azbuka/
-
+ <!--
+ demo content lovingly lifted from the azbuka project
+ http://code.google.com/p/azbuka/
+
and the bluetrip project
- http://bluetrip.org/
-
+ http://bluetrip.org/
+
and the normalize.css project
http://github.com/necolas/normalize.css
and peter beverloo
http://peter.sh/examples/?/html/meter-progress.html
-->
-
+
<header>
<hgroup>
<h1>Grouped Heading 1</h1>
@@ -71,7 +71,7 @@
</ul>
</nav>
</header>
-
+
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
@@ -80,7 +80,7 @@
<h6>Heading 6</h6>
<section>
- <h1>Section Heading 1</h1>
+ <h1>Section Heading 1</h1>
<article>
<h4>Article Heading 2</h4>
<address>Address: somewhere, world</address>
@@ -88,7 +88,7 @@
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m.</p>
</article>
</section>
-
+
<h1>Text-level semantics</h1>
<p>
@@ -119,22 +119,22 @@
</p>
<h1>Embedded content</h1>
-
+
<h3>img</h3>
<img src="http://placekitten.com/100/100" alt="">
<a href="#"><img src="http://placekitten.com/100/100" alt=""></a>
<h3>svg</h3>
-
+
<svg style="width:100px; height:100px;"><circle cx="100" cy="100" r="100" fill="#ff0000"></svg>
<h1>Grouping content</h1>
-
+
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m.</p>
-
+
<h3>pre</h3>
-
+
<pre>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et me.</pre>
<pre><code>&lt;html>
@@ -143,18 +143,18 @@
&lt;body>
&lt;div class="main"> &lt;div>
&lt;/body>
-&lt;/html></code></pre>
-
+ &lt;/html></code></pre>
+
<h3>blockquote</h3>
-
+
<blockquote>
<p>Some sort of famous witty quote marked up with a &lt;blockquote> and a child &lt;p> element.</p>
</blockquote>
-
+
<blockquote>Even better philosophical quote marked up with just a &lt;blockquote> element.</blockquote>
-
+
<h3>ordered list</h3>
-
+
<ol>
<li>list item 1</li>
<li>list item 1
@@ -173,9 +173,9 @@
<li>list item 1</li>
<li>list item 1</li>
</ol>
-
+
<h3>unordered list</h3>
-
+
<ul>
<li>list item 1</li>
<li>list item 1
@@ -194,9 +194,9 @@
<li>list item 1</li>
<li>list item 1</li>
</ul>
-
+
<h3>description list</h3>
-
+
<dl>
<dt>Description name</dt>
<dd>Description value</dd>
@@ -207,9 +207,9 @@
<dt>Description name</dt>
<dd>Description value</dd>
</dl>
-
+
<h3>figure</h3>
-
+
<figure>
<img src="http://placekitten.com/400/200" alt="">
<figcaption>Figcaption content</figcaption>
@@ -260,7 +260,7 @@
</table>
<h1>Forms</h1>
-
+
<form>
<fieldset>
<legend>Inputs as descendents of labels (form legend)</legend>
@@ -273,16 +273,16 @@
<p><label>URL input <input type="url" placeholder="http://"></label></p>
<p><label>Password input <input type="password" value="password"></label></p>
<p><label>File input <input type="file"></label></p>
-
+
<p><label>Radio input <input type="radio" name="rad"></label></p>
<p><label>Checkbox input <input type="checkbox"></label></p>
<p><label><input type="radio" name="rad"> Radio input</label></p>
<p><label><input type="checkbox"> Checkbox input</label></p>
-
+
<p><label>Select field <select><option>Option 01</option><option>Option 02</option></select></label></p>
<p><label>Textarea <textarea cols="30" rows="5" >Textarea text</textarea></label></p>
</fieldset>
-
+
<fieldset>
<legend>Inputs as siblings of labels</legend>
<p><label for="ic">Color input</label> <input type="color" id="ic"></p>
@@ -298,11 +298,11 @@
<p><label for="icb">Checkbox input</label> <input type="checkbox" id="icb"></p>
<p><input type="radio" id="irb2" name="rad"> <label for="irb2">Radio input</label></p>
<p><input type="checkbox" id="icb2"> <label for="icb2">Checkbox input</label></p>
-
+
<p><label for="s">Select field</label> <select id="s"><option>Option 01</option><option>Option 02</option></select></p>
<p><label for="t">Textarea</label> <textarea id="t" cols="30" rows="5" >Textarea text</textarea></p>
</fieldset>
-
+
<fieldset>
<legend>Clickable inputs and buttons</legend>
<p><input type="image" src="http://placekitten.com/90/24" alt="Image (input)"></p>
@@ -314,7 +314,7 @@
<p><button type="button">Button (button)</button></p>
<p><button type="submit">Submit (button)</button></p>
</fieldset>
-
+
<fieldset id="boxsize">
<legend>box-sizing tests</legend>
<div><input type="text" value="text"></div>
@@ -331,13 +331,13 @@
<div><input type="week"></div>
<div><input type="datetime"></div>
<div><input type="datetime-local"></div>
-
+
<div><input type="radio"></div>
<div><input type="checkbox"></div>
-
+
<div><select><option>Option 01</option><option>Option 02</option></select></div>
<div><textarea cols="30" rows="5" >Textarea text</textarea></div>
-
+
<div><input type="image" src="http://placehold.it/90x24" alt="Image (input)"></div>
<div><input type="reset" value="Reset (input)"></div>
<div><input type="button" value="Button (input)"></div>
@@ -351,75 +351,75 @@
<!-- thx peter beverloo: http://peter.sh/examples/?/html/meter-progress.html -->
- <p id="no-support" style="color: red; margin-bottom: 12px;">
- Your browser does not support these elements yet! Consider downloading a <a href="http://tools.peter.sh/download-latest-chromium.php">Chromium Nightly</a>.<br />
- </p>
-
+ <p id="no-support" style="color: red; margin-bottom: 12px;">
+ Your browser does not support these elements yet! Consider downloading a <a href="http://tools.peter.sh/download-latest-chromium.php">Chromium Nightly</a>.<br />
+ </p>
+
<h1>&lt;progress&gt;</h1>
-
- <p>
+
+ <p>
The progress element (spec: <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-button-element.html#the-progress-element">4.10.16</a>) represents the completion progress of a task and can be both indeterminate as determinate.
- </p>
- <ul class="compact">
- <li>
- <label>Indeterminate</label>
- <progress max="100"></progress>
- </li>
- <li>
- <label>Progress: 0%</label>
- <progress max="10" value="0"></progress>
- </li>
- <li>
- <label>Progress: 100%</label>
- <progress max="3254" value="3254"></progress>
- </li>
- <li>
- <label>Progress: 57%</label>
- <progress max="0.7" value="0.4"></progress>
- </li>
- <li>
- <label>Javascript</label>
- <progress id="progress-javascript-example"></progress>
- </li>
- </ul>
-
+ </p>
+ <ul class="compact">
+ <li>
+ <label>Indeterminate</label>
+ <progress max="100"></progress>
+ </li>
+ <li>
+ <label>Progress: 0%</label>
+ <progress max="10" value="0"></progress>
+ </li>
+ <li>
+ <label>Progress: 100%</label>
+ <progress max="3254" value="3254"></progress>
+ </li>
+ <li>
+ <label>Progress: 57%</label>
+ <progress max="0.7" value="0.4"></progress>
+ </li>
+ <li>
+ <label>Javascript</label>
+ <progress id="progress-javascript-example"></progress>
+ </li>
+ </ul>
+
<h1>&lt;meter&gt;</h1>
- <p>
+ <p>
Displaying a scalar measurement within a known range, like hard drive usage, can be done using the meter element (spec: <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-button-element.html#the-meter-element">4.10.17</a>)
- </p>
- <ul class="compact">
- <li>
- <label>Meter: empty</label>
- <meter value="0"></meter>
- </li>
- <li>
- <label>Meter: full</label>
- <meter value="1"></meter>
- </li>
- <li>
- <label>Meter: "a bit"</label>
- <meter min=".34" max=".41" value=".36"></meter>
- </li>
- <li>
- <label>Preferred usage</label>
- <meter min="50" max="250" low="100" high="200" value="120"></meter>
- </li>
- <li>
- <label>Too much traffic</label>
- <meter min="1024" max="10240" low="2048" high="8192" value="9216"></meter>
- </li>
- <li>
- <label>Optimum value</label>
- <meter value=".5" optimum=".8"></meter>
- </li>
- <li>
- <label>Javascript</label>
- <meter id="meter-javascript-example" value="0"></meter>
- </li>
- </ul>
-
- <script>
+ </p>
+ <ul class="compact">
+ <li>
+ <label>Meter: empty</label>
+ <meter value="0"></meter>
+ </li>
+ <li>
+ <label>Meter: full</label>
+ <meter value="1"></meter>
+ </li>
+ <li>
+ <label>Meter: "a bit"</label>
+ <meter min=".34" max=".41" value=".36"></meter>
+ </li>
+ <li>
+ <label>Preferred usage</label>
+ <meter min="50" max="250" low="100" high="200" value="120"></meter>
+ </li>
+ <li>
+ <label>Too much traffic</label>
+ <meter min="1024" max="10240" low="2048" high="8192" value="9216"></meter>
+ </li>
+ <li>
+ <label>Optimum value</label>
+ <meter value=".5" optimum=".8"></meter>
+ </li>
+ <li>
+ <label>Javascript</label>
+ <meter id="meter-javascript-example" value="0"></meter>
+ </li>
+ </ul>
+
+ <script>
(function () {
if (! ("position" in document.createElement ("progress"))) {
var elements = document.querySelectorAll ("meter, progress");
@@ -431,18 +431,18 @@
}
return ;
}
-
+
document.getElementById ("no-support").style.display = "none";
-
+
/** Setup the <progress> JavaScript example **/
var progressExample = document.getElementById ("progress-javascript-example");
progressExample.min = 50;
progressExample.max = 122;
-
+
setInterval (function () {
progressExample.value = progressExample.min + Math.random () * (progressExample.max - progressExample.min);
}, 1000);
-
+
/** We'd like some fancy <meter> examples too **/
var meterExample = document.getElementById ("meter-javascript-example");
meterExample.min = 0;
@@ -451,7 +451,7 @@
meterExample.low = 20;
meterExample.high = 80;
meterExample.optimum = 65;
-
+
setInterval (function () {
meterExample.value = meterExample.min + Math.random () * (meterExample.max - meterExample.min);
meterExample.optimum = 65 + (5 - Math.random () * 10);
@@ -467,7 +467,7 @@
<!-- Grab Google CDN's jQuery, with a protocol relative URL; fall back to local if necessary -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="../js/libs/jquery-1.6.2.min.js"><\/script>')</script>
-
+
<!-- scripts concatenated and minified via ant build script-->
<script defer src="../js/plugins.js"></script>
<script defer src="../js/script.js"></script>
View
25 demo/hack.css
@@ -1,6 +1,6 @@
-/*
+/*
style.css contains a reset, font normalization and some base styles.
-
+
credit is left where credit is due.
additionally, much inspiration was taken from these projects:
yui.yahooapis.com/2.8.1/build/base/base.css
@@ -8,7 +8,7 @@
praegnanz.de/weblog/htmlcssjs-kickstart
*/
-/*
+/*
html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark
html5doctor.com/html-5-reset-stylesheet/
@@ -23,7 +23,7 @@ b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
-article, aside, canvas, details, figcaption, figure,
+article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
@@ -33,11 +33,11 @@ time, mark, audio, video {
font-size:100%;
vertical-align:baseline;
background:transparent;
-}
+}
article, aside, details, figcaption, figure,
-footer, header, hgroup, menu, nav, section {
- display:block;
+footer, header, hgroup, menu, nav, section {
+ display:block;
}
nav ul { list-style:none; }
@@ -69,17 +69,16 @@ input, select { vertical-align:middle; }
/* fonts.css from the YUI Library: developer.yahoo.com/yui/
Please refer to developer.yahoo.com/yui/fonts/ for font sizing percentages
- There are three custom edits:
- * remove arial, helvetica from explicit font stack
- * we normalize monospace styles ourselves
- * table font-size is reset in the HTML5 reset above so there is no need to repeat
+ There are three custom edits:
+ * remove arial, helvetica from explicit font stack
+ * we normalize monospace styles ourselves
+ * table font-size is reset in the HTML5 reset above so there is no need to repeat
*/
body { font:13px/1.231 sans-serif; *font-size:small; } /* hack retained to preserve specificity */
select, input, textarea, button { font:99% sans-serif; }
-/* normalize monospace sizing
+/* normalize monospace sizing
* en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome
*/
pre, code, kbd, samp { font-family: monospace, sans-serif; }
-
View
58 demo/hack2.css
@@ -1,33 +1,33 @@
body { font:13px/1.231 sans-serif; *font-size:small; } /* hack retained to preserve specificity */
- body, select, input, textarea {
- /* #444 looks better than black: twitter.com/H_FJ/statuses/11800719859 */
- color: #444;
- /* set your base font here, to apply evenly
- /* font-family: Georgia, serif; */
- }
-
- /* Headers (h1,h2,etc) have no default font-size or margin,
- you'll want to define those yourself. */
- h1,h2,h3,h4,h5,h6 { font-weight: bold; }
- h1 { font-size: 2em; }
- select, input, textarea, button { font:99% sans-serif; }
-
- /* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
- a:hover, a:active { outline: none; }
-
- .current { background: #ccc; }
- header span { padding: 0.2em 0.5em; display: inline-block; }
- dd, h1, body, html { margin: 0;}
-
-
- a, a:active, a:visited { color: #607890; }
- a:hover { color: #036; }
- .wrapper {width:200px; border:1px solid red;}
-
- dl {margin:0 auto; width:900px;}
- dt {background-color:#ccc; margin-bottom:20px; cursor:pointer; cursor:hand; padding:5px; font-weight:bold; }
- dd {margin-bottom:30px;}
-
+body, select, input, textarea {
+ /* #444 looks better than black: twitter.com/H_FJ/statuses/11800719859 */
+ color: #444;
+ /* set your base font here, to apply evenly */
+ /* font-family: Georgia, serif; */
+}
+
+/* Headers (h1,h2,etc) have no default font-size or margin,
+ you'll want to define those yourself. */
+h1,h2,h3,h4,h5,h6 { font-weight: bold; }
+h1 { font-size: 2em; }
+select, input, textarea, button { font:99% sans-serif; }
+
+/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
+a:hover, a:active { outline: none; }
+
+.current { background: #ccc; }
+header span { padding: 0.2em 0.5em; display: inline-block; }
+dd, h1, body, html { margin: 0;}
+
+
+a, a:active, a:visited { color: #607890; }
+a:hover { color: #036; }
+.wrapper {width:200px; border:1px solid red;}
+
+dl {margin:0 auto; width:900px;}
+dt {background-color:#ccc; margin-bottom:20px; cursor:pointer; cursor:hand; padding:5px; font-weight:bold; }
+dd {margin-bottom:30px;}
+
#clear-demo {width:500px; border:1px solid black;}
#clear-demo-l {width:200px; border:1px solid black; float:left;}
#clear-demo-r {width:200px; border:1px solid black; float:right;}
View
76 demo/tests.html
@@ -7,7 +7,7 @@
<head>
<meta charset="utf-8">
- <!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame
+ <!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame
Remove this if you use the .htaccess -->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
@@ -23,7 +23,7 @@
<!-- CSS: implied media=all -->
<link rel="stylesheet" href="../css/style.css">
<link rel="stylesheet" href="hack2.css">
-
+
<!-- All JavaScript at the bottom, except for Modernizr / Respond.
Modernizr enables HTML5 elements & feature detects; Respond is a polyfill for min/max-width CSS3 Media Queries
For optimal performance, use a custom Modernizr build: www.modernizr.com/download/ -->
@@ -36,8 +36,8 @@
<header>
<br /><br /><h1>HTML5 Boilerplate CSS Hack Sheet</h1><br /><br />
</header>
-
-
+
+
<div id="main" style="display:block;">
<dl>
<dt>Hack 01 - Set default color</dt>
@@ -45,7 +45,7 @@
HTML5 Boilerplate suggests the default color looks better when set to #444 instead of #000.<br />
<span style="color:black;">Web font default color</span>
</dd>
-
+
<dt>Hack 02 - Vertical Scroll Bar</dt>
<dd>
Click <a href="#" id="shorten">contract</a> | <a href="#" id="expand">expand</a> to see how Boilerplate forces a scrollbar in non-IE.
@@ -59,7 +59,7 @@
<br /><br />
<a href="#" class="preventDefault">Click me</a>
</dd>
-
+
<dt>Hack 04 - Pre Wrapping</dt>
<dd>
Default <code>pre</code> doesn't wrap text. Boilerplate forces <code>pre</code> to wrap text.
@@ -77,17 +77,17 @@
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
</div>
</dd>
-
+
<dt>Hack 05 - Remove default textarea scrollbar in IE</dt>
- <dd>
+ <dd>
IE shows a disabled scrollbar on empty <code>textarea</code>.<br><br>
<span href="#" class="show">With Boilerplate CSS</span> | <span href="#" class="hide">Without Boilerplate CSS</span>
<br /><br />
<form>
<textarea></textarea>
</form>
- </dd>
-
+ </dd>
+
<dt>Hack 06 - IE6,7 legend margin</dt>
<dd>
Left align form legend to the inner text in IE 6,7.<br /><br />
@@ -102,7 +102,7 @@
</fieldset>
</form>
</dd>
-
+
<dt>Hack 07 - Vertically align checkboxes, radios, text inputs with their label</dt>
<dd>
<span href="#" class="show">With Boilerplate CSS</span> | <span href="#" class="hide">Without Boilerplate CSS</span>
@@ -111,15 +111,15 @@
<input type="checkbox" /> Item B <br /><br />
Name: <input type="text" />
</dd>
-
+
<dt>Hack 08 - Hand cursor on clickable input elements</dt>
<dd>
<span href="#" class="show">With Boilerplate CSS</span> | <span href="#" class="hide">Without Boilerplate CSS</span>
<br /><br />
Input with type submit <input type="submit" value="submit" />
</dd>
-
-
+
+
<dt>Hack 09 - Webkit browsers form elements margin</dt>
<dd>
Webkit browsers add a 2px margin outside the chrome of form elements.<br /><br />
@@ -131,7 +131,7 @@
<select><option>Default</option></select>
</form>
</dd>
-
+
<dt>Hack 10 - Make buttons width rendered correctly</dt>
<dd>
IE adds extra padding to <code>button</code>. This fixes the issue. <br /><br />
@@ -142,7 +142,7 @@
<button type="button">This is a really long button</button>
</form>
</dd>
-
+
<dt>Hack 11 - Bicubic resizing for non-native sized IMG</dt>
<dd>
IE7 hack to reduce distortion caused by image resizing <br /><br />
@@ -152,7 +152,7 @@
<img src="../apple-touch-icon.png" width="57" /><br />
<img src="../apple-touch-icon.png" width="157" /><br />
</dd>
-
+
<dt>Hack 12 - Hide visually</dt>
<dd>
Hide elements visually, but have it available for screen readers.
@@ -161,21 +161,21 @@
<br /><br />
<div class="visuallyhidden">showing</div>
</dd>
-
+
<dt>Hack 13 - Image text replacement</dt>
<dd>
- Replace text with images.
+ Replace text with images.
<br /><br />
<span href="#" class="show">With Boilerplate CSS</span> | <span href="#" class="hide">Without Boilerplate CSS</span>
<br /><br />
-
+
<div class="ir" style="background:url('../apple-touch-icon.png'); width:57px; height:57px;">Apple Touch Icon</div>
-
- </dd>
+
+ </dd>
<dt>Hack 14 - Clear Floats</dt>
<dd>
- Clear Floated elements without extra markup.
+ Clear Floated elements without extra markup.
<br /><br />
<span href="#" class="show">With Boilerplate CSS</span> | <span href="#" class="hide">Without Boilerplate CSS</span>
<br /><br />
@@ -183,22 +183,22 @@
<div id="clear-demo-l">text floated left</div><div id="clear-demo-r">text floated right</div>
</div>
<div id="clear-demo-b">unfloated text</div>
- </dd>
-
-
+ </dd>
+
+
<dt>Hack 15 - PNG fix</dt>
<dd>fix pngs for correct display in IE6
<br /> <br />
<div style="position:relative">
-
+
<!-- wassup gradient. -->
<div style="
position:absolute; height: 40px; background-color: #444444; background-image: -moz-linear-gradient(top, #444444, #999999);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #444444),color-stop(1, #999999));
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#444444', EndColorStr='#999999');
">
-
+
<div class="png_bg" style="
border:1px solid #ddd; width:100px; padding:10px 10px 10px 50px;
display:inline-block; background:url(test_tubes.png) no-repeat 5px center;
@@ -206,8 +206,8 @@
<img src="internet_explorer.png" alt="IE is so awesome" />
</div>
</div>
- </div>
- </dd>
+ </div>
+ </dd>
</dl>
</div>
<footer>
@@ -228,16 +228,16 @@
$("#container").css("height","auto").css("overflow","");
return false;
});
-
+
$("#shorten").click(function() {
$("#container").css("height","300px").css("overflow","hidden");
return false;
});
-
+
$("#atag").click(function() {
return false;
});
-
+
$(".show").click(function(){
$(".show").addClass("current")
$(".hide").removeClass("current");
@@ -251,11 +251,11 @@
$("dd").each(function(){
$(this).height( $(this).height() );
});
-
+
hideStyle();
return false;
});
-
+
var linkTags = $("link");
function hideStyle() {
// tee hee
@@ -264,11 +264,11 @@
function showStyle() {
$("link[href*='style.css']").attr("media","all");
}
-
+
$(".preventDefault").click(function() {
return false;
});
-
+
$(function(){
$(".show").addClass("current");
})
@@ -280,7 +280,7 @@
<script defer src="../js/script.js"></script>
<!-- end scripts-->
-
+
<!-- mathiasbynens.be/notes/async-analytics-snippet Change UA-XXXXX-X to be your site's ID -->
<script>
var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview'],['_trackPageLoadTime']];
View
54 humans.txt
@@ -4,40 +4,40 @@
/* TEAM */
<your title>: <your name>
- Site:
- Twitter:
- Location:
+ Site:
+ Twitter:
+ Location:
/* THANKS */
- Names (& URL):
+ Names (& URL):
/* SITE */
Standards: HTML5, CSS3
Components: Modernizr, jQuery
Software:
-
-
- -o/-
- +oo//-
- :ooo+//:
- -ooooo///-
- /oooooo//:
- :ooooooo+//-
- -+oooooooo///-
- -://////////////+oooooooooo++////////////::
- :+ooooooooooooooooooooooooooooooooooooo+:::-
+
+
+ -o/-
+ +oo//-
+ :ooo+//:
+ -ooooo///-
+ /oooooo//:
+ :ooooooo+//-
+ -+oooooooo///-
+ -://////////////+oooooooooo++////////////::
+ :+ooooooooooooooooooooooooooooooooooooo+:::-
-/+ooooooooooooooooooooooooooooooo+/::////:-
-:+oooooooooooooooooooooooooooo/::///////:-
- --/+ooooooooooooooooooooo+::://////:-
- -:+ooooooooooooooooo+:://////:--
- /ooooooooooooooooo+//////:-
- -ooooooooooooooooooo////-
- /ooooooooo+oooooooooo//:
- :ooooooo+/::/+oooooooo+//-
- -oooooo/::///////+oooooo///-
- /ooo+::://////:---:/+oooo//:
- -o+/::///////:- -:/+o+//-
- :-:///////:- -:/://
- -////:- --//:
- -- -:
+ --/+ooooooooooooooooooooo+::://////:-
+ -:+ooooooooooooooooo+:://////:--
+ /ooooooooooooooooo+//////:-
+ -ooooooooooooooooooo////-
+ /ooooooooo+oooooooooo//:
+ :ooooooo+/::/+oooooooo+//-
+ -oooooo/::///////+oooooo///-
+ /ooo+::://////:---:/+oooo//:
+ -o+/::///////:- -:/+o+//-
+ :-:///////:- -:/://
+ -////:- --//:
+ -- -:
View
4 index.html
@@ -61,7 +61,7 @@
<script defer src="js/script.js"></script>
<!-- end scripts-->
-
+
<!-- Change UA-XXXXX-X to be your site's ID -->
<script>
window._gaq = [['_setAccount','UAXXXXXXXX1'],['_trackPageview'],['_trackPageLoadTime']];
@@ -77,6 +77,6 @@
<script defer src="//ajax.googleapis.com/ajax/libs/chrome-frame/1.0.3/CFInstall.min.js"></script>
<script defer>window.attachEvent('onload',function(){CFInstall.check({mode:'overlay'})})</script>
<![endif]-->
-
+
</body>
</html>
View
25 js/script.js
@@ -1,26 +1,3 @@
-/* Author:
+/* Author:
*/
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
View
30 test/index.html
@@ -1,31 +1,31 @@
<!DOCTYPE html>
<html lang="en">
<head>
- <title>QUnit Tests</title>
- <link rel="stylesheet" href="qunit/qunit.css" media="screen">
+ <title>QUnit Tests</title>
+ <link rel="stylesheet" href="qunit/qunit.css" media="screen">
<!-- reference your own javascript files here -->
<script src="../js/libs/modernizr-2.0.6.min.js"></script>
-
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
- <script src="../js/plugins.js"></script>
- <script src="../js/script.js"></script>
+
+ <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
+ <script src="../js/plugins.js"></script>
+ <script src="../js/script.js"></script>
<!-- test runner files -->
- <script src="qunit/qunit.js"></script>
- <script src="tests.js"></script>
+ <script src="qunit/qunit.js"></script>
+ <script src="tests.js"></script>