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

11–20 of 34 posts

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

#11

Post by szensius »

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 don't know about more obscure but I've frequently used Foundation and like it. It doesn't feel as bloated at Bootstrap. I haven't used Bootstrap in awhile, so maybe it's gotten better, but I always felt like the number of elements required even for a simple modal seemed like overkill.

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

#12

Post by jazoom »

simplify wrote: post #10

Are there any CSS frameworks nowadays that use flexbox instead of the float-grid model?

I believe Foundation has a flexbox mode.

There's also this: http://flexboxgrid.com

I just use whatever I want and use LostGrid in flexbox mode for my grids.

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

#13

Post by kingkool68 »

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?

Responsive design is the norm so I guess the answer to your question is "all the code together"

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

#14

Post by xcatliu »

simplify wrote: post #10

Are there any CSS frameworks nowadays that use flexbox instead of the float-grid model?

Bootstrap v4 provides an opinion to use flex box instead of the traditional grid.

http://v4-alpha.getbootstrap.com/getting-started/flexbox/

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

#15

Post by sleazebreeze »

Now that flexbox is widely supported, I don't really see a huge reason to bother with a framework like this. Bootstrap and other frameworks had a reason to exist several years ago; now I just don't get it. The main draw for me and my team was the consistent row and column layouts.

Also, the `container-side` thing is baffling. Why is that part of the framework? It seems like such a narrow focus. What kind of content is never visible on mobile? Why does it have to be on the side?

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

#16

Post by xcatliu »

huphtur wrote: post #7

QR Code on that web page... "Scan to view on mobile". Because typing getmobicss.com on your mobile is too difficult?

Typing getmobicss.com is not difficult, but for other urls it may be difficult, for example if your website has a url like this

https://www.reddit.com/r/television/comments/511qv7/mythbust...

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

#17

Post by xcatliu »

Kequc wrote: post #9
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 ha…

Skeleton is good, but not prefect on mobile.

You can try it on your iPhone http://getskeleton.com

As I tried, scrolling in a scroll-view (the overflow:auto section) is not smooth, element is ugly, and the 

 even not working (although it might be the website's problem, not the framework's, it proved that they didn't tested on mobile)
Skeleton has another major issue, it overrides the default styles of s and s, making it very hard to set it back. This is not friendly to third-party libraries. As far as I can see, no other frameworks did this.

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

#18

Post by xcatliu »

sleazebreeze wrote: post #15

Now that flexbox is widely supported, I don't really see a huge reason to bother with a framework like this. Bootstrap and other frameworks had a reason to exist several years ago; now I just don't get it. The main draw for me and my team was the consistent row and column layouts. Also, the `container-side` thing is baffling. Why is that part of the framework? It seems like such a narrow focus. What kind of content i…

Thanks for your feedback.

Actually Bootstrap v4 provides an opinion to use flex box instead of the traditional grid. http://v4-alpha.getbootstrap.com/getting-started/flexbox/

I would say your suggestion is good. I don't have a convincing reason that `container-side` being a part of the framework. I'll consider to remove it.

What kind of content is never visible on mobile? `Scan the QRCode to view on mobile` and `Go to top` is a kind of this content.

Why does it have to be on the side? I think it's a good design to guide people to view on mobile. Or where do you think it can be?

Thanks!

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

#19

Post by cel1ne »

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 http://tachyons.io/ for everything and couldn't be happier. It gives you lots of singe-purpose classes that you mix and match.

And most importantly it gives you a REM-relative scale for your spaces: http://tachyons.io/docs/layout/spacing/ and for typography: http://tachyons.io/docs/typography/scale/.

So everything is responsive and I don't ever have to think about pixel-values again.

I even ported it for React Native: https://github.com/tachyons-css/react-native-style-tachyons

Post reply on HN