front end frameworks

and what people on the Internet think about them.

The grids


I googled 'the grid' and liked this one.

The Kinda big three




  1. Zurb Foundation
  2. Twitter's Bootstrap
  3. Skeleton

Zurb's Foundation



everyone likes cute mascots!!

Class Names


                                  <div class="row">
                                          <div class="small-3 columns">
                                                  pretty logo here
                                          </div>

                                          <div class="small-9 columns">
                                                  Cats in Euclidean Space
                                          </div>
                                  </div>

Moar GRID Names



                                  .row
                                          .small-1.large-3.columns
                                                  pretty logo here or whatever
                                          .small-11.large-9.columns
                                                  Cats in Euclidean Space

things i care about

but maybe I shouldn't?

zurb/foundation repo
  • 12,022 stars
  • 233 contributors vs 2,242 forks (9.6%)
  • regular commits to master

stackoverflow
  • h4x for IE8 
  • upgrading foundation versions
  • unanswered questions

hacker news


      mokash 118 days ago

"I don't understand the whole mobile first thing? Isn't Foundation already responsive? Don't most websites built with Foundation's grid system automatically fit nicely on mobile devices? Am I missing something?"

twitter's bootstrap



NO ADORABLE YETI
PICTURE FOR YOU

:'(((((

class names



                                .row-fluid
                                        .span3
                                                logo here 
                                        .span9
                                                pokemon style guide

Class Names



"I heard you like spans"
                                 

more data

I should have just made this a table

twitter/bootstrap
  • 52,127 stars
  • 235 contributors vs 16,845 forks (1.8%)
  • commits to 3.0.0wip daily

stackoverflow
  • js/css customization techniques
  • google map embed is broken
  • awful devs who want solutions

hacker news

tptacek 677 days ago 

"Not to take anything away from a really nice contribution by Twitter's team, but ......

insert hacker news here

Or, use Bootstrap; it's really nice. I'm just saying you have lots of good options."

skeleton



figure somewhat related

css names

(doc code examples hosted on gist...)

.container
.




is this spam?


dhgamache/Skeleton
  • 3,765 stars
  • 14 contributors vs 609 forks
  • commited to master 1 year ago

stackoverflow
  • expand the 960grid (.container)
  • rhetorical questions challenging devs
  • unanswered questions

Hacker news

thatcoolguy 711 days ago

"I don't like it too much. It's still based on designing for desktop first.

I prefer the ones that use a mobile first approach, which is more future-proof and is supported on more devices."

honorable mentions


Gumby
http://gumbyframework.com/

Pure
http://purecss.io/

.pure-g
.pure

Front End Halpers

By Jensen Kuras

Made with Slides.com

Front End Halpers

  • 352

More from Jensen Kuras