Find out what different between anything with Compargram.com

placeholder
placeholder

Foundation vs. Skeleton Css , which win?

Foundation Logo

Foundation

Foundation is a responsive front-end framework. Foundation provides a responsive grid and HTML and CSS UI components, templates, and code snippets, including typography, forms, buttons, navigation and other interface elements, as well as optional functionality provided by JavaScript extensions. Foundation is maintained by ZURB and is an open source project.

Skeleton Css

Skeleton Css

As mentioned above, Skeleton is a lightweight CSS framework (or boilerplate, if you prefer this definition) created by Dave Gamache. More specifically, it's two CSS files: the popular normalize.css file and the skeleton.css file.

Statistics

Github Stars

Foundation

loading...
stars

Skeleton Css

loading...
stars

Github Contributors

Foundation

loading...
contributors

Skeleton Css

loading...
contributors

Overview

Html Yes
    Javascript Yes
      Css Yes
        Source model Open source
        Open source
        Document foundation.zurb.com/sites/docs
        getskeleton.com/#intro
        Developer ZURB
        Dave Gamache
        Stable release August 18, 2017
          Size 233 KB
          8.11 KB
          Initial release October 2011
            Programming Languages
            • CSS
            • HTML
            • JavaScript
            • Sass
            • CSS
            • HTML
            Available language English
            English
            Website foundation.zurb.com
            getskeleton.com
            Icon set Foundation Icon Fonts
              PremiumDNS
                No

                Different between Foundation and Skeleton Css

                Html Yes
                  Javascript Yes
                    Css Yes
                      Document foundation.zurb.com/sites/docs
                      getskeleton.com/#intro
                      Developer ZURB
                      Dave Gamache
                      Stable release August 18, 2017
                        Size 233 KB
                        8.11 KB
                        Initial release October 2011
                          Programming Languages
                          • CSS
                          • HTML
                          • JavaScript
                          • Sass
                          • CSS
                          • HTML
                          Website foundation.zurb.com
                          getskeleton.com
                          Icon set Foundation Icon Fonts
                            PremiumDNS
                              No

                              Foundation strengths

                              Javascript
                              Yes
                                Icon set
                                Foundation Icon Fonts

                                  Skeleton Css strengths

                                  Size
                                  233 KB
                                  8.11 KB

                                  Foundation vs Skeleton Css compare


                                  Add your

                                  Foundation vs Skeleton Css reviews

                                  Login to review

                                  comparman Foundation

                                  Foundation provides a better environment for website customization. Although it’s possible to customize with Bootstrap, it takes a fair amount of effort to get your site to not look like other Bootstrap sites.

                                  With Foundation, the out-of-the-box CSS design is more of a flat design and looks good right away. And you don’t have to customize too heavily.

                                  comparman Foundation

                                  If you don’t add the correct CSS classes with Bootstrap, effects will not appear.

                                  With Foundation, there are base CSS appearances built in. Some may prefer this, especially since there won’t be as much CSS bloat in your HTML.

                                  comparman Foundation

                                  Bootstrap’s popularity is like a double-edged sword.

                                  Since many sites use Bootstrap, it can make it easy to tell if a site has been built with Bootstrap. Of course, the last thing you want is a website that looks like everyone else’s.

                                  Because Foundation is less popular, the look is more unique. Bootstrap sites can look cookie-cutter unless extensive customization work is done.

                                  comparman Foundation

                                  When it comes to extra components and JS extensions, Bootstrap and Foundation are basically head-to-head.

                                  But here are a few extras that Foundation has that Bootstrap does not.

                                  • Form validation, Abide: HTML5 form validation library
                                  • Off-canvas menus: Easily place your site navigation off to the side of your site
                                  • Pricing tables: Ready-to-go table, designed to show prices for a subscription based product
                                  • Responsive media, Interchange: Website loads different media for different devices/screen sizes, so you can customize the user experience
                                  • Right-to-left support: Modify the text direction; great for sites in other languages where characters move from right to left
                                  • Tour, aka Joyride: Give users a tour when they come to your site

                                  Thor Skeleton Css

                                  Although Skeleton is usually called a framework, it is largely a boilerplate. There are no extensive components list, nor are there any custom jQuery integrations. You get a simple, no-frills boilerplate that you can later customize.

                                  Vote

                                  1
                                  0

                                  Compargram.com© 2018