Click me
Transcript

Bootstrap versus Foundation

BOOTSTRAP VERSUS FOUNDATION A CLOSER LOOK AT THE MOST FAMOUS FRONT-END FRAMEWORKS BOOTSTRAP FOUNDATION WHAT IS A FRAMEWORK? A - mostly - free collection of tools for creating websites & web applications. HTML & CSS design templates are mostly provided for typography, forms, buttons, navigation and interface components. WHY USE A FRAMEWORK? Rapid prototyping Code Bloat by customization Streamline your design process Know your code Save development time because tested Updating can break up things Scale your design on all devices Collaborations in teams Secure / Cost / Support / Efficiency PRO'S CON's FEATURES BOOTSTRAP VS. FOUNDATION BOOTSTRAP BOOTSTRAP - VERSION 3 New tab DESKTOP | TABLET | MOBILE GRID SMALL- MEDIUM - LARGE - X-LARGE UI ELEMENTS EXTENSIVE UI ELEMENTS UNITS PIXELS {less} + Sasth PREPROCESSOR PHILOSOPHY RAPID DEVELOPMENT PROTOTYPES FOUNDATION FOUNDATION - VERSION 5 New tab MOBILE FIRST APPROACH GRID SMALL- MEDIUM - LARGE UI ELEMENTS COMPACT UI ELEMENTS UNITS ROOT EM PREPROCESSOR PHILOSOPHY DESIGN IT YOURSELF APPROACH COMMUNITY LINKS expo.getbootstrap.com BOOTSTRAP FOUNDATION lovebootstrap.com bootswatch.com Big Small Flat Ul template bootply.com Add-ons Responsive gallery startbootstrap.com foundation.zurb.com Themes Mixture foundation.zurb.com/templates.html foundation.zurb.com/docs Code University mixture.io Templates BOOTSTRAP EXPO hipstafood.com crumbs.am zirtual.com Your delicious helper for every day ood to the last crumb Work. Life. Balanced. bod desaren brea M one place Get your very own U.S based, college-educeted virtual assistant today and watch your productivity skyrocket tomorrow Everything we know about the kitchen in me applicatio UNMERAL MEDA Revolution 4cc.co pickevent.com universalmediaus.com Get personalised event recommendations based on your interests and the events your network is attending. Connect with influencers and other attendees. INEMA PHOTO READY UNIVERSAL MEDIA REMARKABLE FOR DESIGN Login with Linkedin in NOT ONLY FOR WHAT WWE DO cidgs Home Features Help Press Kit Projectmanagement met DigitaleFactuur lawpal.com digitalefactuur.nl simplebots.co RISE ALARM CLOCK 6: 00 FOUNDATION EXPO ROKAN FITSTAR * 2013 thebolditalic.com fitstar.com rokkan.com Нyundai. The #1 personal training app for the iPad. Now on your iPhone. O PACK packdog.com brooklynbridgepark.org designawatch.mijlo.com WELCOME 2 Faces Shakespeare at Sunset: Taming of the Shrew IER 2 RISING EVENTS 5 UL 18. ZPH PIER 1 NON-STOOP 66-74-01 %24 tattly.com frogdesign.com discover.typography.com ATL the most unsentimental sans 65-59-92 CDG serifs can be romantic IA Tungsten DEN Gotham PARIS MEX THE ATH Knockout Numbers 98-62-55 Verlag Sert C 75-46-02 EN 08 Forza 2014 - design by bene.be designmodo MNL 65-59-92 → PEK

Bootstrap versus Foundation

shared by benediktevanderweeen on Feb 03
51 views
0 share
0 comments
An infographic explaining the main differences between the Bootstrap and Foundation frameworks.

Publisher


Designer

Bene

Writer


Category

Computers
Did you work on this visual? Claim credit!

Get a Quote

Embed Code

For hosted site:

Click the code to copy

For wordpress.com:

Click the code to copy
Customize size