Going to do an extension of the talk I did about comps to pages. In the first talk, I covered some pre-dev checklists, basic layout structure and techniques. This time around I will go a little deeper into layout using the bootstrap framework, and building with a templating in mind. Also some use cases for CMS, and static pages. This will also be the first attempt at a remote talk.

1. Comps into Pages 102
www.refresh-hilo.org

2. What will be covered?
● Layouts using bootstrap framework
● Adding content to a template
○ Static VS Dynamic VS CMS (Client Update)
● Tips, tricks, questions

3. What was covered before?
● Comp readiness checklist
● Interpreting the comp
● basic layout - block & inline, position & float
http://www.refresh-hilo.org/event/12-09-2014-
meetup/

4. Bootstrap V3
http://getbootstrap.com/
Mobile first approach to web dev, write shared
styles (fonts, colors, etc) and use media query
to define difference in layout for each
experience (desktop, tablet, mobile).

5. Adding content to a template
To insert static content or not, that is the
question.
Few changes or non at all = static
changes often or client wants to change = CMS

6. Tips
Class names - be specific yet generic... ?
● .block vs .green-block
● .side-rail vs .left-side-rail
Use generic prefix
● .mod-block > .mod-block-hd + .mod-block-bd
+ .mod-block-ft