HackerTrans
TopNewTrendsCommentsPastAskShowJobs

jfbrennan

no profile record

Submissions

Show HN: New 6kb design system called M- is like HTML6

m-docs.org
12 points·by jfbrennan·قبل 6 سنوات·8 comments

comments

jfbrennan
·قبل 5 سنوات·discuss
Agreed. I think HTML is great and JSX is an abomination. I also don't need literally 69 ways to do CSS in my React components. So, I prefer Vue SFC.
jfbrennan
·قبل 5 سنوات·discuss
Redux/Vuex never. I have yet to find someone who likes them, they've merely learned to tolerate them.
jfbrennan
·قبل 6 سنوات·discuss
Not full-blown wc, but custom HTML tags where possible (which is totally valid, very few devs realize this) and Custom Elements when js is required.

M- adds a bunch of elements on top of HTML (20 last time I counted). The design philosophy is that the API should match or feel like native HTML, e.g. <m-loader loading>, <m-alert type="warn" autodismiss>, <m-row> with <m-col span="6"> nested

And you def don't have to write your own styles. this example is a recreation of a Bootstrap demo page using M-: http://m-docs.org/examples/pricing. Looks good for 6kb and like 1 line of custom CSS imo
jfbrennan
·قبل 6 سنوات·discuss
haha, thanks. When you get a chance to try it, please feel free to share issues/feedback: https://github.com/jfbrennan/m-
jfbrennan
·قبل 6 سنوات·discuss
Thanks for the feedback. M- is a tiny design system compatible with virtually any web project. This differs from say Bootstrap or Material because those are not based on standards and come with dependencies that create compatibility issues, especially for larger organizations.

and yeah, the visual design is more basic (I'm not a visual designer), but most people will theme it to match their brand's design language anyway. Developer experience, project compatibility, and performance are the main focus. Visual perfection will come
jfbrennan
·قبل 6 سنوات·discuss
Fixed it! Thanks