Pull to refresh

Жизнь верстальщика в Linux

Reading time 3 min
Views 77K
Большинство 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.
Этот плагин удобен тем, что поддерживают работу с профилями. Плагины под Brackets или тот же Sublime такого не умеют.

К сожалению, плагин не работает в Geany под Ubuntu 14.04, 15.04 (в других системах не пробовал), с чем связано не знаю. Я связался с автором плагина, он сообщил, что разработка плагина заморожена, и вряд ли автор перепишет его под новые системы. Если кто-то из хабрасообщества починит плагин, буду весьма рад.

Нарезка макетов

Для нарезки макетов, мы будем использовать кроссплатформенную программу Avocode, она отлично справляется с psd и sketch макетами и позволяет вести командую работу. В плане скорости, программа уходит далеко от adobe extract, попробуйте и вы полюбите avocode.

Скачать программу можно здесь.

Программа не только позволяет нарезать макеты, но и ускоряет время разработки, более подробно можно почитать здесь. У программы имеется триал в 14 дней. Дальше требуется подписка ценой от 9$, не так уж и много с учетом того, сколько времени экономит данная программа. Но и никто же не мешает вам регистрировать одноразовый аккаунт раз в две недели?

Также пользователь 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:
Варианты:
1) Wine или Crossover с IE
2) https://www.browserstack.com/
3) VirtualBox + IEtester

Для установки 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 — необходимо изменить на имя пользователя в системе
После этого устанавливаем ОС от Microsoft и IEtester в которой будем вести тесты. Или же можно взять готовую виртуальную машину здесь.

На этой пожалуй все. Как видите, верстать — и вполне успешно — можно и на Linux системах.
Tags:
Hubs:
+15
Comments 140
Comments Comments 140

Articles