Legacy browser support

with XML sitemap script bugfix

Legacy browser support

• #19 CSS fallback for Safari 9.1.3 and other browsers that don't support CSS Grid
  • Header flexbox fallback
  • Clip List flexbox fallback
• #21 Basic Internet Explorer 11 support
  • Babel JS polyfill
  • ChildNode.remove JS polyfill
  • CSS Variables fallback

Search Engine Optimization

Added in #17

• Added sitemap.xml generation from app and clip routes
• Added robots.txt
• Redirected old urls in .htaccess

Launch 2018

Single page application with static HTML generation to speed up load time and search engine optimization.

• Vue.js to build reusable components
• Vue Router to render different pages within the SPA
• Webpack as bundler for JS, CSS and HTML templates
• Prerender SPA Plugin to render static HTML for all router
• Gulp for secondary build tasks such as clean and copy assets
• Gulp SSH to deploy the dist folder to the web server
• HTTP Server as local Node server to preview changes locally
• CSS Grid to position the site structure
• CSS variables for changing the site's theme between light and dark mode
• picture to load a smaller images for mobile and high resolution images for large screens