Bootstrap
Upcoming SlideShare
Loading in...5
×
 

Bootstrap

on

  • 2,237 views

short presentation for bootstrap

short presentation for bootstrap

Statistics

Views

Total Views
2,237
Views on SlideShare
2,212
Embed Views
25

Actions

Likes
6
Downloads
83
Comments
1

5 Embeds 25

http://www.ilhwan.com 18
http://localhost 3
http://127.0.0.1 2
http://bootstrap.oktopic.com 1
https://www.linkedin.com 1

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Bootstrap Bootstrap Presentation Transcript

  • BootstrapSleek, intuitive, and powerful Front-end Framework CJ E&M Games Ilhwan Seo
  • Table of contents Responsive Web Framework Bootstrap Demo
  • Responsive Web Any devices and browsers Reading Optimal View Navigation
  • Framework Framework HTML5 CSS3 Javascript
  • Framework - Overview Bootstrap •Twitter •APL v2.0 (It will be replaced to MIT in v3) •CSS & Javascript •Last Updated 2012.12.08 (2012.12) Foundation •Zurb •MIT •CSS & Javascript •Last Updated 2012.12.12 (2012.12) Skeleton •Dave Gamache(Designer at Twitter; formerly Interaction Designer at ZURB) •MIT •CSS •Last updated 2011.05.15 (2012.12)
  • Framework – Comparison Bootstrap Foundation SkeletonBrowser Chrome, Firefox, Safari, Chrome, Firefox, Safari, Chrome, Firefox,Support Opera, IE7+ IE8+ Safari, IE7+Scale Large Medium MediumGrids Fluid, Fixed Fluid, Grid Tools Fixed (724px, 940px, 1170px, (max-width 100%) (960px) below 767px are single column and vertically stacked)CSS Reset(normalize.css) Reset(normaliza.css) Reset(own reset) LESS SASS/SCSSHistory Style guide for internal Boilerplate for client a style agnostic tools in Twitter projects framework by Dave
  • Framework – Fluid & Fixed 90% 724px 50% 20% 20% 362px 144px 144px
  • Framework - Reset http://meyerweb.com/eric/tools/css/reset/
  • Framework – LESS, SASS Dynamic stylesheet language Variables Nested Rules Common Features Mixins LESS Operations Functions SASS Selector Inherit Compile CSS
  • Framework – LESS Example Functions Variables Operations Mixins Nested Rules
  • Bootstrap – Why Bootstrap? Easy to use Keep updating Full browser & device compatibility Lots of sites use it It works well with jQuery
  • Bootstrap - Features
  • Bootstrap – Proposal Global portal websites Internal systems for admin Mobile PC Tablet One Source
  • Thank you.