1

Какво е Responsive Design?

Embed Size (px)

DESCRIPTION

Предимства и недостатъци на техниката responsive (адаптивен) дизайн при изработката на уеб сайтове за всички екрани.

Citation preview

Page 1: Какво е Responsive Design?

Copyright © 2012 Intuitiv Technology Balkansintuitiv technology

Responsive уеб сайтбъдещето на уеб дизайна

Що е то?Един уеб сайт за всички екрани. Адаптира сам съдържанието си спрямо устройството.

Достъпен през смартфон, таблет, лаптоп, десктоп

Един уеб URL адрес за всички устройства

Четимо съдържание, навигация според екрана

Улеснена индексация в Google

Единно управление на съдържанието

Дългосрочнопредвидливо

Предимства

Единна фирмена визия пред потребителите

Недостатъци

Скорост на зареждане при тежки сайтове

Изисква анализ съдържание<>потребител

Добрите практики още търпят развитие

?

The Tech’s:Fluid GridsFlexible ImagesCSS Media QueriesScreen Resolutions

Google го препоръчва:

«Google препоръчва на уебмастърите да следват най-добрите практики в индустрията: използването на responsive уеб дизайн, а именно, прилагането на един и същи HTML код за всички устройства и употребата единствено на CSS media queries за съобразяване на изгледа на сайта към всяко устройство.»(https://developers.google.com/webmasters/smartphone-sites/)