Modern HTML starter template





Good day, friends!



Let me introduce you to my new project, a modern HTML starter template.



This template is the result of analysis of more than 100 sources on issues related to the structure and content of a web page, dividing the application into components, resource caching, search engine optimization, security, etc., and includes the following:



  • All meta and link tags (general, Microsoft, Facebook, Twitter, IOS, Android, structured data - Schema.org and JSON-LD, plus a couple of security related tags)
  • Example using HTML5 tags
  • An example of using CSS3 properties
  • An example of using CSS modules
  • An example of using JavaScript modules
  • File "manifest.json"
  • General purpose service worker (cache first, then network)
  • Robots.txt file
  • The "sitemap.xml" file
  • The file "browserconfig.xml"
  • File ".gitignore"
  • An example Express.js server setting security and compression related headers and returning files on request
  • Example of a creative 404 error page (page not found, creative is not mine)
  • File "README.md"
  • and much more


Official site: htmltemplate.site .



The project code is here .



Any form of feedback is welcome: do not hesitate to write in a personal message and pull request on github.



If you want to repeat my "research" path, then you can start with the following resources:





Follow this link to find a scalable Webpack 5 preset that includes Babel and PostCSS, a development server, and an optimized production build.



And if you want to refresh or test your knowledge of JavaScript, then especially for this, in my free time, I am developing this wonderful application (you cannot praise yourself ...).



Thank you for your attention and have a nice day.



All Articles