Aurametrix/HTML5

• W3schools HTML5

• W3C Beta

• HTML first

• Resources for developers by developers

• In-browser editor for static HTML

• new.css - a classless CSS framework to write modern websites using only HTML

• Spinning diagrams with CSS

• 3d carousel

• HTML the programming language

• Just-add-water CSS animations

• MAGICK.CSS - Minimalist CSS -- code

• css grid generator

• CSS tricks

• CSS Reference

• Animotion - a visual CSS animation app

• CSS tips

  • CSS-based design
  • ct.css - performance diagnostics; take a look inside your
  • CSS for designers
  • css animations in github readme
  • Full-bleed layout using CSS
  • Interactive CSS grid generator
  • Typescale - a tool for easy CSS typography

• Tailwind CSS

• Connect to a DB in CSS

• Responsive images

• WEBP format

• Web 0 - no JS, CSS, raw html

• Tufte Css - to style web articles; on github

• UI editor for single-element CSS illustrations

• Hex grids hexagons

• Online bootcamp

• tools and technologies

• Code avengers - lessons on how to code

• Effectiveness of simple HTML

• Online courses

• HTML5 programming - Udemy

• Microsoft Virtual Academy

• Bootstrap vs CSS grid

• HTML5 semantics

• web workers - lightweight, in-browser threads that can be used to execute JavaScript code without blocking the event loop

• CSS snippets

• web design in 4 mins

• Simple website builder

• forms for static sites

• HTML sanitizer API; source on github

• [web framework for cross-browser tests](https://www.w3.org/TR/webdriver2/Web Driver)

• W3 - decentralized web

Colors

• HTML Colors
• W3 Tutorial
• Color palettes
• Colorbox
• Colorpicker
• Hue Tools

Shapes

• SVG shape generator

• Open Source Icons

• Beautiful & consistent icon toolkit

• Responsible Bar Charts

HTTP/HTTPS

• automated https server

• HTTP/3 explained

• HTTP headers

• Security Guide for Web developers

• HTTPSTAT

• how https worked and works now

• HTTP toolkit for security research

• HTTP toolkit - open source for debugging/testing

• uniqueness of passwords

• staticrypt - password protect the content of your public static HTML file, without any back-end

• New HTTP standards for caching on the modern web

• Next DNS

• Check the status of your URL; github

• SAML authentication

• DNS-over-HTTPS: Privacy and Security Concerns

• A visual guide to SSH tunnels

if you ssh into Server A and then from Server A to Server B:

~~.   # drop session from Server A to Server B
~.    # drop original session into Server A

• Computer Security and the Internet tools

web developer tools

• Web Development 2018

• making page load faster

  <script src="//instant.page/1.0.0" type="module" integrity="sha384-6w2SekMzCkuMQ9sEbq0cLviD/yR2HfA/+ekmKiBnFlsoSvb/VmQFSi/umVShadQI"></script>

• Why is web development so complicated?

• Static Site generator

• Clix - building backends for web and mobile apps

• Hyperview - Native mobile apps, React Native client for developing server-driven mobile apps

• Divikit

• AdaptiveCards by Microsoft

• LiveView Native

Front end

• The NOJS club

• JS ->ES6, Task runners: npm scripts,

• gulp, Grunt; Testing: Jest, Mocha, Jasmine, Enzyme Module Loader/Bundler; Typescript; Flow - static type checker for JS Frameworks: Angular (RxJS, TypeScript), React (Flux, Redux, Mobx), Vue.js. Preact, Ember.js WebGL frameworks: ThreeJS, BabylonJS, PlayCanvas, P5.js, Sketchfab, AFrame, REGL, Unity.

Quick mockups

web components

ruby html annotation element

[making data discoverable]https://developers.google.com/search/docs/data-types/dataset + schema.org markup + sitemap

HTML tips

Back end

• Ruby,
• Node.js,
• Python,

Luda - UI for web development

Web Components will replace your frontend framework

Web Log analyzer

Elastic Search - Search Engines, GOF Design PAtterns, Architectural patterns, DDD; Sphins, Solr

No longer works for Python Open Source: elastic/elasticsearch-py#1623

DevOps:

OS, clouds, setting up a firewall; Monitoring and Alerting

text manipulation (grep; egrep and fgrep are deprecated; awk, sed, )

• [robots.txt: not for security0(https://www.cdsrc.com/posts/robots-txt-security-measure/)

• Free for developers

• web site speed test; code

• non cookie-based web tracking

• Serverless e-mail server, AWS S3 SES

• injecting env variables into static sites using Nginx

Interview Handbooks

• HTML
• CSS

Beautiful and Clean Templates

"classless" CSS frameworks:

• https://newcss.net/

• https://uglyduck.ca/typesafe-css/

• https://oxal.org/projects/sakura/

  Bootstrap

• https://getbootstrap.com/

• https://bootswatch.com/

Boolma

• https://bulma.io/

A minimalist stylesheet for HTML elements

• https://andybrewer.github.io/mvp/
• Github templates

Easy website builders

• A Dropbox-like, IPFS-powered personal website publisher

• Beaker, peer-to-peer browser

• AI-generated domain names

• Start Your Own ISP

• static (serverless) status page

• Dashy - self-hosted homepage for your homelab

• homer

• [heimdall](https://github.com/linuxserver/Heimdall

• [dashmachine](https://github.com/rmountjoy92/DashMachine

• [flame](https://github.com/pawelmalak/flame

• [netdata](https://github.com/netdata/netdata

• [cockpit](https://github.com/cockpit-project/cockpit/

• Syntax Highlighting in a Webpage Without Javascript

Interesting Projects

• CSS sweeper
• Covid19 simulator
• moovie-focused html5 player
• prose.sh - a blog platform for hackers
• lists.sh — microblog for lists
• pastes.sh — pastebin
• WEB FM synthesizer

Trends

• The Future of Web Software Is HTML-over-WebSockets

• Locality of Behavior; see also AllpineJS and Tailwinds

• Complexity in Web Development