Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Bootstrap at the Twitter UK Open House

Bootstrap at the Twitter UK Open House

Our first international talk on Bootstrap, focused on the release of v2.0.3, the tools we use to work on Bootstrap, and what the future holds for the upcoming releases.

Mark Otto

April 24, 2012
Tweet

More Decks by Mark Otto

Other Decks in Programming

Transcript

  1. Bootstrap
    Defender of the Universe
    #ukopenhouse

    View full-size slide

  2. Simple and flexible HTML, CSS, and
    Javascript for popular user interface
    components and interactions.
    What

    View full-size slide

  3. 16,300+
    watchers
    3,000+
    forks
    1,400+
    closed issues
    852
    commits
    2.0

    View full-size slide

  4. 27,000+
    watchers
    5,200+
    forks
    3,100+
    closed issues
    260
    commits
    2.0.3

    View full-size slide

  5. #ShipIt
    • 97 closed issues
    • File structure
    • Documentation
    • CSS tests
    • Glyphicons 1.6
    • Separate responsive files
    • Tooling

    View full-size slide

  6. Tooling
    • Makefile
    • Recess
    • JSHint
    • Travis CI

    View full-size slide

  7. Focus
    • Communication
    • Customization
    • Mobile

    View full-size slide

  8. Communication
    • Blog, Twitter, and GitHub
    • Getting Started docs (2.1)
    • Build and test tools (2.0.3)
    • Examples (2.1)

    View full-size slide

  9. Customization
    • Mixins
    • Variables
    • Customizer tool
    • Extendable javascript

    View full-size slide

  10. Mobile
    • Improve existing components
    • Clicks, not hovers
    • Touch events and gestures

    View full-size slide

  11. 2.1
    • Current features
    • New hotness
    • Customizer

    View full-size slide

  12. Current features
    • Component animations
    • Carousel
    • Modals
    • Popovers
    • Docs

    View full-size slide

  13. New hotness
    • On/off toggles
    • Date picker
    • Growl-style notifications
    • Sticky scroll
    • Image styles
    • ...anything else?

    View full-size slide

  14. Customizer
    • Redesigned interface
    • Dependencies
    • Saved builds

    View full-size slide

  15. Thanks!
    getbootstrap.com

    View full-size slide