Web Development

Web Development

Resource	References
Design	notes, icons, fonts
Development	HTML, CSS

Website

Consider providing robots.txt and humans.txt providing website info in a standardised colophon.

Static Site Hosting

Cloudflare Pages

Free $0

• 1 build at a time
• 500 builds per month
• 100 custom domains per project
• Unlimited sites
• Unlimited static requests
• Unlimited bandwidth

GitLab Pages

See notes on GitLab Pages.

Frameworks

• Docusaurus: open-source, powered by MDX, built using React, supports translations
  ⚠ Facebook development. GitHub
• themes
  • Jamstack: Themes for Hugo, Jekyll, …

Hugo

Hexo

https://hexo.io/ | Github

• Themes
  • https://github.com/probberechts/hexo-theme-cactus

Jekyll

Websitea | Github

• uses Markdown, Liquid templating language, HTML & CSS
• Showcases

MkDocs

Wowchemy

Wowchemy: no-code website builder | Docs

Publii

https://getpublii.com/

Publii is a desktop-based CMS for Windows, Mac and Linux that makes creating static websites fast and hassle-free, even for beginners.

Open SDG platform

Open Sustainable Goals (SDG)

open source, free-to-reuse platform for managing and publishing data and statistics related to the UN Sustainable Development Goals (SDGs)

• Quick Start
• Features
• Customisation
• GitHub Pages

Astro

Website | Documentation | Source

Themes

• Astroplate

Gatsby

Pelican

Website
Based on: Python

Bootstrap

Website

Powerful, extensible, and feature-packed frontend toolkit. Build and customize with Sass, utilize prebuilt grid system and components, and bring projects to life with powerful JavaScript plugins.

Assets

• favicon.io

  Quickly generate your favicon from an image by uploading your image below. Download your favicon in the most up to date formats.

Embed

• oEmbed format: format for API supported by a number of websites, e.g. Flickr. Get standard reply with data required for embedding.

Security

Authentication

https://openid.net/what-is-openid/
https://goteleport.com/

Certificates

https://smallstep.com/

Protocolls

HTTP(S)

CORS (Cross-origin Resource Sharing)

Tools

Can I use _ ? check availability of features for different browsers

OWASP ZAP | Github

The OWASP Zed Attack Proxy (ZAP) is one of the world’s most popular free security tools and is actively maintained by a dedicated international team of volunteers. It can help you automatically find security vulnerabilities in your web applications while you are developing and testing your applications. It’s also a great tool for experienced pentesters to use for manual security testing.

References

• js-cookie: A simple, lightweight JavaScript API for handling browser cookies