3 ms·

Wing – A dead-simple, responsive, CSS framework

26 points by kbr 10y ago

kixpanganiban 10y ago
So many of these CSS frameworks claiming to be "dead-simple" and "responsive". From the first page of https://www.google.com/search?q=minimal+css+framework https://www.google.com/search?q=minimal+css+framework, we have Milligram, Pure, Base, MinimalCSS, Bulm, and Skeleton. There's even a GitHub project which catalogs this: https://github.com/neiesc/ListOfMinimalistFrameworks#framework-for-css https://github.com/neiesc/ListOfMinimalistFrameworks#framewo... So my question would be: what sets Wing apart and why should I use it compared to all other grid-ready, responsive, minimal frameworks out there?
- psiclops 10y ago
  I am curious as well. The page looks very similar to skeleton's homepage. What does this offer that other frameworks don't?
Zekio 10y ago
I will try it out :)
- kbr 10y ago
  Awesome! Be sure to send me a link :)
tunnuz 10y ago
On my Nexus 5X mobile the page scrolls also horizontally, revealing a white space.
- ecaron 10y ago
  I think that's not a problem with the framework, but the CDN link in a box that should instead be scrolling unto itself. Still worth a GitHub issue to get fixed...
- kbr 10y ago
  Hmm, this might be because the code block is too big.
jbpetersen 10y ago
Mousing over "check it out" makes the center div jump up and blur momentarily. The same effect is more pronounced when mousing away from it as the button fades back to its default. Apparently my skills for debugging live CSS could use improvement since I can't find whatever's changing to cause the effect.
- kbr 10y ago
  That's weird... Can you give more details? What do you mean by the center div? Thanks for the feedback :)
  - iptables 10y ago
    I'm experiencing the same thing. by the center div, I think he means the big text in the center where "WING" is. When you hover over it, it sort of twitches a little bit.
- kbr 10y ago
  Oh I see, this is a known issue, as webkit will treat the text in the same div of the button, which has a transform, as an image. This makes things blurry as a price of hardware acceleration. See more here: http://stackoverflow.com/questions/4641522/how-to-force-re-render-after-a-webkit-3d-transform-in-safari/4847445#4847445 http://stackoverflow.com/questions/4641522/how-to-force-re-r... I will try getting this fixed.
deleted 10y ago
[deleted]

26 points by kbr 10y ago

So many of these CSS frameworks claiming to be "dead-simple" and "responsive". From the first page of https://www.google.com/search?q=minimal+css+framework https://www.google.com/search?q=minimal+css+framework, we have Milligram, Pure, Base, MinimalCSS, Bulm, and Skeleton. There's even a GitHub project which catalogs this: https://github.com/neiesc/ListOfMinimalistFrameworks#framework-for-css https://github.com/neiesc/ListOfMinimalistFrameworks#framewo... So my question would be: what sets Wing apart and why should I use it compared to all other grid-ready, responsive, minimal frameworks out there?

psiclops 10y ago
I am curious as well. The page looks very similar to skeleton's homepage. What does this offer that other frameworks don't?

Zekio 10y ago

I will try it out :)

kbr 10y ago
Awesome! Be sure to send me a link :)

tunnuz 10y ago

On my Nexus 5X mobile the page scrolls also horizontally, revealing a white space.

ecaron 10y ago
I think that's not a problem with the framework, but the CDN link in a box that should instead be scrolling unto itself. Still worth a GitHub issue to get fixed...
kbr 10y ago
Hmm, this might be because the code block is too big.

jbpetersen 10y ago

Mousing over "check it out" makes the center div jump up and blur momentarily. The same effect is more pronounced when mousing away from it as the button fades back to its default. Apparently my skills for debugging live CSS could use improvement since I can't find whatever's changing to cause the effect.

kbr 10y ago
That's weird... Can you give more details? What do you mean by the center div? Thanks for the feedback :)
- iptables 10y ago
  I'm experiencing the same thing. by the center div, I think he means the big text in the center where "WING" is. When you hover over it, it sort of twitches a little bit.
kbr 10y ago
Oh I see, this is a known issue, as webkit will treat the text in the same div of the button, which has a transform, as an image. This makes things blurry as a price of hardware acceleration. See more here: http://stackoverflow.com/questions/4641522/how-to-force-re-render-after-a-webkit-3d-transform-in-safari/4847445#4847445 http://stackoverflow.com/questions/4641522/how-to-force-re-r... I will try getting this fixed.

deleted 10y ago

[deleted]