BootstrapWorkshop

links.md

Mockups

• balsamiq source
• Admin products
• Admin form
• Public main
• Public product

Tools

• SublimeText
• Balsamiq
• html5boilerplate
• normalize.css
• zen codding
• emmet
• haml
• mustache
• less
• sass
• chosen

Bootstrap

• wrapbootstrap.com
• bootsnipp.com/resources
• addyosmani.github.com/jquery-ui-bootstrap
• fortawesome.github.com/Font-Awesome
• github.com/littke/inspiritas-bootstrap

Css frameworks

• FoundationZurb
• Skeleton
• 960css
• blueprintcss

model.js

[
    {
        "name": "iPad mini with Wi-Fi 16GB - White & Silver",
        "price": "$329",
        "quantity": 13,
        "thumb": "http://i.imgur.com/T5R6Y.png",
        "photo": "http://i.imgur.com/Tke7l.jpg",
        "spec": {
            "height": "200 mm",
            "width": "134.7 mm",
            "depth": "7.2 mm",
            "weight": "308 grams",
            "details": [
                "The full iPad experience",
                "Beautiful 7.9-inch display",
                "Over 275,000 apps",
                "Ultrafast wireless"
            ]
        },
        "url": "http://store.apple.com/us/buy/home/shop_ipad/family/ipad_mini"
    },
    {
        "name": "iPhone 5 16GB - Black & Slate",
        "price": "$199",
        "quantity": 3,
        "thumb": "http://i.imgur.com/cwBA3.png",
        "photo": "http://i.imgur.com/BxrVp.jpg",
        "spec": {
            "height": "123.8 mm",
            "width": "58.6 mm",
            "depth": "7.6 mm",
            "weight": "112 grams",
            "details": [
                "with iOS 6",
                "Powerful A6 chip",
                "Retina display",
                "Ultrafast wireless"
            ]
        },
        "url": "http://store.apple.com/us/browse/home/shop_iphone/family/iphone5"
    },
    {
        "name": "MacBook Pro 13-inch: 2.5GHz with Retina display",
        "price": "$1699.00",
        "quantity": 8,
        "thumb": "http://i.imgur.com/BME9k.png",
        "photo": "http://i.imgur.com/6vmUP.jpg",
        "spec": {
            "height": "123.8 mm",
            "width": "58.6 mm",
            "depth": "7.6 mm",
            "weight": "112 grams",
            "details": [
                "2.5GHz dual-core Intel Core i5",
                "Turbo Boost up to 3.1GHz",
                "8GB 1600MHz memory",
                "128GB flash storage1",
                "Intel HD Graphics 4000",
                "Built-in battery (7 hours)"
            ]
        },
        "url": "http://store.apple.com/us/browse/home/shop_mac/family/macbook_pro"
    },
    {
        "name": "iMac 27-inch: 2.9GHz",
        "price": "$1799.00",
        "quantity": 10,
        "thumb": "http://i.imgur.com/AZ4qf.jpg",
        "photo": "http://i.imgur.com/6vmUP.jpg",
        "spec": {
            "height": "45.0 cm",
            "width": "52.8 cm",
            "depth": "17.5 cm",
            "weight": "5.68 kg",
            "details": [
                "2.9GHz quad-core Intel Core i5",
                "Turbo Boost up to 3.6GHz",
                "8GB (two 4GB) memory",
                "1TB hard drive1",
                "NVIDIA GeForce GTX 660M with 512MB"
            ]
        },
        "url": "http://store.apple.com/us/browse/home/shop_mac/family/imac"
    },
    {
        "name": "iPod touch 32GB",
        "price": "$299.00",
        "quantity": 14,
        "thumb": "http://i.imgur.com/AZ4qf.jpg",
        "photo": "http://i.imgur.com/sFrXu.jpg",
        "spec": {
            "height": "123.4 mm",
            "width": "58.6 mm",
            "depth": "6.1 mm",
            "weight": "88 grams",
            "details": [
                "Brilliant new design",
                "4-inch Retina display",
                "5-megapixel iSight camera"
            ]
        },
        "url": "http://store.apple.com/us/browse/home/shop_ipod/family/ipod_touch"
    }
]