A website I made to improve my knowledge of web programming and modern web development tools.
This is a static website containing documentation of the tools and code used to build it and scripts that perform functions such as highlighting HTML elements, toggling CSS and adding MDN reference links. It was built from an old school project which can be viewed from a dialog in the site. It is written in Pug, SCSS and TypeScript, built with Gulp and Webpack and hosted on GitHub Pages.
The project is hosted at https://theo543.github.io/HTML-CSS-Js-Examples/
To view it locally:
git clone https://github.com/theo543/HTML-CSS-Js-Examples
cd HTML-CSS-Js-Examples
npm ci
npx gulp
- Pug, SCSS, TypeScript
- Gulp, Babel, Webpack (for core-js), Minification, PostCSS
- Browsersync
- Node.js, npm
- Deploying to GitHub Pages with GitHub Actions
- Polyfills
- Accessibility (modal focus trapping, focus indicators for custom controls)
- Responsive Design
- Code Documentation