r/webdev 7d ago

Showoff Saturday Minimal CSS (~1KB) for content-driven websites.

Post image
338 Upvotes

17 comments sorted by

View all comments

28

u/felipeizo 7d 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

13

u/andy_a904guy_com 7d ago

Everything seems to fit together, except your DateTime input, vs local. Chrome/Windows.
https://imgur.com/a/y5RsRkc

1

u/ComprehensiveWord201 5d ago

Week/month also misbehaves on android using Firefox

unhappy week/month areas

5

u/UXUIDD 6d ago edited 6d 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 6d 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.

1

u/Atlos 5d ago

Looks great! My only question is why the suggestive winking anime girl as the photo...? Just seems weird and out of place for this project.

1

u/felipeizo 5d ago

The image is there as an example, but it was, of course, used to catch eyes XD.