В предыдущей статье, посвященной вопросу автообновления страниц в окне браузера, я упоминал об плагине для редактора Sublime Text 2 под названием LiveReload. Сегодня я вернусь к этому вопросу и выполню установку этого плагина. Она проста - там нет ничего сложного.

Итак, приступаем к установке и настройке LiveReload в Sublime Text 2.

Первое, что необходимо сделать, это установить менеджер пакетов в редакторе. Установка пакетов в Sublime Text может выполняться двумя способами - вручную или же автоматически. Последний способ более простой и удобный, поэтому воспользуюсь им.

Установка менеджера пакетов

Открываем Sublime Text и переходим в меню по пути “View - Show Console” или же нажимаем сочетание клавиш

1
Ctrl + \
, затем копируем и вставляем нижеприведенный код в окно консоли:

import urllib2,os; pf=’Package Control.sublime-package'; ipp=sublime.installed_packages_path(); os.makedirs(ipp) if not os.path.exists(ipp) else None; urllib2.install_opener(urllib2.build_opener(urllib2.ProxyHandler())); open(os.path.join(ipp,pf),’wb’).write(urllib2.urlopen(‘http://sublime.wbond.net/’+pf.replace(‘ ‘,’%20′)).read()); print(‘Please restart Sublime Text to finish installation’)

Жмем Enter и затем закрываем и снова открываем Sublime Text, чтобы изменения вступили в силу. Менеджер пакетов установлен.

Установка LiveReload

Переходим к установке плагина LiveReload в Sublime Text 2. Переходим в меню по пути “Preferences - Package Control”:

Sublime Package Control

В менеджере пакетов выбираем из списка пункт “Package Control: Install Package”:

Sublime Install Package

Немного подождем, пока загрузится список пакетов. Затем в окне поиска введем имя пакета - “LiveReload”:

Sublime LiveReload

Жмем Enterkbd> - пара секунд и плагин установлен. Снова перезагружаем редактор, чтобы изменения вступили в силу:

Sublime Restart

Установка расширения LiveReload в Chrome

Плагин LiveReload работает совместно с одноименным расширением, которое устанавливается в браузер. В моем случае это будет Google Chrome. Приступаю к установке.

В настройках Chrome перехожу в раздел с расширениями и ввожу в строку поиска имя плагина - “LiveReload”:

Установка LiveReload в Google Chrome

Соглашаюсь со всем и жму кнопочку “Установить”. Перезагрузки браузера не требуется - в панели инструментов сразу появляется значок расширения в виде двух круговых стрелочек.

Установка расширения произведена.

Тестирование плагина LiveReload

Открываю в Sublime Text 2 редактируемый HTML-файл. И открываю его же в браузере Google Chrome. Нажимаю мышью на значок расширения LiveReload в панели инструментов и вижу в строке статуса следующее:

Sublime LiveReload Connected

Это говорит о том, что плагин в редакторе Sublime Text 2 успешно подключился к плагину LiveReload в браузере. Можно приступать к работе. Изменяю код в файле, сохраняю изменения и вижу, как они автоматически применились в окне Chrome.

Заключение

Применение плагина LiveReload мне кажется более удобным, нежели расширения, рассмотренные в предыдущей статье. Хотя бы тем, что изменения автоматически вступают в силу, не нужно ждать даже 1 секунды. Главное, не забыть нажать сочетание клавиш Ctrl + S. Вот если бы и этого не нужно было делать, было бы совсем замечательно!.

На этом все.


Иногда бывает необходимо задать точное расположение направляющей на макете в программе Photoshop.

Позиционировать ее с помощью мыши неблагодарное занятие. Это практически невозможно сделать. Да и зачем? В Photoshop есть для этого случая способ, предназначенный именно для этой цели.

Задачу можно выполнить двумя способами.

Первый способ - с помощью меню. Для переходим в меню “View - New Guide Line”. Появится небольшое плавающее окно, в котором можно выбрать расположение (“Orientation”) создаваемой направляющей - горизонтальное или вертикальное.

И задать расстояние в пикселах (“Position”):

Photoshop New Guideline

Нажимаем ОК и видим результат:

New Guideline Result

Второй способ - не такой точный. В настройках Photoshop, относящихся к сетке, направляющим и слайсам (“Edit - Preferences - Guides, Grid & Slices”) нужно установить шаг сетки в пикселах (“Gridline Every”):

Guideline Preferencies

Затем выполнить привязку направляющей к сетке (“View - Snap To”):

Snap To Guideline

И теперь можно с большей (или меньшей) точностью выставлять направляющие guidelines:

Snap To Grid

На этом все.


Установка загрузчика SLiM в ArchLinux

Краткий обзор конфигурационного файла. Команды включения, перезагрузки и выключения системы через SLim.

Установка в ArchLinux стандартная:

$ sudo pacman -S slim

После успешной установки нужно отредактировать файл

1
/etc/rc.conf
. Если до этого в системе стоял GDM, можно удалить его, а можно закомментировать
1
gdm
и добавить
1
slim
в строку:

DAEMONS=(@syslog-ng cpufreq laptop-mode @network @net-profiles hal ntpd fam !gdmslim !netfs gpm @crond alsa)

Поведение SLiM настраивается через конфигурационный файл

1
/etc/slim.conf
.

Наиболее полезные параметры

  • 1
    default_user simone
    
    - Если строка раскомментирована и выставлено имя пользователя в качестве ее значения, то поле
    1
    username
    
    заполняется автоматически при входе в SLiM.
  • 1
    focus_password no
    
    - Параметр связан с параметром default_user. Активируется, если задействован параметр
    1
    default_user
    
    . В этом случае фокус автоматически устанавливается в поле
    1
    password
    
    .
  • 1
    auto_login no
    
    - Автоматический вход в систему пользователя по умолчанию, указанного в параметре
    1
    default_user
    
    . Для включения этой опции нужно выставить его значение на
    1
    yes
    
    .
  • 1
    current_theme ArchLinux-simplyblack
    
    - Тема экрана приветствия SLiM. Все темы располагаются по адресу
    1
    /usr/share/slim/themes/
    
    .
  • 1
    shutdown_msg The system is halting
    
    - Сообщение, выводимое на экран при выключении компьютера.
  • 1
    reboot_msg The system is rebooting
    
    - Сообщение, выводимое на экран при перезагрузке компьютера.
  • 1
    welcome_msg Welcome to %host
    
    - Сообщение-приветствие на экране.
  • 1
    screenshot_cmd import -window root /slim.png
    
    - Создание скриншота экрана SLiM. Действие команды привязано к клавише F11 клавиатуры.
  • 1
    sessions xfce4,icewm,wmaker,blackbox
    
    - Выбор сессии для запуска X-ов. То есть, если в системе стоят несколько WindowManager’ов или DE, как например - Xfce, KDE, GNOME, Openbox и т. д., все они указываются через запятую в качестве значения параметра
    1
    sessions
    
    . Первый в списке является значением по-умолчанию. Для выбора нужного графического окружения при входе в SLiM нужно нажать клавишу F1. Параметр связан с командой
    1
    login_cmd
    
    . Значение параметра sessions подставляется в качестве переменной %session.

После конфигурирования

1
/etc/slim.conf
нужно отредактировать файл
1
~/.xinit
следующим образом:

DEFAULT_SESSION="gnome"
  case $1 in
  kde)
  exec startkde
  ;;
  xfce4)
  exec startxfce4
  ;;
  openbox)
  exec startopenbox
  ;;
  *)
  exec $DEFAULT_SESSION
  ;;
  esac
  • 1
    login_cmd exec /bin/bash -login ~/.xinitrc %session
    
    - Команда, выполняемая при успешном входе в систему (правильного ввода пары логинпароль). Стоит обратить внимание, что если в системе не установлен
    1
    bash
    
    в качестве
    1
    shell
    
    ‘а, то следует заменить значение
    1
    /bin/bash
    
    на тот
    1
    shell
    
    , который используется в системе. Например, в FreeBSD нужно выставить
    1
    /bin/sh
    
    вместо
    1
    /bin/bash
    
    . Также можно добавить в строку переменную
    1
    %theme
    
    для задания определенной темы SLiM при его старте.
  • 1
    halt_cmd /sbin/shutdown -h now
    
    - Команда выключения компьютера из SLiM.
  • 1
    reboot_cmd /sbin/shutdown -r now
    
    - Команда перезагрузки компьютера из SLiM.
  • 1
    console_cmd /usr/bin/xterm -C -fg white -bg black +sb -T "Console login" -e /bin/sh -c "/bin/cat /etc/issue; exec /bin/login"
    
    - Запуск терминала консоли прямо из SLiM. Можно задать предпочитаемый эмулятор терминала, заменив xterm на свое, например, gnome-terminal, rxvt, aterm, mrxvt, materm, wterm, gnome-multi-terminal, eterm, rxvt-unicode (urxvt), mlterm, mliterm.
  • 1
    susliend_cmd /usr/sbin/susliend
    
    - Команда перевода компьютера в спящий режим из SLiM.
  • 1
    numlock on
    
    - Включение-отключение NumLock клавиатуры при запуске SLiM. Возможные значения параметра -
    1
    on
    
    (включена),
    1
    off
    
    (выключена).
  • 1
    hidecursor false
    
    - Скрыть-показать курсор при вводе логинапароля. Возможные значения параметра -
    1
    true|false
    
    .

Полезные команды SLiM

Для остановки, перезагрузки, перевода в спящий режим компьютера или запуска эмулятора терминала из SLiM используются команды, представленные ниже.

Правильный порядок ввода их следующий:

  • в поле
    1
    username
    
    вводим команду (например,
    1
    halt
    
    )
  • в поле
    1
    password
    
    вводим пароль
    1
    root
    
    ‘а.

Команды:

  1. Запуск эмулятора терминала - команда
    1
    console
    
    ;
  2. Выключение компьютера - команда
    1
    halt
    
    ;
  3. Перезагрузка компьютера - команда
    1
    reboot
    
    ;
  4. Перевод компьютера в спящий режим - команда
    1
    susliend
    
    ;
  5. Перейти в консоль - команда
    1
    exit
    
    .