A one page travel agency demo website showcasing what I think are 2018's best practices (UX, SEO, accessibility, performance) and built using modern front-end development workflow.
Visit page here: https://stephanorgiazzi.github.io/eagle-view-dist/
- Gulp - Automate and enhance development workflow
- PostCSS - A modular CSS processor
- Webpack - Bundle modules and dependencies
- Babel - JavaScript compiler allowing support for ES2015 JavaScript through syntax transformers
I also experimented with the BEM (Block-Element-Modifier) method for CSS, which I find interesting and will probably use again in the future.
Fully responsive website, cross-browser accessible (except IE) and optimized for mobile. Google User Experience Score: 96/100
This page has been optimized for best performances:
- Minified JS and CSS using Uglify and CSSNano
- Compressed images using Imagemin
- Sprites, generated automatically using SVG-sprites
- Lazy-loaded images using lazysizes
- Extensive use of Responsive images (different sizes and DPIs to match the user's current display)
This website is following the latest recommendations in terms of SEO, making use of semantic tags, "alt" and "role" attributes and meta tags that really matter such as Open Graph and Twitter cards meta tags.