Starter Web App (page GitHub) est un projet boilerplate pour démarrer un simple site web statique ou une application web. Basé sur generator-webapp de Yeoman, Starter Web App est livré avec :
- ECMAScript 6 transpilation avec Babel
- Compilation de Sass
- Autoprefixing CSS
- Mode prévisualisation avec rechargement en direct en utilisant BrowserSync
- Task runner gulp
- Beautification (Prettier) et linting (ESLint) de JavaScript
- Minification de CSS et de JavaScript (mode production)
- Optimisation d'image
- Conversion d'image en favicon et injection de code
- Source maps
- Fichiers de configuration prédéfinis: .editorconfig, .gitattributes, .gitignore
- Script pour publier fichiers sur GitHub Pages (déployer le dossier `dist` vers la branche `gh-pages`. Si vous n'en avez pas besoin, vous pouvez supprimer le dernier bloc `!dist` dans le fichier .gitignore)
- etc.
Cette page par défaut de Starter Web App (version anglaise) est une démo montrant quelques techniques et effets basiques et/ou populaires en développement web front-end écrit en vanilla JavaScript et Sass (CSS). Les images utilisées ici sont dans le domaine public ou peuvent être utilisées à toutes fins. Techniques utilisées / fonctionnalités effectuées par cette démo incluent :
- Balises HTML5 de base, table (voir), liste (voir)
- Responsive design
- Galerie avec CSS Flexbox (voir)
- Formulaire AJAX (voir) (avec un script PHP back-end disponible)
- Beaucoup de transparence alpha CSS, de text shadow et d’effet de transition au survol de la souris (voir)
- Carrousel avec CSS transformation (voir)
- Fenêtre pop-up (à disparaît après 3,5 secondes OU un clic) (voir)
- Effet basé sur la position du curseur (voir)
- Défilement parallaxe (Parallax scrolling) (voir)
- Défilement lisse (smooth scrolling) (voir)
- Titre "fade-in" avec CSS animation (voir)
- Barre de progression en SVG
- Variable CSS "var()" et fonction "calc()"
- Icônes avec web font (voir)
- Vanilla JavaScript et Sass : JavaScript et Sass (CSS) pur, natif sans jQuery, Bootstrap ou autre framework
- etc.
