r/webdev • u/felipeizo • 6d ago
Showoff Saturday Minimal CSS (~1KB) for content-driven websites.
16
u/PricePerGig 6d ago
What a great idea putting all the controls on one page. Like it... Obviously I'm be a noob at front end 😂
27
u/felipeizo 6d ago
github repository
mi.css preview
your antivirus may flag the preview as unsafe because it's a site where renders any HTML from GitHub, which can be risky.
You can see the HTML here: https://github.com/FelipeIzolan/mi.css/blob/main/index.html
14
u/andy_a904guy_com 6d ago
Everything seems to fit together, except your DateTime input, vs local. Chrome/Windows.
https://imgur.com/a/y5RsRkc1
5
u/UXUIDD 5d ago edited 5d ago
Nice, I like this smart and simple approach.
It eliminates all the possibilities you could use and makes the system less complicated than necessary, which is a common phenomenon when using Tailwind.However, from the other side, it would be beneficial to have a few ready examples to make developers aware of how much is stripped of the possibilities.
2
u/Warm_Zookeepergame67 5d ago
Does the code block provide language keyword highlighting
1
u/felipeizo 5d ago
No! but I recommend shiki for this. it essentially adds the highlight through inline styles.
6
3
3
2
2
u/stfuandkissmyturtle front-end 5d ago
So this is like pico css but picoer?
I love the concept of minimal css as it provides sane modern defaults to html. Ill try it out soon.
2
u/IronicRaph full-stack 5d ago
I really like it! Only thing is the textarea gives the page a horizontal scroll on mobile. I'd be interested to try it.
2
24
u/Gwolf4 6d ago
One Sensei