Презентация про тренды дизайна, которые плавно перетекают из мобильного веба в десктопный, а также про процессы создания адаптивных веб-сайтов на этапах подготовки бюджета, прототипирования, дизайна и верстки.
5. Budgeting
How much time and what is the cost?
Ex. 3 pages Website: main, articles catalog, article page.
1. Prototyping: + 3-6 hours.
2. Design: + 6-8 hours.
3. Layout: + 10-12 hours.
4. Approving all stages: + 6-8 hours.
____________________
+ 20-30% additional time and costs.
7. Layout
Main “responsive” technologies
1. Work with media-queries (CSS).
2. “Rubber” images.
3. Elements adaptation (ex. header to dropdown).
4. Content hiding.
5. Identifying devices opportunities
(Modernizr, etc)
– time for browsers adaptation.
Presentation: http://www.slideshare.net/profyclub_ru/ss-12266758
8. Testing and Presentation
How to check responsive site? Web services
1. Am I Responsive(http://ami.responsivedesign.is/)
2. http://responsive.is/
3. http://quirktools.com/screenfly/