Created: 2012-03-26 13:02
Updated: 2017-11-16 15:51



Squirrelplate is a very simple starting point for building reponsive web documents and applications. It's very much work in progress so expect issues.


  • X-UA-Compatible Internet Explorer has many rendering engines ready for use. What this line of code basically does is force IE to use the most up to date rendering engine that it has available, so that your pages will render as well as possible. It then goes on to talk about Chrome Frame. Chrome Frame is a plugin for IE6, 7, and 8 which brings all the rendering, and js power of Google Chrome to IE. If the user has it installed, we render our site using it.

  • google-site-verification provides webmaster tools with verification of site ownership

  • Touch Icons – inspiration from h5bp and (mathiasbynens.be/notes/touch-icons) apple-touch-icon-precomposed.png (154x154)

  • Favicon [http://mathiasbynens.be/notes/rel-shortcut-icon]

  • Respond.js [https://github.com/scottjehl/Respond] Allow support for media queries in IE6-IE8

  • Modernizer [http://modernizr.com/]

  • jQuery loading fallback A vast majority of sites these days make use of the jQuery JavaScript library. A vast majority also make use of Google’s hosted version of the library for faster loading speed’s, and better cross site caching. However, what if there is ever a problem and jQuery is not loaded from Google? Well here is your backup. What it basically does is check if jQuery is loaded from Google. If not, then we load it locally from our own version of jQuery.

  • Google Analytics This is simply an optimised version of Google’s asynchronous tracking snippet. Always at teh bottom of each page

##BUILD PROCESS - Notes regarding build process

  • Set-up local devlopment environment

  • Set-up client preview development environment

  • Test live server capabilities if using third party hosting

  • Favicon

  • Touch Icon

  • Analytics

  • Page Titles

  • Page Descriptions

  • Font linking

  • Sitemap.xml

  • Robots.txt

  • Webmaster Tools

  • 404 page

  • humans.txt

  • robots.txt

##Useful Resources html selectors - http://www.w3.org/TR/CSS2/selector.html
HTML5 draft spec - http://www.w3.org/TR/html5/ Responsive design patterns - http://bradfrost.github.com/this-is-responsive/patterns.html

Cookies help us deliver our services. By using our services, you agree to our use of cookies Learn more