К основному контенту

Расширения линейки для измерений всяких объектов на веб-страницах


Иногда бывает полезно что-то измерить на чужой или своей веб-странице. Например вам понравился банер и вы хотите узнать его габариты, дабы в будущем воссоздать его у себя на блоге или сайте. Вот тут-то и пригодятся всякие линеечки и сеточки, которые несомненно облегчат все ваши измерения. 

Чуть ниже я пущу список с изображениями расширений и кратким их описанием. Если что-то вас заинтересует, то просто кликните по изображению и вы автоматически перейдете на официальную страницу выбранного расширения. Итак, мы начинаем!

Расширение Pendule


Довольно клевая штука для веб-мастеров, но нам интересна лишь в одном: если перейти в раздел "Images" и выбрать пункт "Show dimension", то рядом со всеми картинками, банерами и т. д. появится синенькое окошечко с размерами. К тому же стоит обратить внимание и на пункт "View images information",  который открывает в новой вкладке в виде списка почти что все картинки. И тут же представлены их характеристики: размеры, формат и даже вес в байтах.
--------------------------------------------------------------------------
-------------------------------------

ruul. Screen ruler


Измерения представлены в виде наглядных цветастых линеек, которые можно вращать и просматривать шаблонные размеры, например текста.
--------------------------------------------------------------------------
-------------------------------------

Page Ruler

Очень удобное расширение. Показывает не только высоту и ширину выделенной области, но еще и отступы слева и справа от нее. К тому же можно зажать Ctrl и кликнуть по изображению, чтобы получить полную информацию по ее размерам. А еще можно пройтись по "родственным" элементам выбранной части страницы!
--------------------------------------------------------------------------
-------------------------------------

Rulers, Guides, Eye Dropper and Color Picker



Можно посмотреть не только размеры, но и цвета на странице. К тому же расширение позволяет сделать сетку с определенным шагом для более легкого измерения.
--------------------------------------------------------------------------
-------------------------------------

MeasureIt


Про это расширение я уже писал. Работает весьма просто: выделяем нужную часть и получаем размеры!
--------------------------------------------------------------------------
-------------------------------------

P.S. Надеюсь какое-то из предложенных расширений вам приглянулось. Если найдете какие-то еще "линейки" для Chrome, то пишите в комментариях, добавим в пост! 


Комментарии

Популярные сообщения из этого блога

Сравниваем Яндекс.Браузер и Google Chrome на Android

Сравнительно недавно вышел мобильный браузер от Yandex . И правда, почему у всех он есть, а русского поисковика нет? Так решило их руководство и перенесла свои настольные задумки на экраны Android смартфонов и iOS устройств. Но стоит ли изменять официальному приложению Chrome этими женскими "стрингами"? Давайте разбираться...

Расширения для изменения масштаба веб-страницы

Иногда, разработчики сайтов забывают, что у некоторых проблемы со зрением и их 10-12 шрифт таким людям довольно тяжело читать! На эту проблему, в браузере Opera, есть встроенная возможность, представляющая из себя ползунок, перетаскивая который, можно изменить масштаб страницы. Похожее на это реализовано и по дефолту в Chrome, но с той лишь разницей, что приходится использовать комбинацию клавиш: для увеличения Ctrl++, а для уменьшения Ctrl+-. Некоторым пользователям такой вариант не по душе. Поэтому предлагаю на ваш выбор несколько расширений, одно из которых идентично возможности в Opera. Итак, поехали!

Как сделать два ярлыка и два разных профиля в Chrome

Наверняка вы уже знаете, что разработчики Google Chrome добавили в 16 стабильную версию мультипрофильность! Это значит, что каждый член семьи сможет пользоваться браузером со своими личными настройками и предпочтениями в ту или иную сторону. Нужно просто создать "Нового пользователя" в настройках браузера и переключаться на тот или иной псевдоним с персональным аватаром. А хотите сделать так, чтобы у каждого пользователя был не только персональный профиль, но и собственный ярлык Chrome? Ответ под катом!