84 private links
A complete website in a single html slash ZIP slash PNG file. However you open it (image viewer, web browser, zip manager) changes its fornat automatically, very impressive.
Resume style One Pager for web dev Pascal van Gemert featuring a big animated GIF background as the intro. If I remember correctly he had a highway last week and a hotdog stand the week before. Nice touch to spice up a CV.
A really nicely designed html-based CV which it may be worth to crib some ideas from.
Parsing HTML at the command line. An html equivalent to jq, kind of
Series of writings on how to build a random quote machine using 11 different front end stacks.
Goes into html, css, (vanilla) javascript, json, REST api, Redux, react hooks. Seems very educational.
A static site generator (similar to hugo et al.) whose sites can be built in any of the big web frameworks (react, vue, angular, svelte, or -- they claim -- any other for that matter).
It also boils everything down to plain html but let's you embed javascript components if you wish,
and those components will only be loaded if the user actually scolls to them ('island design').
Sounds very promising, currently in early beta.
SImple blog tutorial here:
https://www.rockyourcode.com/build-faster-websites-with-less-javascript-using-astro-tutorial/
Small (10kb gzip) css framework.
Describing itself as invasive, i.e. hard to drop into an existing project - but very easy to integrate into new ones.
Looks fun and light-weight.
Graceful & Minimal CSS design system in pure semantic HTML - picocss/pico
Very minimal css which works just on the basis of semantic html.
Define a header, a body, a couple of code blocks, a detail panel and some paragraphs and you're good to go with pretty nifty looks!
In-depth getting started guide for understanding the background and basics of implementing WebGL
In this post, weโll set up a demo site and tutorial for headless WordPress, including a starter template! Weโll use the WordPress dashboard for rich content editing, while migrating the front-end architecture to the JAMstack.
Extract clean(er), readable text from web pages via Mercury Web Parser API. - jarun
Open Source, Free Web Learning Track
Inspiration - She coded a single concept every day for twenty days.
Look up a nice design to emulate on a website - look at an example of how it is done - do it.
The content of the handbook favors web technologies (HTML, CSS, DOM, and JavaScript) and those solutions that are directly built on top of these open technologies. The materials referenced and discussed in the book are either best in class or the current offering to a problem.