Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Show HN: Mobi.css – A lightweight, flexible CSS framework that focuses on mobile

github.com

Post reply on HN
Print view View original

1–10 of 34 posts

Re: Show HN: Mobi.css – A lightweight, flexible CSS framework that focuses on mobile

#2

Post by sotojuan »

I see a lot of these "CSS frameworks" pop up, but which ones do people actually use day to day?

Not criticizing the author—this looks cool and I'll give it a try, but I see a lot of these pop up and at work I've only ever used Bootstrap/Material/Semantic UI and for my own work I use Tachyons. Anyone use something a bit more obscure?

Re: Show HN: Mobi.css – A lightweight, flexible CSS framework that focuses on mobile

#3

Post by franciscop »

sotojuan wrote: post #2

I see a lot of these "CSS frameworks" pop up, but which ones do people actually use day to day? Not criticizing the author—this looks cool and I'll give it a try, but I see a lot of these pop up and at work I've only ever used Bootstrap/Material/Semantic UI and for my own work I use Tachyons. Anyone use something a bit more obscure?

I use my own library extensively (which has been on HN few times), mainly because since I made it I know every bit of it. But I use it as a base to grow the style and have decent ground such as buttons/inputs/etc.

So I only need to take care of the bigger things like colors and shapes, while the library makes sure the small bits are consistent (widths and heights, box-sizing, :hover and :active, etc).

I've tried not using it but the amount of work required to make CSS work and look nicely with all those quirks just doesn't make sense. It's much easier to overwrite a background and border-radius than to write a proper button from scratch.

Next step, I'm thinking about making it all abstract with scss then I can just @extend those %placeholders.

Re: Show HN: Mobi.css – A lightweight, flexible CSS framework that focuses on mobile

#6

Post by xcatliu »

Scarbutt wrote: post #4

What's the norm if you need a desktop and mobile version of a webpage, to have one separate code base for each one(can be on the same repo) or all the code together with the appropriate screen size detections?

I think the question is who is your target customer. If you are building a website that focus on mobile user, it's no need to design and test for desktop.

In this case Mobi.css is a choice. You can show a QRCode to guide people to mobile.

Re: Show HN: Mobi.css – A lightweight, flexible CSS framework that focuses on mobile

#8

Post by JusticeJuice »

franciscop wrote: post #3
sotojuan wrote: post #2

I see a lot of these "CSS frameworks" pop up, but which ones do people actually use day to day? Not criticizing the author—this looks cool and I'll give it a try, but I see a lot of these pop up and at work I've only ever used Bootstrap/Material/Semantic UI and for my own work I use Tachyons. Anyone use something a bit more obscure?

I use my own library extensively (which has been on HN few times), mainly because since I made it I know every bit of it. But I use it as a base to grow the style and have decent ground such as buttons/inputs/etc. So I only need to take care of the bigger things like colors and shapes, while the library makes sure the small bits are consistent (widths and heights, box-sizing, :hover and :active, etc). I've tried not…

Thats the thing right, a CSS framework with a lot of sweet features is a lot of complicated. There's so much to learn it's almost easier to just use plain css.

But if you make your own framework, it's much easier because you know it all.

Re: Show HN: Mobi.css – A lightweight, flexible CSS framework that focuses on mobile

#9

Post by Kequc »

sotojuan wrote: post #2

I see a lot of these "CSS frameworks" pop up, but which ones do people actually use day to day? Not criticizing the author—this looks cool and I'll give it a try, but I see a lot of these pop up and at work I've only ever used Bootstrap/Material/Semantic UI and for my own work I use Tachyons. Anyone use something a bit more obscure?

Skeleton is perfect.

https://github.com/dhg/Skeleton/blob/master/css/skeleton.css

It's tiny, simple, and so easy that if you read it and understand it, you could write it again yourself. It's meant to be tooled and modified to suit your needs. Bootstrap is just gigantic, it's a big unwieldily blunt instrument that eventually needs to be removed from the project.

The framework in OP bothers me because of the way it handles margins around components, makes unnecessary use of flexbox, and hides the entire sidebar of the page on mobile. Which I don't think will often be very useful.

I'm very opinionated about my css frameworks.

Post reply on HN