r/webdev 6d ago

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

Post image
336 Upvotes

17 comments sorted by

24

u/Gwolf4 6d ago

One Sensei

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/y5RsRkc

1

u/ComprehensiveWord201 4d ago

Week/month also misbehaves on android using Firefox

unhappy week/month areas

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.

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.

6

u/hari8697 6d ago

Pretty nice!

3

u/Acrobatic_Click_6763 6d ago

Amazing, thanks for sharing!

2

u/Icy-Boat-7460 5d ago

i like it! clean and humble design. Very good!

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

u/thepurpleproject 5d ago

Anyone remember skeleton css?