A presentation at Devopsdays Austin in
April 2013 in
Austin, TX, USA by
Yo! Sexy Dashboards! Karthik Gaekwad @iteration1
Mo Money Mo Problems • It is
ridiculously hard to find front end web developers in ATX today
I got problems man • I work on a lot of UI stuff because my 1st project 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
“Sleek, intuitive, and powerful front-end framework for faster and easier web development.”
Read: “No more praying to Baby Jesus for nicer looking frontends”
You’re in good hands
Goodbye pixel issues
Hello 12x12 grid
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 SOLVED PROBLEM!
Save your time:
https:// wrapbootstrap.com/ if you’re looking to spend some serious cash.
http:// bootswatch.com/ has a bunch of them.
It’s like a awesome buffet of components
Dozens of reusable components for navigation, alerts, popovers, and more.
JQuery plugins rolled in
All the best ones, to make your life easier!
Top 3 Tips Use an online editor- it’s not crappy
Top 3 Tips Use Font Awesome for icons
Top 3 Tips Use bootsnipp for ideas (HTML snippets + design advice)
If you don’t know HTML, but your mgmt loves dashboards and UI, check out bootstrap to impress them with AWESOME UI’s, that can be built really fast.
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-badasslist-of-twitter-bootstrap-resources)
View Sexy dashboards with bootstrap on Notist.
Building html dashboards quickly with twitter bootstrap. An ignite talk that I gave at DevOpsDays Austin 2013.