efortis
Joined 6 years ago
Joined 6 years ago
https://www.cs.cmu.edu/~bam/uicourse/05440inter2019/Bill-Atk...
Their backend is just a json file, which I GET and PUT with Nginx + WebDav + Basic Auth
How?
---
Another approach is using base52 sequential names, such as `aa, ab, …`. I tried that a few years ago in Webpack, I don't remember but there was an issue, IIRC they weren't deterministic.
53K _long.css
11K _long.css.br
14K _long.css.zst
38K _short.css
8.9K _short.css.br
11K _short.css.zst 53K _long.css
38K _short.css
11K _long.css.br
8.9K _short.css.br
Both, dev and prod, have hashes because that's part of what CSS Modules uses to avoid collisions.Besides download size, smaller names improve parsing speed too.
If you use Vite:
css: {
modules: {
generateScopedName: mode === 'production'
? '[hash:base64:8]'
: '[name]__[local]___[hash:base64:5]',
}
}One project is a proportional coding font, Camelana, which has left-padded uppercase letters when they are part of a camel case identifier.
Also, it has custom ligatures. e.g. the keywords ‘return and ‘throw look like a sticker with a solid background, so it is easy to spot exit points.
https://github.com/ericfortis/camelana
Another project is TabularEye, which renders some code blocks in columns without editing the whitespace.
https://github.com/ericfortis/tabular-eye
And other little projects like that
I think that was a nice test, but the platform is too buggy to recommend.