Быстрое изменение размеров окна браузера. Видеоурок — плагин Window Resizer в браузере Chrome

Быстрое изменение размеров окна браузера

  Меняем ширину и высоту окна быстро

Возможно, заголовок данной статьи вызывает у вас мысли «а на кой мне это надо?». Но в процессе различной интернет-деятельности я уже не раз убеждался в том, что быстрая (при помощи плагинов) смена размеров окна браузера во многом облегчает эту деятельность.

Особенно полезно это для тех, кто любит верстать HTML-страницы и записывать разное видео с экрана.

Где может пригодиться быстрое изменение размеров окна браузера?

Наверное, много где. Может быть, кому-то просто захочется свернуть окошко до нужных размеров, чтобы оно не занимало много места. Но лично я часто пользуюсь этим в двух случаях:

  1. При вёрстке HTML-страницы. Суть здесь в том, что у посетителей вашего блога или одностраничного сайта разрешение (ширина и высота) экрана монитора могут отличаться от разрешения экрана вашего монитора. Например, вы комфортно просматриваете свою страницу подписки на экране 1366 x 768 px (распространённое разрешение для ноутбуков), а у пользователя с экраном 1024 x 768 пикселей она может просто «не влезть». Поэтому-то желательно проверить, чтобы при изменении размеров окна страница отображалась корректно.
  2. При записи скринкастов (видео с экрана). Если вы хотите записать то, что происходит в браузере, то неплохо бы установить разрешение для его окна такое же, как и разрешение записываемого видео. Ну это ведь логично :).

Само собой, двигать мышкой окно и подгонять его под нужные размеры совсем не удобно. К счастью, есть отличное расширение для браузеров на основе Chrome — плагин Window Resizer. С его помощью все эти действия совершаются очень легко и просто.

Вообще, для прочих браузеров похожие дополнения также существует (во всяком случае, для Firefox что-то подобное точно есть). Но я уже давно пользуюсь преимущественно Google Chrome, очень уж он шустрый и удобный. Всё-таки в Гугл знают, что делают.

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

Использование плагина Window Resizer в браузере Google Chrome

«Забрать» это дополнение можно в Интернет-магазине Хром по такому адресу: https://chrome.google.com/webstore/detail/kkelicaakdanhinjdeammmilcgefonfh.

Установка обыкновенная, как и для всех подобных расширений (например, как для RDS bar). Сразу после его установки в правом верхнем углу появится такая иконка:

Window Resizer в браузере Google Chrome

  Window Resizer в Хроме

После клика на иконку с плагином выскочит меню, где вы уже можете просто щёлкнуть на нужное вам разрешение и изменить размеры окна своего браузера. А также произвести некоторые настройки (на мой взгляд, их слишком много):

Window resizer - настройки

  Переход к настройкам

Достаточно уже написал всего, пора смотреть видео (больше месяца назад записывал, хорошо, что вспомнил о нём :)).

Видеоурок по использованию этого дополнения:

Скачать это видео (20 мб)

Думаю, любителям делать скринкасты особенно пригодится использование плагина Window Resizer, чтобы вручную не производить изменения размеров окна браузера.

1 Star2 Stars3 Stars4 Stars5 Stars (1 оценок, среднее: 5,00 из 5)
Loading...

Случайные публикации:
  • Как скачать Гугл диск для ПК? Обзор программы Google drive и увеличение свободного местаКак скачать Гугл диск для ПК? Обзор программы Google drive и увеличение свободного местаУже давненько описывал я этот сервис облачного хранения данных Гугла, но...
  • Чем может быть полезен инструмент Проверить URL от Яндекса?Чем может быть полезен инструмент Проверить URL от Яндекса?..."Проверить URL" - действительно полезный инструмент от Яндекса,
  • Цвета HTML - таблица кодов цветов html для текста, фона, ссылок.Цвета HTML - таблица кодов цветов html для текста, фона, ссылок....0 205 DarkBlue 00 00 8B 0 0 139 Navy 00 00
  • Повышаем уникальность текста: несколько советовПовышаем уникальность текста: несколько советовРабота с текстом – одна из самых массовых работ в интернете. И это понятно...
  • Как сделать редирект на мобильную версию сайта - PHP, .htaccess и HTMLКак сделать редирект на мобильную версию сайта - PHP, .htaccess и HTMLНедавно один человек написал мне с просьбой подсказать, как перенаправ...
Оставьте комментарий:
комментариев 7
  1. Игорь:

    Спасибо! Установил. =)

    Ответить
  2. Татьяна:

    Век живи, век учись. А я % устанавливала в хроме. Спасибо, за информацию. Случайно зашла. =)

    Ответить
  3. Николай:

    Описка.
    При вёрстке HTML-страницы. Суть здесь в том, что у посетителей вашего блога или одностраничного сайта разрешение (ширина и высота) экрана монитора могут отличаться от разрешения экрана вашего монтирора.

    Ответить
  4. Николай:

    нет у меня ни каких настроек.
    http://fotki.yandex.ru/users/suetyak/view/512699/?page=0&ncrnd=768
    это скрин

    Ответить
    • Пётр:

      Николай, спасибо, поправил опечатку.

      Судя по скриншоту, самого дополнения тоже нет, или оно «спряталось» куда-то.

      Ответить
Я не спамлю...