Bootstrap
Download as PPTX, PDF0 likes301 views
Bootstrap is a free and open-source JavaScript framework for developing responsive web sites and web applications. It contains HTML and CSS templates for common user interface components like buttons, navigation, and forms. Bootstrap is easy to implement, customizable through LESS or online tools, and has large community support. It is commonly used because it helps create a uniform look and feel across sites and allows developers to build responsive designs for multiple devices.
Bootstrap
- 2. ïĄ Itâs a JavaScript library that runs on the browser. ïĄ Designed to give uniformed look and feel to buttons, links and navigation. ïĄ Originally started by Twitter. Now open source. ïĄ Can be hosted on your site, or from a library (CDN). ïĄ Responsive (designed for mobile & desktop). ïĄ Easily âThemedâ. WHAT IS BOOTSTRAP?
- 3. ïĄ Lots of site already use it. ïĄ Easy to implement. ïĄ Builds with LESS. ïĄ Integrates with build tools such as Yeoman. ïĄ Free (MIT licenced). ïĄ Skills are already in the marketplace. ïĄ Good support on sites like SO. ïĄ Supports Icons. WHY USE BOOTSTRAP?
- 4. WHAT DOES BOOTSTRAP LOOK LIKE?
- 5. WHAT DOES BOOTSTRAP LOOK LIKE?
- 6. ïĄ Change the colours with LESS or online apps (bootSwatchr) CUSTOMIZING BOOTSTRAP
- 7. ïĄ Change the style of buttons and inputs (bootstrap zero) CUSTOMIZING BOOTSTRAP
- 8. ïĄ Add new âwidgetsâ (bootsnipp) CUSTOMIZING BOOTSTRAP
- 9. ïĄ Phone gap / Phone gap build service. ïĄ Detect browser and switch button styles for more native look. ïĄ Great for âAlways connectedâ Uber style apps. ïĄ Not good for âAngry birdsâ apps. ïĄ Increases testing footprint. BOOTSTRAP IN AN APP
- 10. ïĄ Use free automation tools like âSeleniumâ. ïĄ Test buttons, styles and colours using automated testing. ïĄ Make global test rules (all links must have a title). TESTING BOOTSTRAP
- 11. ïĄ Jquery UI : not as polished ïĄ Google Polymer : still in beta , but looks promising ïĄ Foundation : First responsive framework, but less popular ïĄ YUI : Backed by Yahoo, steeper learning curve, better graphics options ALTERNATIVES TO BOOTSTRAP
- 12. ïĄ Design heavy sites. Bootstrap can be limiting ïĄ Bootstrap is big. You can remove feature you wonât use ïĄ Targeting old/obscure browsers WHEN NOT TO USE BOOTSTRAP
- 13. Yes I do use bootstrap EAT YOUR OWN DOG FOOD!
- 14. ? QUESTIONS ?