1. UG и Twitter Bootstrap: что дальше?

2. Стратегия создания страниц c
адаптивной версткой

3. Проектирование
●
Участник: Проектировщик.
●
Входные данные: Цели и задачи проекта.
●
Результат: Черновик интерфейса для
десктопа с описанием, как его элементы
будут вести себя на мобильных
устройствах.

4. Модульная сетка
●
Участник: Дизайнер.
●
Входные данные: Черновик интерфейса
для десктопа с описанием его
перестроения на мобильных устройствах
(без проработки внешнего вида).
●
Результат: Модульная сетка для
разрешений десктопа.

5. Дизайн
●
Участник: Дизайнер, верстальщик.
●
Входные данные: Модульная сетка и
черновик интерфейса для десктопа с
описанием его перестроения на мобильных
устройствах (без проработки внешнего
вида)
●
Результат: Макеты дизайна для десктопа в
формате psd.

6. Верстка
●
Участник: Дизайнер, верстальщик,
программист.
●
Входные данные: Макеты дизайна для
декстопа в .psd и описание его
перестроения на мобильных устройствах
(без проработки внешнего вида).
●
Результат: Страница, состоящие из
CSS/HTML/JavaScript, которые уже можно и
нужно тестировать.

7. Тестирование
●
Участник: Дизайнер, верстальщик,
программистом.
●
Входные данные: Страница, состоящая из
CSS/HTML/JavaScript.
●
Результат: Список исправлений, которые
нужно внести в файлы
CSS/HTML/JavaScript.

8. Разработка
●
Участник: Программист.
●
Входные данные: Страница, состоящая из
CSS/HTML/JavaScript и issue с описанием
из Jira.
●
Результат: Адаптивная страница, на
которой всё работает.

9. Mostly Fluid

10. Column Drop

11. Layout Shifter

12. Tiny Tweaks

13. Off Canvas

14. Это нужно знать про Twitter
Bootstrap
●
Верстальщику
●
Дизайнеру
●
Программисту
http://alice.wsmgroup.ru/pages/viewpage.action?pageId=8225221