83 private links
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.
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/
Style your webpage like Edward Tufteβs handouts.
Uses a variety of css rules (embedding stuff in e.g. article
, figure
, checkbox
tags) to emulate Tufte's visual design,
with margin notes, side-notes, and image positioning close to its text.
Some implementations seem a bit awkward (the way sidenotes are declared, the iframe wrapper introduced) and the link-underline text-shadow hack seems pretty bad (especially on restyling pages dark-mode), but it seems nice for inspiration.
Example page here.
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!
Open Source, Free Web Learning Track
free course -- done via e-mail
Navigation Bar Fixed
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.
CSS Utility framework