Бърз старт в адаптивния уеб дизайн. Съвременни адаптивни решения

Тази книга има за цел да помогне на дизайнерите в бързото усвояване и прилагане на CSS и HTML инструментите, които са им необходими в съвременния свят на нови и разнообразни устройства. Изпълнена с практични указания и подробни примери, книгата Бърз старт в адаптивния уеб дизайн разглежда следните теми:

• Използване на адаптивни градивни елементи, които ще подпомагат адаптирането на уеб страниците
• Разработване на адаптивни решетки, които ще направят едно оформление приложимо за всяко устройство
• Добавяне на адаптивен текст към даден дизайн
• Използване на адаптивни изображения и видео
• Адаптиране към потребителския контекст: ориентация, околна светлина, местно време и др.

Из въведението на книгата Бърз старт в адаптивния уеб дизайн:

Преди време всичко беше толкова лесно: трябваше само дизайнерите да създадат потребителски интерфейс за уеб сайт или приложение за 15-инчов монитор, и ако не обръща внимание на проблемите, свързани с несъвместимостта между различните браузъри, щяха да са приключили с изпълнението на вашата задача.

След това се появиха първите мобилни телефони с вградени уеб браузъри и усложниха живота на дизайнерите и разработчиците. Най-лошото е, че на потребителите им допадна да сърфират с тях!

През 2016 г. за първи път броят на сърфиращи в интернет от мобилни устройства превиши броя на сърфиращите от компютър.

Точно когато разработчиците и дизайнерите свикнаха да изграждат уеб сайтове за мобилни устройства, им се наложи да изграждат уеб сайтове и за таблети, смарт часовници, телевизори, автомобили, очила, по-големи настолни екрани, екрани с висока разделителна способност и дори уеб браузъри, вградени в стените. Поддържането на този привидно безкраен поток от нови устройства представлява все по-голямо предизвикателство за разработчиците.

И как да се ще поддържа този все по-голям набор от устройства? Отговорът е адаптивен уеб дизайн (от англ. Responsive Web Design и съкратено RWD), включващ технологии, които позволяват на уеб сайтове да се адаптират към екрани с произволни размери.

Адаптивният уеб дизайн (RWD) се присъединява към популярната максима в уеб разработването: „Не се повтаряй“ (от английски „Don't Repeat Yourself“, като обикновено се използва абревиатурата „DRY“). Вместо да поддържате множество кодови бази за всяко устройство, RWD ви позволява да използвате една кодова база, която да се адаптира адекватно към всяко устройство. Прилагайки техниките на RWD, вие ще пишете еднократно код на HTML, CSS и JavaScript и след това само ще изобразявате съответните елементите на дисплея в зависимост от използваната платформа. Възможно е много от тези стилове и елементи дори да се използват отново или да бъдат изградени посредством минимално количество код за максимална ефективност.

Тази книга има за цел да ви помогне в усвояването и прилагането на CSS и HTML инструментите, които са ви необходими в този нов свят на различни устройства. Тя ще ви запознае с градивните елементи, които подпомагат адаптирането на уеб страниците към различни устройства, с нейна помощ ще направите крачка напред в използването на решетки, ще ви покаже как да направите текст и изображения четими на всички устройства, а в последната глава – ще ви разкрие как да отговаряте на изискванията на по- сложни устройства.