Jun 8, 2014

программа joxiПриветствую! В своей первой статье хочу рассказать об одном очень интересном свойстве всеми уже известной, бесспорно полезной и очень удобной программы под названием Joxi. Это вроде бы простая элементарная “фишка” очень мне помогает при верстке HTML страниц, а особенно когда требуется сверстать макет как говорится “пиксель в пиксель” (что бывает нередко).

Но для начала небольшое вступление – а вдруг вы не знакомы с программой Joxi? Если знакомы и уже давно и успешно используете эту программу, то можете пропустить знакомство с программой и промотать пару – тройку абзацев вниз)).

Итак, поехали! Я считаю, что без этой программы просто не обойтись программистам, блогерам, копирайтерам, верстальщикам… – список можно продолжать очень долго, но не будем тратить наше время впустую – скажу так:  – эта программа просто необходима тем людям, которые имеют хоть какое то отношение к глобальной сети и работают в команде, соответственно имеют необходимость быстрого обмена информацией. Ведь лучше один раз увидеть, чем сто раз услышать и попробовать объяснить на пальцах.

Что же умеет это программа? Все очень просто – эта программа умеет очень быстро делать скриншоты вашего экрана, причем для того чтобы показать этот скиншот вашему собеседнику, все что вам нужно сделать – это собственно сам скриншот,  после этого ссылка на ваше изображение успешно, а что не маловажно самостоятельно)  помещается в буфер обмена и далее от вас требуется  передать ссылку вашему коллеге – собеседнику удобным для вас способом. Ничего никуда загружать не нужно – что очень удобно и экономит кучу времени.

Как пользоваться программой?

Для начала идем на официальный сайт программы. скачиваем и устанавливаем себе на ПК. Чтобы использовать Joxi вам придется зарегистрироваться на сайте.  Кстати программа отлично работает во всех операционных системах. После скачивания и установки у вас справа в трее появится значок программы. Перед тем как начать использовать программу советую сделать необходимые настройки – для этого щелкаем правой кнопкой мыши по значку программы и выбираем соответствующий пункт меню. Все настройки предельно просты и понятны. Здесь лишь отмечу, что если вы хотите чтобы ваш скриншот был в формате png (если вам необходима прозрачность) то поставьте в настройках высокое качество изображения. Также обязательно просмотрите вкладку с горячими клавишами – они очень хорошо сэкономят ваше время.

Делаем скриншот экрана:

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

скриншот

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

Ну об основных возможностях программы вроди бы рассказал, но есть у нее одна очень интересная особенность, которая мне очень помогает при верстке HTML страниц, а особенность эта очень проста – когда мы делаем скриншот, joxi автоматически показывает нам его размеры:

размеры скриншота

что очень удобно для верстальщика, ведь мерить расстояние между различными элементами на HTML странице таким способом совсем не составляет труда, все получается очень быстро и удобно, а главное, что joxi всегда под рукой. Я еще сравниваю эту возможность программы с инструментом “прямоугольная область” в программе Adobe Photoshop, при помощи которой я так же измеряю расстояния между объектами на PSD макете, примерно вот так:

Adobe Photoshop CS5

это тоже очень удобно. Раньше для измерения расстояния между div -ами на экране я использовал простую и бесплатную програмку MySize, не скажу что – она плохая, просто бывало возникали ситуации, когда померить расстояние с помощью нее было ну уж очень не удобно. Вот пример:

Joxi

В данной ситуации дотянуть линейку до правого края, чтобы померить расстояние не получается, мешает ее громоздкая кромка.  Вообще есть еще несколько программ такого типа, которые помогают измерять расстояния между объектами на странице, но честно говоря я даже их не просматривал, мне очень удобно делать это при помощи joxi. Берите себе на вооружение эту простую особенность программы и используйте на здоровье, надеюсь что она вам пригодится и будет экономить ваше время, а что не мало важно – нервы).

Добавить комментарий

Яндекс.Метрика