Быстрое изменение размеров окна браузера. Видеоурок — плагин 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 (2 оценок, среднее: 5,00 из 5)
Loading...
Случайные публикации:
  • Meta description - Мета-тег description (описание страницы)Meta description - Мета-тег description (описание страницы)В одной из предыдущих статей я писал, что тег meta keywords уже не имеет тог...
  • Изображения в объявлениях рекламной сети ЯндексаИзображения в объявлениях рекламной сети ЯндексаТолько что написал про то, как бесплатно купить уникальные статьи через ЦОП РСЯ,...
  • Необходимые плагины для SEO-оптимизации WordPress-сайтовНеобходимые плагины для SEO-оптимизации WordPress-сайтов...дания html-карты сайта, например, DS Blog Map. А также для создания xml-карты
  • Оптимальное для поисковиков количество символов в статьеОптимальное для поисковиков количество символов в статьеПожалуй, это будет не пост, а больше вопрос к уважаемым посетителям - ско...
  • Тег Noindex в Яндексе - скрытие кода от индексации в YandexТег Noindex в Яндексе - скрытие кода от индексации в YandexИногда, при внесении каких-то технических изменений на сайте или продолжи...
Оставьте комментарий:
комментариев 7
  1. Игорь:

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

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

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

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

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

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

    нет у меня ни каких настроек.

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

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

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

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