- All public-facing content crawlable at page load.
- All page content pieces linkable, and linkable cross-device.
- Semantics trumps aesthetics.
- All content to all users. Never show or hide content based on device.
- Device agnostic design and UX. Mobile and widescreen should look and feel similar; basically less media-queries = more device agnostic.
- Consider viewport height as much as width.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// @license http://opensource.org/licenses/MIT | |
// copyright Paul Irish 2015 | |
// Date.now() is supported everywhere except IE8. For IE8 we use the Date.now polyfill | |
// github.com/Financial-Times/polyfill-service/blob/master/polyfills/Date.now/polyfill.js | |
// as Safari 6 doesn't have support for NavigationTiming, we use a Date.now() timestamp for relative values | |
// if you want values similar to what you'd get with real perf.now, place this towards the head of the page | |
// but in reality, you're just getting the delta between now() calls, so it's not terribly important where it's placed |
NewerOlder