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

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


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

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

Расширение Pendule


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

ruul. Screen ruler


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

Page Ruler

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

Rulers, Guides, Eye Dropper and Color Picker



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

MeasureIt


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

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


Комментарии

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

Расширение Awesome Button Bar соберет все настройки Chrome в одном месте

Данное расширение звезд с неба не хватает. Оно лишь позволяет в два клика обратить к любому разделу настроек Chrome. К тому же каждую иконку можно запрограммировать так, чтобы она открывалась не только в новой вкладке, но и в новом окне. К тому же ненужные разделы можно просто отключить в настройках!

Меняем разрешение экрана на сборках Chrome OS

Все таки классная эта штука Google Plus ! Там ты можешь не только поделиться интересными статьями или же почерпнуть для себя что-то новое, но еще и получить реальную помощь по тем или иным вопросам! Вот и я получил весьма развернутый ответ на свой. А он был таков: "Скажите пожалуйста, как изменить разрешение экрана в Chrome OS?" Не правда ли актуальный? До сих пор разработчики не удосужились выпустить нормальную собственную, и что самое главное официальную, сборку своей облачной OS (правда ходят слухи, что вскоре это произойдет) . Отсюда и все проблемы, ведь Chrome OS заточена под нетбуки серии  Samsung или же Acer с небольшим разрешением. Ну а что делать просто любопытным пользователям, которые хотят быть в курсе всех событий и пользоваться всеми прелестями "революционно новой" операционной системы от Google? Именно благодаря моей переписки с Evgeniy Isaev  и был найден ответ на столь "щекотильный" вопрос. Кстати полное обсуж...

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

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