Find out what different between anything with Compargram.com

Foundation vs. Skeleton Css , which win?

Foundation Logo

Foundation

Front-end Framework

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.

Review
Skeleton Css

Skeleton Css

Front-end Framework

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.

Review

Overview

Document foundation.zurb.com/sites/docs getskeleton.com/#intro
NPM Pakage npmjs.com/package/foundation-sites
CDN cdnjs.com/libraries/foundation cdnjs.com/libraries/skeleton
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
Source model Open source

Different between Foundation and Skeleton Css

Document foundation.zurb.com/sites/docs getskeleton.com/#intro
NPM Pakage npmjs.com/package/foundation-sites
CDN cdnjs.com/libraries/foundation cdnjs.com/libraries/skeleton
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
Source model Open source

Foundation vs Skeleton Css compare

Foundation vs Skeleton Css reviews

comparman

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.

Avatar

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.

comparman

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

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

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

Vote

1
0

Compargram.com© 2018