An introduction to the twitter bootstrap css framework. A responsive css framework for web app development. These are the slides from a presentation given at the Software Craftsmanship of McHenry County Meetup.
14. “I’ve seen this website before.”
Bootstrap Disadvantage - Same samey sameness
rmcore.com
15. Common Classes by Example
navbar-fixed-top navbar-inverse search-bar
nav-bar-right
glyphicon-search
col-sm-3 left col-sm-9
list-group
list-group-item
rmcore.com
16. Visuals
The application should display
● a list of at least 5 cats, listed by name
● an area to display the selected cat
● text showing the number of clicks
In the cat display area, the following should be displayed
● the cat's name
● a picture of the cat
Interaction
● When a cat name is clicked in the list, the cat display area should update to show the data for
the selected cat.
● The number of clicks in the cat area should be unique to each cat, and should increment when the
cat's picture is clicked.
Requirements for Cat Clicker
rmcore.com