Sebastien Dubois
Sebastien Dubois
Reference client APIs: - NodeJS: https://github.com/kadamwhite/wordpress-rest-api - Backbone.js: https://github.com/WP-API/client-js - AngularJS: https://github.com/jeffsebring/angular-wp-api Create a WP rest api client in core and inject it in all related services rather than spreading...
- animations / transitions - infinite scrolling - increase/reduce font size - picture modes - lightbox: http://www.jacklmoore.com/colorbox/ - fullscreen - dim light - adapt pictures to size (responsive images)
https://mathiasbynens.be/notes/touch-icons
replace `text-rendering: optimizeLegibility` by `font-feature-settings` once broadly supported: http://caniuse.com/#feat=font-feature
- create/test print stylesheet (media query + display: none on everything not needed, add page breaks where appropriate) - button to print an article - add print preview https://github.com/etimbo/jquery-print-preview-plugin
for large screens: @media only screen and (min-width: 1140px) { width:1026px; /\* 1140px - 10% for margins */ margin:0 auto; }
:focus { outline: 0; } --> remove the ugly user agent default outline when focusing interactive elements BUT ensure that there are focus state styles set everywhere
Use a configuration file to list all keys to replace at build time (e.g., site title, site description, application name, version, etc) - add gulp-template - https://www.npmjs.com/package/gulp-template - var template...
- short & wide: tighten up and/or move things up (e.g., tablet in landscape) - narrow & tall: reposition things off canvas or move things down - enlarge font size...
- goal: easily see all components (atomic design approach) - http://yeo-lab.com/#learn-more