Верх страницы
Логотип Telegram
@Злой_Полицейский — авторский канал вашего покорного слуги в Telegram, где я пишу заметки о веб-разработке, программировании, PHP, инструментах и WordPress.
Время для прочтения: 0 мин. 1 сек.

Адаптивный веб-дизайн: bookmarklet

Отзывчивый веб-дизайн (Responsive Web Design или сокращенно RWD) имеет ряд преимуществ перед обычным дизайном:

  • Сайт одинаково хорошо выглядит практически на любом устройстве при любом разрешении экрана и любой ориентации дисплея;
  • Одна верстка вместо нескольких вариантов сайта под разные устройства (Mobile, PDA, iPone, iPad);
  • Это простая и веселая технология — все крутые парни используют ее.

В то время как отзывчивый веб-дизайн становится всё популярнее, инструментов для помощи разработчикам больше не становится. Многие из них похожи на утилиту Мэтта Керсли, которая показывает одну и ту же страницу во фреймах различного размера. Это полезно только для «живых» сайтов, которые уже есть в интернете, а что делать, если вы ведете разработку локально?

Вы конечно можете изменить размер экрана вашего браузера руками, но это неудобно и долго.

К счастью, французский разработчик Виктор Кулон поделился с нами своим букмаклером для браузера. Перейдите по данной ссылке и перетащите букмаклер на панель закладок вашего браузера.

Чтобы увидеть как это работает, перейдите на тестовый сайт, кликните на букмаклер, дождитесь его полной загрузки и понажимайте на появившиеся ссылки.

Букмаклер RWD

Нажмите на иконку в виде калькулятора, и вы увидите клавиатуру. Это уникальная особенность, о которой постоянно забывают веб-дизайнеры при проектировании форм.

Букмаклер RWD

Ссылки

Автор: Кобзарёв Михаил

Суровый русский разработчик. Жил в Магадане, в офисе московских веб студий и в Тульской деревне. Виртуозно знает WordPress, PHP, ООП, Vue.js и вот это вот все.

Ведет блог о разработке, дайджест в телеграмме и в ВК.

Комментарии
Подписаться
Уведомить о
guest

2 комментариев
Межтекстовые Отзывы
Посмотреть все комментарии
Дарья Тесленко
10 лет назад

Отличный способ проверить насколько граммотно сделана разработка адаптивного сайта

Предыдущая запись

Михаил Кобзарёв (mihdan)

Авторский блог вашего покорного слуги в Telegram про web, программирование, алгоритмы, инструменты разработчика, WordPress, фильмы и сериалы