HNHacker News
TopNewBestAskShowJobs

xcatliu

50 karma · joined January 28, 2016

submissionscomments
xcatliu··on Show HN: Mobi.css – A lightweight, flexible CSS framework that focuses on mobile
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!

xcatliu··on Show HN: Mobi.css – A lightweight, flexible CSS framework that focuses on mobile
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, <select> element is ugly, and the <pre><code> 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 <input>s and <table>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.

xcatliu··on Show HN: Mobi.css – A lightweight, flexible CSS framework that focuses on mobile
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...

xcatliu··on Show HN: Mobi.css – A lightweight, flexible CSS framework that focuses on mobile
Bootstrap v4 provides an opinion to use flex box instead of the traditional grid.

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

xcatliu··on Show HN: Mobi.css – A lightweight, flexible CSS framework that focuses on mobile
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.

xcatliu··on Mobi.css v1.0.0-alpha.1 released
Thanks! I've created one. https://news.ycombinator.com/item?id=12421804
xcatliu··on Mobi.css v1.0.0-alpha.1 released
For people who cannot visit the site, we have a mirror one: http://getmobicss.xcatliu.com

And the GitHub repo: https://github.com/xcatliu/mobi.css