Skeleton 2.0 CSS Framework • Hacker News Board

Re: Skeleton 2.0 CSS Framework

#91

Post by pikzen » Wed, Dec 10, 2014, 11:32 AM UTC

AlwaysBCoding wrote: post #73

gamesurgeon wrote: post #28

Skeleton is the only "sane" CSS boilerplate framework I've encountered. It's incredibly minimal -- the entire framework is so small and elegant that I can crank out websites without delving into the subtleties of the documentation. I find it really intuitive to use, and while I don't do a lot of web dev, when I do it's almost always with Skeleton. Anyways, I'm so glad you're working on Skeleton again! Congrats on the…

Semantic UI is really good as well. http://semantic-ui.com/

Aside from what has already been said (SemUI is a MASSIVE piece of CSS), Semantic UI is also not semantic.

is semantic is not semantic, it's describing how it should appear.

You can break half of the examples page by just clicking everywhere and typing and such. I currently have three buttons stuck in the middle of their two positions, textboxes being broken, etc. It needs work.

Also it's rarely a good thing if your goddamn landing page makes an i3 stutter when rendering it. Doesn't really scream lightweight or efficient (although the biggest culprit is that background header video)

Re: Skeleton 2.0 CSS Framework

#92

Post by redgc » Wed, Dec 10, 2014, 11:39 AM UTC

haberman wrote: post #56

Seems to be in the same market as Pure: http://purecss.io/ Would love to see a compare/contrast.

I second the request for a Pure comparison

Re: Skeleton 2.0 CSS Framework

#93

Post by jafingi » Wed, Dec 10, 2014, 11:41 AM UTC

This looks really great! Will definitely use it for my next project. Have loved Skeleton 1.0, and this is just better. Thanks!

Re: Skeleton 2.0 CSS Framework

#94

Post by nailer » Wed, Dec 10, 2014, 12:22 PM UTC

gamesurgeon wrote: post #28

Skeleton is the only "sane" CSS boilerplate framework I've encountered. It's incredibly minimal -- the entire framework is so small and elegant that I can crank out websites without delving into the subtleties of the documentation. I find it really intuitive to use, and while I don't do a lot of web dev, when I do it's almost always with Skeleton. Anyways, I'm so glad you're working on Skeleton again! Congrats on the…

    div class="eleven columns"

I'd rather keep my styling in my stylesheet. Using mixins rather than styling classes allows a developer to look in a single place - the SCSS - to determine how something looks.

Re: Skeleton 2.0 CSS Framework

#95

Post by PSeitz » Wed, Dec 10, 2014, 1:07 PM UTC

I generally like this very much, but I don't think width:80% for container is suited for mobile.

Re: Skeleton 2.0 CSS Framework

#96

Post by pbhjpbhj » Wed, Dec 10, 2014, 1:51 PM UTC

dhgamache wrote: post #53

calebm wrote: post #25

"Skeleton: A Dead Simple..." - I see what you did there :)

I wrote it totally by accident then got a dumb smile and was like...feels right.

Presumed the name came via "bare bones CSS framework"?

Re: Skeleton 2.0 CSS Framework

#97

Post by insin » Wed, Dec 10, 2014, 1:55 PM UTC

kitd wrote: post #86

Very neat. A bit OT, but it appears the 'class' attribute has now become the home for DSLs for styling. I wonder if there are better ways of doing this because after a while it becomes difficult to process mentally. Maybe these projects should actually create their own markup language and release a transformer to HTML.

That's effectively what React Bootstrap [1] is. I'm wondering if there's a nice way to make a factory-like version of something similar which takes DSL definitions and generates the necessary components for you to use in a sandbox.

Or custom element types for Emmet [2] which expand to the appropriate HTML.

[1] http://react-bootstrap.github.io/ [2] http://docs.emmet.io/abbreviations/types/

Re: Skeleton 2.0 CSS Framework

#98

Post by misterjinx » Wed, Dec 10, 2014, 2:19 PM UTC

Talk about timing. Yesterday I was checking up on this to see if there is something new and today this shows up. Great!

Re: Skeleton 2.0 CSS Framework

#99

Post by jusuchin » Wed, Dec 10, 2014, 2:29 PM UTC

Used Skeleton as the backbone for a responsive self service portal; it was great to use and customize!

Re: Skeleton 2.0 CSS Framework

#100

Post by pygy_ » Wed, Dec 10, 2014, 2:32 PM UTC

nailer wrote: post #94

gamesurgeon wrote: post #28

Skeleton is the only "sane" CSS boilerplate framework I've encountered. It's incredibly minimal -- the entire framework is so small and elegant that I can crank out websites without delving into the subtleties of the documentation. I find it really intuitive to use, and while I don't do a lot of web dev, when I do it's almost always with Skeleton. Anyways, I'm so glad you're working on Skeleton again! Congrats on the…

div class="eleven columns" I'd rather keep my styling in my stylesheet. Using mixins rather than styling classes allows a developer to look in a single place - the SCSS - to determine how something looks.

Have you looked at PocketGrid?

It's one of these situations where less is more. The library weights 517 bytes minified, and it lets you write semantic markup.

http://arnaudleray.github.io/pocketgrid/docs/

https://github.com/arnaudleray/pocketgrid

————

Edit: here's the pitch:

* Lightweight: about 0.5kB!

* Pure CSS-only (no CSS preprocessor needed)

* Fluid (by default, but you can set a fixed width or max-width if you want)

* Responsive

* Unlimited number of breakpoints (you can define your own Media Queries)

* Mobile-first compatible (block width is 100% by default)

* Content-first compatible (you can swap columns and you can define your own breakpoints for each content in your page to fine-tune and optimize your content readability: not only 'tablet' or 'smartphone' breakpoints)

* Semantic (as much as a pure CSS grid could be ;) )

* Very simple (just have to define blocks and groups of blocks)

* Unlimited number of columns (no 12 or 16 columns restrictions: blocks just require a width in percentage)

* Unlimited nested grids

* Manage consistent gutters (gutters can be defined in pixels or ems, which is better than percentage-based solutions because it allows consistent gutters even in nested grids)

* Automatic rows (when a row is full, the next blocks go to a new row without doing anything)

* No dependencies

* Compatible with CSS frameworks such as Twitter Bootstrap or Zurb Foundation (you can use the Bootstrap or Foundation components such as buttons, tabs, etc. and use the Pocket grid for other layout)

* Compatibility: IE6+, Firefox, Chrome, Safari, Opera, and mobile browsers (iPhone, iPad, Android...)

————

Edit2, I just submitted it separately: https://news.ycombinator.com/item?id=8729316