Starter Web App (GitHub page) is a boilerplate project to start a simple static web site or web app with. Based on Yeoman's generator-webapp, Starter Web App comes with:
- ECMAScript 6 transpilation with Babel
- Sass compilation
- CSS autoprefixing
- Live-reloading preview + watch mode with BrowserSync
- Task runner gulp
- JavaScript beautification (Prettier) and linting (ESLint)
- CSS and JavaScript minification (production mode)
- Image optimization
- Image to favicon convertion and code injection
- Source maps
- Pre-set .editorconfig, .gitattributes, .gitignore configuration files
- Script to publish files to GitHub Pages (deploy `dist` folder to `gh-pages` branch. If you don't need this feature, you may delete the last block `!dist` in .gitignore)
- etc.
This Starter Web App default page (French version) is a demo showing some basic and/or popular techniques and effects in front-end web development written in vanilla JavaScript and Sass (CSS). The images used here are in the public domain or may be used for any purpose. Techniques used / features shown by this demo include:
- Basic HTML5 tags, table (see), list (see)
- Responsive design
- Gallery with CSS Flexbox (see)
- AJAX form (see) (with a back-end PHP script available)
- Lots of CSS alpha transparency, text shadow and hover transition effect (see)
- Carousel with CSS transformation (see)
- Pop-up window (disappears after 3.5 seconds OR clicking) (see)
- Effect based on cursor position (see)
- Parallax scrolling (see)
- Smooth scrolling (see)
- "Fade-in" title with CSS animation (see)
- SVG Progress Bar
- Web font icons (see)
- Vanilla JavaScript and Sass: pure, native JavaScript and Sass (CSS) without jQuery, Bootstrap or other framework
- etc.
