Bootstrap 101: Crash Course Design for Developers

UPDATE (6/5): We'll be raffling off a FREE PHPStorm IDE license!

UPDATE (6/3): Bring a friend - we will be having a feast! (See Bottom)

This month John Bertucci presents Bootstrap 101...

As PHP Developers, we don’t always have the time or skills to create beautiful UI designs. Some projects, like an API service, might not even have a front‐end design, but needs a UI to demo the API to a client or boss.

Bootstrap to the rescue! Bootstrap is a CSS framework that comes with some nice out‐of‐the box designs and layouts (including Responsive!) for all kinds of common UI elements such as: dropdown menus, buttons, navigations, breadcrumbs and more. You just need fairly standard structured HTML element and a Bootstrap CSS class and watch the magic work.

In this presentation, we’ll cover a quick crash‐course in web design, talking about: grid layout, color, and other real basic concepts. No, you won’t walk away with a design certificate. Yes, I hope you’ll at least start to see more into design (if you don’t already).

Then, we’ll jump into Bootstrap and some of its components including how its 12‐column grid, called “Scaffolding”, and how to customize Bootstrap files using LESS. We’ll also look at how we turn the static grid into a responsive grid so your design can target variable screen sizes such as tablets and smartphones.

The goal of this talk is to introduce fellow PHP developers to Bootstrap and how it can help with making quick reasonable front‐end web interfaces with a little bit of design knowledge. If you have already used Bootstrap, this presentation won’t be anything new. If you’re new to Bootstrap, you will hopefully learn how Bootstrap can improve or speed‐up your front‐end development and design.

UPDATE : This month's sponsor is Strike IT. Conor Duffy has arranged for a feast! Fried Chicken, Beef Tips, Baked Cod, California Vegetables, Roasted Potatoes, Rolls, Salad, the works! Come hungry, bring a friend!