Sexy dashboards with bootstrap
Upcoming SlideShare
Loading in...5
×
 

Sexy dashboards with bootstrap

on

  • 4,757 views

Building html dashboards quickly with twitter bootstrap. An ignite talk that I gave at DevOpsDays Austin 2013.

Building html dashboards quickly with twitter bootstrap. An ignite talk that I gave at DevOpsDays Austin 2013.

Statistics

Views

Total Views
4,757
Views on SlideShare
4,757
Embed Views
0

Actions

Likes
2
Downloads
13
Comments
1

0 Embeds 0

No embeds

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

11 of 1

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

    Sexy dashboards with bootstrap Sexy dashboards with bootstrap Presentation Transcript

    • Yo! Sexy Dashboards!Karthik Gaekwad@iteration1
    • Mo Money Mo Problems• It isridiculouslyhard to findfront end webdevelopers inATX today
    • I got problems man• I work on a lot of UI stuff because my 1stproject in my life was UI intensive.• But really, I like working with API’s more
    • I’d rather be screaming
    • Then I saw the light
    • TwitterBootstrap
    • Bootstrap• “Sleek, intuitive, and powerful front-endframework for faster and easier webdevelopment.”• Read: “No more praying to Baby Jesus fornicer looking frontends”
    • Free Trivia!You’re in goodhands
    • Hello 12x12 gridGoodbye pixel issues
    • The grid is responsive
    • EVERYBODY GETS BASE CSS!!!YOU GET CSS! YOU GET CSS!Fundamental HTML elements styled and enhanced with extensible classes.
    • Themes and Templates• THIS IS A SOLVEDPROBLEM!• Save your time:• http://bootswatch.com/has a bunch of them.• https://wrapbootstrap.com/ ifyou’re looking tospend some seriouscash.
    • Dozens of reusable components for navigation,alerts, popovers, and more.It’s like a awesome buffet of components
    • JQuery plugins rolled inAll the best ones,to make your life easier!
    • Top 3 TipsUse an online editor- it’s not crappy
    • Top 3 TipsUse Font Awesome for icons
    • Top 3 TipsUse bootsnipp for ideas (HTML snippets + design advice)
    • ENDIf you don’t know HTML, but yourmgmt loves dashboards and UI, checkout bootstrap to impress them withAWESOME UI’s, that can be built reallyfast.
    • Check it out!• Bootstrap: http://twitter.github.io/bootstrap/getting-started.html• Bootsnipp: http://bootsnipp.com/• Online Editors:• Divshot (http://www.divshot.com/)• Jetstrap (https://jetstrap.com/)• Bootstrap hero (http://www.bootstraphero.com/the-big-badass-list-of-twitter-bootstrap-resources)