Ug и twitter bootstrap что дальше
0 likes424 views
Документ описывает стратегию создания страниц с адаптивной версткой, включая взаимодействие проектировщика, дизайнера и программиста на всех этапах разработки. Он охватывает процесс от создания черновиков интерфейса до тестирования и разработки адаптивной страницы, включающий использование модульной сетки и Twitter Bootstrap. Также документ предоставляет ресурсы и рекомендации для участников процесса.
Ug и twitter bootstrap что дальше
- 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