Show HN: magick.css – Minimalist CSS for Wizards
css.winterveil.net
css.winterveil.net
Code for those interested: https://github.com/wintermute-cell/magick.css/blob/master/ma...
Wish there were custom checkboxes and radio buttons - they're the only thing that break immersion at the moment! Everything else is absolutely stellar. Might inspire me to finally make that blog I've been thinking about!
<main>
<header> </header>
<section> </section>
<section> </section>
<section> </section>
<footer> </footer>
</header>
I appreciate it if sites demoing their CSS embed the non-minimized version. I wanted to take a quick peek at what it looked like, but instead I have to go through a few additional hops to grab the source. Or at least just a clickable link directly to the unprocessed form.
> Permitted parents: Any element that accepts flow content. Note that a <header> element must not be a descendant of an <address>, <footer> or another <header> element
I think you can use a header more or less anywhere, and it is a header for content contained by its parent.
So, you might have a site-wide header, a main containing a content-specific header / content / footer, and then a site-wide footer.
Not sure how useful that would be, but interesting to me as a sometime web hacker.
that, and the ultra-minimal look of websites of old university professors (basically just html and nothing else) looks so cool to me.
i wish personal blogs were more popular!
Actually don't put anything in uppercase - like underlining, it's a form of emphasis that has its origins in typewriters, which were locked to one typeface.
The uppercase letterforms are too similar -- there is no variation in the heights of the letters, so your eye finds it harder to read. Upper and lower case, you have letters like y and p and j which have descenders; b and d and t who have ascenders, and the variation is easier to parse.
For emphasis, please use size, weight, and italics.
Thank you.
However, in doing so, it also creates a distinctive style.
I think I like it.
My general rule is less draconian and more receptive to aesthetic experimentation.
Here: Instead of using common sense Google ended up doing a user study with 800 participants to arrive at the conclusion that text inputs must look like text inputs https://medium.com/google-design/the-evolution-of-material-d...
For the hell of it, I looked at the Chinese translation offered in the nav. I can’t read Chinese, so I wonder what someone who can read it thinks, but it looks very cluttered to me. (I know font options are very limited compared to English.) Interestingly, it also uses different photos.
Is there a central place for in-the-know CSS wizards to post and discuss their most recent next level demo?
Years ago there was something called like CSS Zen Garden or something but times have moved on I think.
Lots of options here.
Wow, you just stirred some ancient memories!
[1] <aside> at least
[2] Not counting normalize.css
These are always hard to get right, but this one is compelling.
- https://andybrewer.github.io/mvp/ mvp.css
- https://yegor256.github.io/tacit/
- https://github.com/alvaromontoro/almond.css has thin fonts
- https://picocss.com/ Elegant styles for all natives HTML elements without .classes and dark mode automatically enabled.
- https://simplecss.org/demo 4kb incl dark mode
- https://watercss.kognise.dev/ Small size (< 2kb)
- https://github.com/xz/new.css (https://newcss.net/) 4.8kb
- https://github.com/oxalorg/sakura supports extremely easy theming using variables for duotone color scheming.
- https://github.com/susam/spcss
- https://neat.joeldare.com/ https://github.com/codazoda/neatcss
- https://concrete.style/ Tiny (< 1kb)
- https://github.com/zichy/fieber (new, wants feedback)
- https://mikemai.net/typesettings/index.html (new)
for more: https://github.com/swyxio/spark-joy/blob/master/README.md#no...
Last week I started a new site about strategies I use for my prolific note writing: https://notes.joeldare.com
It seems like a privacy/tracking issue, or am I offbase?
> The SIL Open Font License (or OFL in short) is one of the major open font licenses, which allows embedding, or "bundling", of the font in commercially sold products. OFL is a free and open source license.
https://en.m.wikipedia.org/wiki/SIL_Open_Font_License#:~:tex....
Worst case scenario, build it yourself inside on of the official Go docker containers.
1. Fight it at the polling booth and support things like the EFF.
2. Become a hard target for anyone but advanced actors with you on their short list.
Door #2 depends on what you mean by “advanced actor”, short of being Moxie Marlinspike or something, if Cozy Bear or 8800 or TAO/Equation Group wants you, they’re gonna get you. They’ve got people posing as employees in all the big shops (which to their credit have whole teams devoted to finding and ejecting them but with a clean passport long-term planning it’s an uphill fight).
As with all security, it’s a numbers game that comes down to three key principles:
1. Make the default flow the secure flow.
2. Decide who you trust to get the details right that your adversary understands better than you do.
3. Have multiple layers of security drawn from the list you get from #2.
My infosec story is still a mess, but it’s starting to become a known mess that I’m cleaning up in an organized way.
On #2: I trust Brad Fitzpatrick so I trust TailScale and run it everywhere. I trust Moxie so I trust Signal. I trust Proton for a few reasons, not least of which is that Reddit and Google and Meta and many, many others give you a bunch of grief coming in off a ProtonVPN exit node: Reddit won’t even let you connect, Google hits you with wild levels of CAPTCHA on e.g. Workspace OpenID connect, and Meta superficially connects but breaks in weird ways it shouldn’t even by “post laid everyone off” standards.
Brave is my compromise between usability and privacy, it’s got decent defaults that crank up really high (per-use permissions on WideVine is a great example, most major browser vendors just opt you in silently, it also fights AMP and does a fair amount of tracker blocking).
ProtonVPN is aggressive by default and has a few “sledgehammer” modes (e.g. Secure Core), and it can be configured to take down your effective connection if it fails to negotiate. It also does split WireGuard by default and so it plays nice with TailScale out of the box.
DuckDuckGo and Yandex both return stuff (e.g. torrents to leaked model weights) that Google censors, though obviously with Yandex you’re trading the old boss with one agenda for the new boss with a different one.
On LLMs, the Orca de-tunes of Mistral-8x7 are very operator-aligned and run just fine on mid-spec Macs or gaming-class PCs and you can build llama.cpp from a small-ish codebase you can easily grep for obvious icky shit (and I trust ggerganov).
Source: worked at FB on Ads and abuse/security and IG on ranking/recommenders.
It absolutely is, and if you do include them you have to show a consent popup in the EU.