[Из песочницы] Жизнь верстальщика в Linux
Большинство fronted-разработчиков, используют ОС Windows или OS X в связи с отсутствием полноценного Photoshop. Но как быть тем, кто неравнодушен к Nix системам? Сейчас и попробуем выяснить, интересующихся прошу под кат.
В качестве системы я использую Fedora 22, проделать тоже самое в любой другой системе вам никто не мешает.
Среда разработки
О вкусах не спорят, каждый использует ту среду, в которой удобнее. На Windows я использовал Notepad++, на OS X Coda2, на Fedora я предпочитаю Geany.
Для установки:
sudo dnf install geany geany-plugins-common geany-themes
Частенько приходится работать с файлами непосредственно на сервере, можно использовать сторонний ftp-клиент или же подключатся непосредственно через nautilus.
В notepad++ или же coda2 мне нравился встроенный ftp-менеджер, немного погуглил я нашел идентичный плагин и для geany. Плагин копирует функционал с notepad++
1) Устанавливаем необходимые пакеты для сборки плагина:
sudo dnf install gcc geany-devel libxml2-devel libcurl-devel openssl-devel
2) Скачиваем и распаковываем в удобную папку,
3) Переходим в папку cd
4) Собираем
make && make install && make clean
После этого нужно активировать плагин в настройках Geany.
К сожалению, плагин не работает в Geany под Ubuntu 14.04, 15.04 (в других системах не пробовал), с чем связано не знаю. Я связался с автором плагина, он сообщил, что разработка плагина заморожена, и вряд ли автор перепишет его под новые системы. Если кто-то из хабрасообщества починит плагин, буду весьма рад.
Нарезка макетов
Для нарезки макетов, мы будем использовать кроссплатформенную программу Avocode, она отлично справляется с psd и sketch макетами и позволяет вести командую работу.
Скачать программу можно здесь.
Программа не только позволяет нарезать макеты, но и ускоряет время разработки, более подробно можно почитать здесь. У программы имеется триал в 14 дней. Дальше требуется подписка ценой от 8$, не так уж и много с учетом того, сколько времени экономит данная программа. Но и никто же не мешает вам регистрировать одноразовый аккаунт раз в две недели?
Также пользователь xenongattz записал прекрасный мини-курс о данной программе. Рекомендую к ознакомлению.
Дополнительно для мелкой обработки изображений, установим gimp и pinta:
sudo dnf install gimp gimp-elsamuko gimp-data-extras pinta
Если вам этого мало, то можно установить Photoshop в виртуальную машину. В моем случае, этого не требуется, потому информация для собственного изучения.
FTP-клиент
Есть два варианта работы с FTP:
1) Созданием ftp-соединения в nautilus, информацию как подключиться, легко найдете в сети.
2) Использование стороннего ftp-клиента.
Я предпочитаю FileZilla:
sudo dnf install filezilla
Шрифты
Большинство сайтов, используют шрифты используемые в Windows по умолчанию. Для установки, скачайте rpm здесь
В данном пакете отсутствует tahoma, доставить ее можно так:
cd ~w get http://www.stchman.com/tools/MS_fonts/tahoma.zip
sudo unzip -d /usr/share/fonts/truetype/msttcorefonts ~/tahoma.zip
sudo fc-cache -f -vrm -f ~/tahoma.zip
Тестирование в браузерах
Firefox (по умолчанию предустановлен):
dnf install firefox
Chromium:
sudo su
cd /etc/yum.repos.d/
wget http://copr.fedoraproject.org/coprs/churchyard/chromium-russianfedora/repo/fedora-22/churchyard-chromium-russianfedora-fedora-22.repo
sudo dnf install chromium
IE:
Здесь без виртуальной машины не обойтись. Потому устанавливаем Virtualbox, или же IETester под wine.
Для установки VirtualBox:
sudo su
dnf update
Если, что то обновилось перезагружаемся:
cd /etc/yum.repos.d/
wget http://download.virtualbox.org/virtualbox/rpm/fedora/virtualbox.repo
dnf install binutils gcc make patch libgomp glibc-headers glibc-devel kernel-headers kernel-devel dkms
dnf install VirtualBox-5.0
//Добавление пользователя в группу
usermod -a -G vboxusers username
username — необходимо изменить на имя пользователя в системе
На этой пожалуй все. Как видите, верстать — и вполне успешно — можно и на Linux системах.