Index
A
- Adobe Edge Inspect
- Animated GIF
- about / ImageOptim
- ant-contrib
- installing / Using the Ant build script
- Ant build script
- about / Ant build script
- features / Ant build script
- using / Using the Ant build script
- installing / Using the Ant build script
- ant-contrib, installing / Using the Ant build script
- build script, installing / Installing the build script
- image files / Smaller image files
- CSS file / Smaller CSS file
- JS files / Smaller and fewer JS files
- build options / Build options
- Drupal or WordPress, using with / Using with Drupal or WordPress
- Apache
- about / Server-side configurations
- installing / Installing Apache
- installing, on Mac / Mac
- installing, on Windows / Windows
- installing, on Linux / Linux
- configuring / Configuring Apache
- Apache Server
- server-side configurations / Server-side configurations
- setting up / Setting up the Apache server
- server configuration files / Using other server configuration files
- Apache Server customizations
- .htaccess file features / Features available out of the box
- apple-touch-icon-*.png
- about / An overview of H5BP files
- Aptana Studio
- about / Tools to start with
B
- 8-bit PNGs
- using / 8-bit PNGs
- borderradius class
- about / Modernizr
- build.xml
- updating / Updating build.xml
- build options, Ant build script
- about / Build options
- markup, minifying / Minifying markup
- image optimization, preventing / Preventing image optimization
- CSSLint, using / Using CSSLint
- JSHint, using / Using JSHint
- SHA filenames, setting up / Setting up the SHA filenames
- build options, Node build script
- about / Using the Node build script to build your project
- text / Text
- minify / Minify
- server / Server
- connect / Connect
- build script
- about / The build script
- Ant build script / Ant build script
- Node build script / Node build script
- selecting / Which build script to use?
C
- CDN
- using / Using a Content Delivery Network
- about / Using a Content Delivery Network
- Protocol-relative URLs / Protocol-relative URLs
- Google CDN hosting / Google CDN hosting
- Chrome
- about / Clearfix
- Chrome Frame
- about / Forcing the latest IE version
- Clearfix
- about / Clearfix
- clearfix class
- about / Clearing floats
- working / Clearing floats
- clearfix CSS class
- code and quotes
- rendering / Rendering all code and quotes within one page
- Codekit
- colors and backgrounds
- optimizing / Optimizing colors and backgrounds
- Compass / Sass
- about / Writing CSS3 easier with tools
- Compass extension
- conditional comments
- using / Using conditional comments
- browser style hacks / Browser style hacks
- server-side browser detection / Server-side browser detection
- stylesheets / Stylesheets based on conditional comments
- class names / Class names based on conditional comments
- console.log function
- about / No console.log errors
- Content Delivery Network (CDN)
- about / DNS prefetching
- cross-browser compatibility
- about / Cross-browser compatibility
- doctype / Doctype
- normalize.css / Normalize.css
- Clearfix / Clearfix
- search box styling / Search box styling
- conditional classes / Conditional classes
- Modernizr / Modernizr
- no console.log errors / No console.log errors
- helper class / Helper classes
- crossdomain.xml
- about / An overview of H5BP files
- CSS3
- about / Writing CSS3 easier with tools
- writing, easier with tools / Writing CSS3 easier with tools
- output CSS / Output CSS
- CSSLint
- about / Using CSSLint
- URL / Using CSSLint
- using / Using CSSLint
- CSS sprites, from within Adobe Photoshop
- CSS sprites, with Compass
- about / CSS sprites with Compass
- CSS validator / Writing valid stylesheets
- custom 404 page
- about / Custom 404 page
D
- disabled form elements
- styling, in IE / Styling disabled form elements in Internet Explorer
- DNS prefetching
- about / DNS prefetching
- doc
- about / An overview of H5BP files
- doctype declarations / Doctype
- Domain Name Server (DNS)
- about / DNS prefetching
- Drupal or WordPress, using with Ant build script
- about / Using with Drupal or WordPress
- build.xml, updating / Updating build.xml
- project configuration properties, setting up / Setting up the project configuration properties
- JS file delineator, setting up / Setting the JS file delineator
- Drupal or WordPress, using with Node build script
- about / Using with Drupal or WordPress
E
- esoteric defaults
- ETags
- about / Removing ETags
- example.com/foo
- rewriting, to example.com/foo/ / Option 1: Rewrite example.com/foo to example.com/foo/
- example.com/foo/
- rewriting, to example.com/foo / Option 2: Rewrite example.com/foo/ to example.com/foo
- example project
- creating / Creating our project
- housekeeping / House-keeping
- Expires header
F
- favicion.ico
- about / An overview of H5BP files
- favicons
- editing / Editing favicons
- features, HTML5 Boilerplate
- cross-browser compatibility / Cross-browser compatibility
- performance optimizations / Performance optimizations
- progressive enhancement / Progressive enhancement
- accessible focus styles / Accessible focus styles
- print styles / Print styles
- Firebug Lite
- using / Testing our site
- installing / Testing our site
- Firefox 3.5
- about / Clearfix
- focus styles
- about / Accessible focus styles
G
- Google Analytics
- about / Augmenting Google Analytics
- augmenting / Augmenting Google Analytics
- tracking settings, adding / Adding more tracking settings
- IP addresses, anonymizing / Anonymize IP addresses
- jQuery AJAX requests, tracking / Tracking jQuery AJAX requests in Google Analytics
- JavaScript errors, tracking / Tracking JavaScript errors in Google Analytics
- Google Analytics ID
- adding / Adding Google Analytics ID
- Google CDN hosting
- about / Google CDN hosting
- Google Libraries API
- using / Using other libraries
- Grunt
- Gzip
- about / Gzip components
- used, for compressing files / Gzip components
- enabling / Gzip components
H
- .htaccess file
- 404.html
- about / An overview of H5BP files
- headings
- keeping, with content / Keeping headings with content
- help, HTML5 Boilerplate
- about / Asking for help
- helper class invisible
- hidden class
- about / Hiding elements
- using / Hiding elements without impacting layout
- housekeeping, example project
- about / House-keeping
- tags, setting / Setting the tags
- favicons, editing / Editing favicons
- third-party libraries, adding / Adding third-party libraries
- Google Analytics ID, adding / Adding Google Analytics ID
- humans.txt, updating / Updating humans.txt
- HTML5 Boilerplate
- features / Features of HTML5 Boilerplate, Features available out of the box
- tools / Tools to start with
- help / Asking for help
- downloading / Creating your initial project folder, Downloading the latest version of HTML5 Boilerplate
- shell script, using / Using the shell script
- example project / Creating our project
- icons / Editing favicons
- using, with style languages / Using HTML5 Boilerplate with style languages
- jQuery, using / Using jQuery
- MooTools, using / Using other libraries
- Google Libraries API, using / Using other libraries
- Gzip components / Gzip components
- hidden folder access, blocking with .htaccess file / Blocking access to hidden folders
- backup and source files access, blocking with .htaccess file / Blocking access to backup and source files
- build script / The build script
- contributing / Contribute
- issues, reporting / Reporting issues
- pull request / Pull requests
- HTML5 Boilerplate Compass extension
- HTML5 Boilerplate CSS
- converting, to Sass or Less / Converting HTML5 Boilerplate CSS to Sass or Less
- HTML5 Boilerplate files
- downloading / Where to get files
- downloading, from Initializr / Where to get files
- downloading, from Github / Where to get files
- overview / An overview of H5BP files
- index.html / An overview of H5BP files
- main.css / An overview of H5BP files
- normalize.css / An overview of H5BP files
- doc / An overview of H5BP files
- img / An overview of H5BP files
- js / An overview of H5BP files
- vendor / An overview of H5BP files
- plugins.js / An overview of H5BP files
- main.js / An overview of H5BP files
- 404.html / An overview of H5BP files
- humans.txt / An overview of H5BP files
- crossdomain.xml / An overview of H5BP files
- robots.txt / An overview of H5BP files
- .htaccess / An overview of H5BP files
- favicion.ico / An overview of H5BP files
- apple-touch-icon-*.png / An overview of H5BP files
- readme.md / An overview of H5BP files
- HTML5 Boilerplate Sass fork
- about / HTML5 Boilerplate Sass fork
- HTML5 Boilerplate site
- smooth-scroll plugin, adding / Adding smooth-scroll plugin and interaction
- testing / Testing our site
- testing, on non-desktop browsers / Testing on non-desktop browsers
- visiting, using IE / Finding the best experience for Internet Explorer
- CSS3, writing / Writing CSS3 easier with tools
- print considerations / Print considerations
- Polyfills, using / Finding and using polyfills
- performance, improving / Making your site faster
- visibility, improving / Making your site more visible on search engines
- users, handling without JavaScript / Handling users without JavaScript
- images, optimizing / Optimizing your images
- Google Analytics, augmenting / Augmenting Google Analytics
- HTML5 Boilerplate site, optimizing for IE
- mobile-first styles / Mobile-first styles for IE
- printing, jQuery used / Printing with jQuery in IE6 and IE7
- disabled form elements, styling / Styling disabled form elements in Internet Explorer
- IE6 image toolbar, suppressing / Suppressing IE6 image toolbar
- HTML5 Doctor
- about / Creating the markup
- HTML5 feature
- adding, with Modernizr / Adding HTML5 features safely with Modernizr
- Html5please.com
- about / Finding and using polyfills
- HTML Doctype
- about / The HTML Doctype
- HTTP header response, from server
- about / HTTP header response from the server
- edge / Edge
- IE9 / IE9
- IE8 / IE8
- IE7 / IE7
- Emulate IE9 / Emulate IE9
- Emulate IE8 / Emulate IE8
- Emulate IE7 / Emulate IE7
- IE5 / IE5
- humans.txt
- about / An overview of H5BP files, Updating humans.txt
- updating / Updating humans.txt
I
- icons, HTML5 Boilerplate
- favicon.ico / Editing favicons
- apple-touch-icon.png / Editing favicons
- apple-touch-icon-precomposed.png / Editing favicons
- apple-touch-icon-57x57-precomposed.png / Editing favicons
- apple-touch-icon-72x72-precomposed.png / Editing favicons
- apple-touch-icons-114x114-precomposed.png / Editing favicons
- apple-touch-icons-144x144-precomposed.png / Editing favicons
- ie.css
- about / ie.scss
- IE6
- about / Clearfix
- IE6 image toolbar
- suppressing / Suppressing IE6 image toolbar
- iframe
- ImageAlpha
- about / ImageAlpha
- ImageOptim
- about / ImageOptim
- image optimization
- 8-bit PNGs / 8-bit PNGs
- tools / Tools for image optimization
- image sprites, using / Using image sprites
- image replacement class
- about / Image replacement
- images
- rendering / Rendering images better
- image sprites
- using / Using image sprites
- CSS sprites, from within Adobe Photoshop / CSS sprites from within Adobe Photoshop
- CSS sprites, with Compass / CSS sprites with Compass
- SpriteMe / SpriteMe
- img
- about / An overview of H5BP files
- index.html
- about / An overview of H5BP files
- Internet Explorer
- about / Forcing the latest IE version
- setting / Forcing the latest IE version
- setting, for rendering site / Forcing the latest IE version
- IP addresses
- anonymizing, in Google Analytics / Anonymize IP addresses
- issues
- reporting / Reporting issues
J
- JavaScript
- disabling, on Firefox / Handling users without JavaScript
- disabling, on Chrome / Handling users without JavaScript
- disabling, on Safari / Handling users without JavaScript
- disabling, on IE / Handling users without JavaScript
- disabling, on Opera / Handling users without JavaScript
- JavaScript errors
- tracking, in Google Analytics / Tracking JavaScript errors in Google Analytics
- JPEG
- about / ImageOptim
- jpegtran
- jQuery
- using / Using jQuery
- used, for printing with IE6 and IE7 / Printing with jQuery in IE6 and IE7
- jQuery AJAX requests
- tracking, in Google Analytics / Tracking jQuery AJAX requests in Google Analytics
- js
- about / An overview of H5BP files
- JS file delineator
- setting up / Setting the JS file delineator
- JSHint
- about / Using JSHint
- URL / Using JSHint
- using / Using JSHint
L
- .lt-ie7 class
- about / Testing our site
- .lt-ie8 class
- about / Testing our site
- .lt-ie9 class
- about / Testing our site
- learning resources, style languages
- Less
- URL / Creating the styles, Less
- about / Writing CSS3 easier with tools
- code snippet / Less
- Linux
- Apache, installing / Linux
- LiveReload
M
- Mac
- Apache, installing / Mac
- MacPorts
- main.css
- about / An overview of H5BP files
- main.js
- about / An overview of H5BP files
- main.scss
- about / main.scss
- markup
- creating / Creating the markup
- section element, using / Deciding which element to use
- valid markup, writing / Writing valid markup
- Media Queries
- about / Mobile-first styles for IE
- ie.css / Mobile-first styles for IE
- main.css / Mobile-first styles for IE
- Meta UTF-8
- about / Meta UTF-8
- meta x-ua-compatible
- meta tag / Meta tag in your HTML page
- HTTP header response, from server / HTTP header response from the server
- micro-clearfix solution
- about / Clearfix
- MIME types
- about / Serving the right MIME types
- Modernizr
- about / Modernizr, Adding HTML5 features safely with Modernizr
- custom build / Adding HTML5 features safely with Modernizr
- used, for loading CSS features / Using Modernizr to load CSS features
- modernizr.load
- MooTools
- using / Using other libraries
N
- no-borderradius class
- about / Modernizr
- Node build script
- features / Node build script
- using / Using the Node build script
- Grunt / Grunt
- installing / Installing Node build script
- project, initializing / Initializing your project
- using, with existing project / Using the Node build script with an existing project
- used, for building project / Using the Node build script to build your project
- build options / Using the Node build script to build your project
- Drupal or WordPress, using with / Using with Drupal or WordPress
- Normalize.css
- about / Normalize.css
- normalize.css
O
- Opera 9
- about / Clearfix
- Opera Mobile browser
- about / Testing on non-desktop browsers
- Opera Mobile Emulator
- optipng
- orphans
P
- plugin.js file
- about / No console.log errors
- plugins.js
- about / An overview of H5BP files
- PNG
- about / ImageOptim
- Polyfills
- finding / Finding and using polyfills
- about / Finding and using polyfills
- using / Finding and using polyfills
- print media query
- about / Print media query
- print styles
- about / Print styles, What do the print styles do?
- functionalities / What do the print styles do?
- print media query / Print media query
- colors and backgrounds, optimizing / Optimizing colors and backgrounds
- style links / Better links
- code and quotes, rendering within page / Rendering all code and quotes within one page
- tables, rendering / Rendering tables better
- images, rendering / Rendering images better
- margins, setting / Margins on pages
- optimal settings / Optimal settings for orphans and widows
- headings, keeping with content / Keeping headings with content
- progressive enhancement
- about / Progressive enhancement
- project configuration properties
- setting up / Setting up the project configuration properties
- protocol-relative URLs
- pull request
- about / Pull requests
- creating / Pull requests
Q
- QUnit.js
- about / Writing unit tests for your code
R
- readme.md
- about / An overview of H5BP files
- Remote Debugging with Safari 6
- about / Testing on non-desktop browsers
- reset.css
- about / Why not reset.css?
- RewriteBase path / Option 2: Rewrite example.com/foo/ to example.com/foo
- robots.txt
- about / An overview of H5BP files
S
- Safari 4
- about / Clearfix
- Sass
- URL / Creating the styles, Sass
- about / Writing CSS3 easier with tools
- code snippet / Sass
- Sass fork
- about / HTML5 Boilerplate Sass fork
- search box styling
- about / Search box styling
- section element
- using, in markup / Deciding which element to use
- server configuration files, Apache
- SHA filenames
- setting up / Setting up the SHA filenames
- site, creating
- markup, working on / Working on the markup
- styles, creating / Creating the styles
- site performance
- improving / Making your site faster
- site visibility, improving
- about / Making your site more visible on search engines
- search spiders, directing to site map / Directing search spiders to your site map
- X-Robots-Tag headers, implementing / Implementing X-Robots-Tag headers
- slash redirects, trailing / Trailing slash redirects
- slash redirects, trailing
- example.com/foo, rewriting to example.com/foo/ / Option 1: Rewrite example.com/foo to example.com/foo/
- example.com/foo/, rewriting to example.com/foo / Option 2: Rewrite example.com/foo/ to example.com/foo
- smooth-scroll plugin
- adding, to site / Adding smooth-scroll plugin and interaction
- using / Adding smooth-scroll plugin and interaction
- plugin file, downloading / Adding smooth-scroll plugin and interaction
- js-scrollitem class / Adding smooth-scroll plugin and interaction
- navigation links / Adding smooth-scroll plugin and interaction
- class names, adding / Adding smooth-scroll plugin and interaction
- SpriteMe
- style classes
- about / Helpful style classes we can use
- image replacement class / Image replacement
- hidden class / Hiding elements
- visuallyhidden class / Hiding elements visually
- clearfix class / Clearing floats
- style languages
- about / Style languages to write productive stylesheets
- advantages / Advantages
- disadvantages / Disadvantages
- learning resources / Where to learn?
- HTML5 Boilerplate, using with / Using HTML5 Boilerplate with style languages
- style links
- about / Better links
- styles
- creating / Creating the styles
- reset.css, using / Why not reset.css?
- style classes / Helpful style classes we can use
- valid stylesheets, writing / Writing valid stylesheets
- style languages / Style languages to write productive stylesheets
- Stylus
- URL / Stylus
T
- tables
- rendering / Rendering tables better
- test() function
- about / Creating a testing environment
- testing environment
- creating / Creating a testing environment
- TextMate
- about / Tools to start with
- third-party libraries
- adding / Adding third-party libraries
- Content Delivery Network, using / Using a Content Delivery Network
- tools
- Aptana Studio / Tools to start with
- Visual Studio / Tools to start with
- TextMate / Tools to start with
- tools, for image optimization
- about / Tools for image optimization
- ImageAlpha / ImageAlpha
- ImageOptim / ImageOptim
- Twitter Bootstrap
- about / Writing CSS3 easier with tools
U
- unit tests
- writing / Writing unit tests for your code
- testing environment, creating / Creating a testing environment
- Meta UTF-8 / Meta UTF-8
- HTML Doctype / The HTML Doctype
- clearfix CSS class / The details behind the clearfix solution
- print styles / What do the print styles do?
- conditional comments, using / Using conditional comments
- meta x-ua-compatible / What is meta x-ua-compatible?
- up-to-date port, HTML5 Boilerplate
- users
- handling, without JavaScript / Handling users without JavaScript
- UTF-8 / Using UTF-8 encoding
- UTF-8 encoding
- using / Using UTF-8 encoding
V
- valid markup
- writing / Writing valid markup
- valid stylesheets
- writing / Writing valid stylesheets
- vendor
- about / An overview of H5BP files
- Virtual Box
- URL / Testing our site
- visuallyhidden class
- about / Hiding elements visually
- Visual Studio
- about / Tools to start with
W
- WebKit browsers
- about / Search box styling
- widows
- WinAnt
- about / Using the Ant build script
- Windows
- Apache, installing / Windows
X
- x-ua-compatible
- about / What is meta x-ua-compatible?
Y
- yum
- about / Using the Ant build script