89 private links
"A free full-stack boilerplate that feels freeing. Astro, HTMX, Alpine.js, Astro DB, Better Auth, Preline UI, & daisyUI."
Just a stack template built on top of Astro. But I would like to try alpine and htmx at some point anyway, so this could be a neat starting point.
EDIT Well, turns out this is a freedom loving stack for freedom loving christians - I was wondering what was up with the name. Can still be a nice stack, mind you.
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.