В качестве системы я использую 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 системах.
Комментарии (136)
prog666
13.10.2015 12:16+5Уже больше полугода работаю (в том числе верстаю) на archlinux. Кроме Avocode для макетов можно использовать онлайновый adobe extract, а текстовых редакторов тоже хватает, от sublime text и atom.io до phpstorm/webstorm
voidnugget
13.10.2015 23:41Для тех у кого нет денег на Avocode — можно пробовать Adobe Brackets для вёрстки.
lolmaus
13.10.2015 12:16+8ОС — Kubuntu.
IDE — JetBrains IntelliJ IDEA, включает в себя WebStorm, RubyMine, PyCharm и т. п.
Нарезка — есть официальный и совершенно бесплатный вэб-нарезчик assets.adobe.com, куда можно загрузить любой PSD'шник и удобно нарезать. Для нарезки файлов Sketch есть платные Avocode и Zeplin.
Тестирование в браузерах — BrowserStack, оплачивает работодатель.
FTP-клиент — я не уверен, что кому-то интересно знать, каким FTP-клиентом я пользуюсь.
piromanlynx
13.10.2015 12:38-1ОС — Debian
IDE — vim
Тестирование в браузерах — BrowserStack, виртуалки на сервере.
Ftp-клиент — mc/ftp
piromanlynx
13.10.2015 12:36+13make && make install && make clean
А пакет собрать? За make install надо наказывать.
deep_orange
13.10.2015 13:59+2За make install надо наказывать.
А вот и нет. Это личное дело каждого. А может у меня вообще нет пакетного менеджера и вся система установлена черезmake install— и Вы предлагаете собирать пакет?piromanlynx
13.10.2015 20:02+1Это личное дело каждого.
Сначала привыкает делать так у себя на десктопе, потом делает так на сервере. А потом этот сервер достается другому человеку. И мучайся потом с вашими make install, libc6 из сырцов и прочими попытками админить не по документации к ОС.deep_orange
13.10.2015 20:57То же самое, если выкинуть пакетный менеджер из той же Ubuntu-server.
Объясню на пальцах.
1) Тот пакетный менеджер, о котором речь, называется «всё в моей голове» (в большинстве случаев, кончено: «я не знаю как, но вроде работает», шутка). Даже если речь идёт о частичном использовании системного пакетного менеджера, часть информации остаётся в голове устанавливающего (в хорошем случае).
2) Передача сервера другому человеку не подразумевает передачи ему своей головы.
Сюда жеадминить не по документации к ОС
Это не проблемаmake install. С таким же успехом, можно поставить два пакетных менеджера и всё запороть. При этом, человек, передающий сервер — обязан предупредить о всех наворотах, если нет — то проще переустановить систему. Вот и всё. Тот жеcheckinstallможет запросто конфликтовать с текущим пакетным менеджером.
P.S: Я бы не стал злоупотреблять этим на сервере. Всё таки-сервер требует совсем иной подход. Да и сервер этот маленький, не для сборки. Но у меня на сервере стоит nginx в/opt/nginxи я не вижу в этом никаких проблем. Абсолютно никаких. Потому что их нет. Их и не может быть.
TyVik
13.10.2015 12:46+4Кстати, у меня Photoshop CS6 под PlayOnLinux спокойно установился. Тормозит, правда, зараза на Core2Duo.
olegkrasnov
13.10.2015 14:02+1Вино не очень для этого подходит. На виртуалке должно летать, особенно под winxp.
tyderh
13.10.2015 16:55А планшет? У меня wacom не заработал, пришлось ставить виртуалку
piromanlynx
13.10.2015 20:03в Debian Wacom нормально работают уже года 4.
tyderh
13.10.2015 21:27В самом линуксе-то да. А вот в фотошопе под вайном не заводится совсем. Или заводится, но без датчика давления, не помню, честно. Или только у меня?
oWeRQ
13.10.2015 12:54+8Мне казалось, что почти все веб разработчики ушли на sublime и idea, зачем не слишком преспособленный для верстки geany(раньше им пользовался из-за отсутствия выбора).
Зачем ftp, когда есть sftp, который удобнее и лучше работает, да filezilla его поддерживает, но это мазохизм.
Photoshop давно неплохо заводится в wine.
Про VirtualBox знают наверное все линуксоиды, ни слова про то, откуда взять готовые виртуалки.
З. Ы. Статья ниочем, если бы не указанные версии приложений, можно было бы сказать, что с публикачией затянули лет на 5, нет обзора/сравнения свежих инструментов, очень однобоко.
bromzh
13.10.2015 13:11+4почти все веб разработчики ушли на sublime и idea
Ещё есть Atom, тоже очень приятный редактор (особенно после релиза 1.0). Сам долгое время пользовался сублаймом для веб-проектов, но перешёл на атом и не жалею.prog666
13.10.2015 13:18Сыроват атом, бывает падает и тормозит
bromzh
13.10.2015 16:01Вылеты и глюки были, но когда я его ставил в версии 0.что-то. Я тогда забил на него и продолжил использовать сублайм. Но после версии > 1.0 у меня всё пока стабильно.
Fedcomp
13.10.2015 18:02Пользуюсь атомом и есть некоторые косяки. Загрузка на hdd в сравнении с саблаймом медленней. После саблайма не хватает некоторых хоткеев, возможно можно настроить, еще не смотрел. Установка плагинов в саблайме без перезагрузки, в атоме нужно перезагружать весь редактор. При переименовывании файла с длинным путем не видно второй строки. Иногда можно случайно открыть большой файл и весь редактор зависает пытаясь его загрузить, в этом плане саблайм безусловно выигрывает. Такими большими файлами часто оказываются логи например, иногда дампы. В общем неплохой редактор но пока слегка сыроват.
Stepanow
13.10.2015 13:52+4Немного оффтоп, но не могу удержаться. Ролик на сайте Атома просто офигенный
olegkrasnov
13.10.2015 14:00Может напишете статью про своё использование атома? Буквально сегодня поставил его на пощупать.
Не нашёл там virtual spaces плагин (возможность выехать курсором за конец строки) JetBrainsы такое умеют, Sublime — нет.bromzh
13.10.2015 16:08Да мне даже писать почти нечего.
Сам редактор ставится через установщик/пакетный менеджер вашей ОС.
Плагинов я использую немного: emmet, git-plus, file-icons, linter (с jshint-linter для проверки js), minimap (чтоб как в сублайме), project-manager и todo-show (сканит весь проект на наличие комментов с TODO/FIXME/CHANGED и выводит их в виде списка).
Init-файл стандартный, конфиг лишь немного от стандартного изменён. Вот и всё, что я могу сказатьпро войну во вьетнаме.
StteRay
13.10.2015 14:22Это скорее дело привычки, для меня критерием выбора geany стал плагин gFtp. В котором есть свой ftp с профилями
Photoshop заводится в wine, но при открытие тяжелых макетов ведет себя не очень адекватно.
nazarpc
13.10.2015 15:03+6FTP вообще не нужен — нужен SSH (для git, не ля ручной правки прямо на удалённом сервере), который в Linux поддерживает всё и вся из коробки. Он безопасный, в отличии от FTP (при входе по ключах), и более быстрый, а FTP это какой-то мазохизм.
Vest
13.10.2015 15:06Про VirtualBox знают наверное все линуксоиды, ни слова про то, откуда взять готовые виртуалки.
Это не моё, но на Хабре проскакивала ссылка: dev.modern.ie/tools/vms/windows
Попробуйте, может пригодится.
MasMaX
13.10.2015 13:10Из редакторов на мой взгляд в linux системах удоБнее всего Sublime Text и Adobe Brackets.
bromzh
13.10.2015 13:13А в Brackets уже починили баг со шрифтом для кириллицы? А то когда я его пробовал, русские буквы выводились шрифтом отличным от основного, и выглядело всё довольно плохо.
MasMaX
13.10.2015 14:36Всё-таки это проблема либо вашего дистрибутива ОС, либо конкретной версии брекетов.
Использую Brackets 1.4 на Ubuntu 14.04 — никаких проблем с кириллицейoWeRQ
13.10.2015 15:55Это была проблема Brackets, который использовал свой шрифт, клал болт на системный, до какой-то версии не давал его поменять не залезая в css ui редактора, потом в настройках появилась опция, а потом в этом шрифте добавили кирилицу.
Ответ на изначальный вопрос — да, поправили.
prog666
13.10.2015 13:44Есть ли в brackets удобный эмулятор vim?
prog666
13.10.2015 14:04Не совсем понял что не понравилось в моем вопросе, последний раз когда я смотрел vim'а не было, вот и спрашиваю
MasMaX
13.10.2015 14:34Я думаю тут не понятна сама суть, чего вы хотите от vim? Консольные команды (:w, :%s и так далее)?
В статье обсуждается в первую очередь GUI-редакторы, а не консольные. Brackets тоже полностью оконный.prog666
13.10.2015 14:36в Sublime Text есть отличная эмуляция vim которая позволяет использовать стандартные команды vim для перемещения и редактивроания текста
Delphinum
13.10.2015 16:09+1Я думаю вы не поняли, что такое эмуляция Vim в редакторах.
MasMaX
13.10.2015 19:13Видимо да. Я активно пользуюсь vim в консоли на удаленных серваках, но не сильно понимаю зачем его эмулировать в графической среде, если все его основные функции есть в меню программы и на горячих клавишах.
Delphinum
13.10.2015 19:24Покажите мне в меню программы или на горячих клавишах любого современного GUI-редактора normal mode как в Vim.
Borz
13.10.2015 20:58вы про режим просмотра открытого файла?
Delphinum
13.10.2015 21:39Наверно можно его и так называть.
Borz
13.10.2015 22:54Честно — для себя не вижу особой потребности в этом при работе в редакторе, коей является IDE по сути. Даже если зацепился случайно и изменил файл, это будет видно и есть «откат изменений»
но в той же IDEA это решается двумя путями:
0) отключением auto-save при потере фокуса
1) www.jetbrains.com/idea/help/toggling-writable-status.html
Apathetic
15.10.2015 01:02Для начала лучше расскажите, в чем смысл normal mode/insert mode в современных GUI-редакторах.
Delphinum
15.10.2015 02:17+1Ну в insert mode смысла нет, ибо кроме этого режима в современных GUI-редакторах других режимов и нет, а normal mode упрощает и ускоряет перемещение по документу и его элементам.
Apathetic
15.10.2015 02:21Это он в Vim'е упрощает. На вопрос вы не ответили, в GUI-редакторах-то он зачем? Не говоря уже о полноценных IDE?
Delphinum
15.10.2015 02:40А какая разница, консольный редактор или GUI-редактор? Vim можно запустить и с поддержкой мышки, но это не упрощает перемещение по документу и его элементам.
Не говоря уже о полноценных IDE?
При чем тут перемещение по документу и фозможности полноценных IDE?
Borz
15.10.2015 10:16приведите примеры ускорения перемещения в normal mode, которых нет в GUI-редакторах в «insert mode»
prog666
15.10.2015 10:56отсутствие необходимости тянуться к стрелочкам как минимум.
Borz
15.10.2015 11:00вы как-то иначе перемещаетесь по строкам на короткие расстояния?
prog666
15.10.2015 11:01в normal mode есть клавиши hjkl, не говоря уже о остальных способах перемещения в начало и конец предыдущего/следующего слова.
Borz
15.10.2015 11:07prog666
15.10.2015 11:09я его пробовал, точно уже не помню почему, но он работал как-то не так, как я от него ожидал. Кажется, там даже клавишу перехода в normal mode переназначить нельзя…
Borz
15.10.2015 11:32почему «даже»? клавиш там дофига можно всяких назначить — ваш случай, я так понимаю, это команда "Exit insert mode"? А если чего-то и нет, то можно или через Pull Request предложить или через багтрекер.
ЗЫ: а какую клавишу вы вместо Esc назначили для перехода в normal mode?prog666
15.10.2015 11:34последовательно клавиши df, я использую раскладку dvorak, поэтому у меня это буквы eu, они довольно редко вместе встречаются в коде, единственное проблемное слово за год которое могу вспомнить это 'queue'
prog666
15.10.2015 11:37в phpstorm мне не понравилось что невозможно нормально редактировать stylus файлы, постоянно автоматическая табуляция делает что-то странное… Но это уже к vim не относится
Delphinum
15.10.2015 13:43+1Постараюсь:
- Ориентированные на слепой, десятипальцевый метод печати сочетания клавишь. Никаких home, pgup, del, backspace, стрелки, ctrl, alt и (фу фу фу) мышки (тачпада). Все необходимые клавиши под пальцами
- Перемещение по элементам документа, а именно: пословно, поблочно, аттрибутивно (наверно можно так назвать), к частям слова, построчно (в том числе с указанием размерности перехода), поабзацно, к частям слова (на пример при использовании camelCase)
- Удаление элементов документа, в том числе: пословно, поблочно, посимвольно, построчно (в том числе с указанием размерности), аттрибутивно, абзацно, визуальными блоками
- Замена элементов документа, в том числе: пословно, поблочно, посимвольно, построчно, аттрибутивно, абзацно, визуальными блоками
- Повторение элементов документа, в том числе: построчно, пословно, с помощью макросов, с помощью автомакросов
- Множественность регистров для копирования/вставки
Продолжать можно долго, важно лишь что все это завязано на буквенной клавиатуре, что крайне ускоряет.Apathetic
15.10.2015 22:28Ну, считать, будто всё это даёт какой-то выигрыш в скорости работы по сравнению со, скажем так, более современными методами — полностью ваше право.
Delphinum
15.10.2015 22:29Спасибо. А можно узнать, какой у вас стаж работы с Vim?
Apathetic
15.10.2015 22:38+1Достаточный для того, чтобы иметь возможность сравнивать, но не более того. Сейчас им пользуюсь только по SSH. Смысл меряться стажами? Мне вот, например, совершенно не интересен ваш стаж работы в IDE.
Delphinum
15.10.2015 22:44Вы агрессивно настроены. Поверьте, у меня нет никакого желания убеждать или заставлять вас переходить с используемого вами редактора на Vim. Касаемо стажа, многие почему то очень болезненно реагируют на мою привязанность к Vim, будто это их ущемляет. На деле мне было интересно, эмпиричны, рациональны или мистичны ли ваши суждения относительно удобства того или иного подхода.
Apathetic
15.10.2015 22:48+1Абсолютно никого не ущемляет ваша привязанность, я в этом уверен. Ущемляет, как и всегда в подобных обсуждениях, vim-снобизм, который сквозит и льется.
Delphinum
15.10.2015 22:51Абсолютно никого не ущемляет ваша привязанность, я в этом уверен
Мне бы вашу уверенность )
Ущемляет, как и всегда в подобных обсуждениях, vim-снобизм, который сквозит и льется
А можно подробнее?Apathetic
15.10.2015 23:17Снобизм нельзя объяснить, его можно только почувствовать. Вас кто-нибудь в подобных дискуссиях хоть раз спрашивал, как превратить Vim в, примеру, подобие PHPStorm? Так почему же обратное постоянно встречается сплошь и рядом? Почему постоянно возникают вопросы типа «Есть ли в brackets удобный эмулятор vim?» с комментариями (кстати, на 100% снобистскими) типа «Я думаю вы не поняли, что такое эмуляция Vim в редакторах.»?
Delphinum
15.10.2015 23:21+1кто-нибудь в подобных дискуссиях хоть раз спрашивал, как превратить Vim в, примеру, подобие PHPStorm?
Оу, это основной аргумент людей, которых ущемляет моя привязанность к Vim. Чтобы превратить Vim в подобие PHPStorm, достаточно прикрутить к нему синтаксический анализатор кода проекта.
Почему постоянно возникают вопросы типа «Есть ли в brackets удобный эмулятор vim?»
А что в этом снобистского? Люди хотят эмулировать свой любимый редактор или его функции в другом любимом редакторе. Объединение, так сказать.Borz
16.10.2015 15:04вот есть у меня ручная дрель, электродрель, гравер и перфоратор. Я же не пытаюсь в перфораторе эмулировать функции гравера, как и не возмущаюсь, что ручной дрелью неудобно бетонные стены сверлить. Но каждый из этих инструментов умеет «сверлить».
Так и тут, Vim это один тип редактора, PhpStorm это другой тип редактора. Но оба они выполняют функцию «редактирование текста».Delphinum
16.10.2015 15:11+1Вы ошибаетесь. И vim и phpstorm это одно и тоже. Различия только в функциональности. Один умет одно, другой умеет другое. Мне лишь хочется чтоб часть функциональности из Vim перекочевала в PHPStorm. Это не та часть, которая конфликтует с функциональностью PHPStorm, а вполне самодостаточная часть, которая нисколько не повредит PHPStorm, но мне будет удобнее в нем работать.
Это как если я прошу моего поставщика ПО добавить в него функционал, который есть у конкурента.Apathetic
19.10.2015 13:17> И vim и phpstorm это одно и тоже.
Вы можете еще смешней, нужно только постараться.Delphinum
19.10.2015 13:52Так так, интересно послушать какие же между ними различия вы насчитаете )
Apathetic
19.10.2015 16:00Примерно того же уровня, что и между дрелью (только не электрической — ручной) и перфоратором.
prog666
19.10.2015 16:06Основная задача одинаковая — редактирование текста (кода). Хотя и дрель и перфоратор делают отверстия… Плохой пример сравнения.
Для одинаковых задач в программировании можно одинакого успешно использовать и vim и phpstorm, чего не сказать про сверление бетона ручной дрелью. Конечно мы берем не пустой vim, а дополненый плагинами и прямыми руками.
Delphinum
19.10.2015 16:22А можно конкретнее, без всяческих аналогий и тому подобного? В контексте моего вопроса, из которого разрослась эта ветка, какие отличия в них есть?
Apathetic
19.10.2015 17:46Хых. Я бы по-другому задал вопрос: если, как вы считаете, отличий нет, то к чему тогда вообще всё это обсуждение и ваши попытки ненавязчиво всех убедить в превосходстве вима?
prog666
19.10.2015 17:56единственное отличие — наличие normal(command) mode в vim
Apathetic
19.10.2015 17:57Или отсутствие необходимости normal(command) mode в IDE?
prog666
19.10.2015 18:06Отсутствие возможности.
Наличие необходимости — личный выбор каждого.Apathetic
19.10.2015 18:47Педаль тормоза — необходимость или личный выбор?
prog666
19.10.2015 18:51Личный выбор. Можно использовать для торможения ручник или же как делают на автомобилях для инвалидов специальные подрулевые рычаги. А можно вообще никуда не ехать и тормозить не придется.
Apathetic
19.10.2015 19:42> Можно использовать для торможения ручник
А можно пытаться использовать Vim в качестве IDE. Мне нравится ход ваших мыслей.
splav_asv
19.10.2015 18:09Необходимость вещь субъективная. Один жить без этого неможет, другой только краем уха слышал.
Если скатываться в аналогии, то ключевая разница не в функциях, а в доступе к этим функциям.
Плохая аналогия но все же: есть дрель для правшей, с анатомической формоф ручки, специфическим расположением кнопки и регилировок. Правшам — верх удобства. Есть человек-левша. Вроде бы сверлить может, но ему не удобно. И человек хочет к этой дрели вариант рукоятки для левшей. Правши искренне не понимают — им и так хорошо. А вот ему нужно. Ему сама дрель нравится, но пользоваться лично для него ей не удобно.
klirichek
13.10.2015 13:47+5В общем-то, потому и популярна у верстальщиков Mac OS.
Покуда она, с одной стороны, является *Nix, а с другой стороны уже есть нативный фотошоп без всяких костылей.Delphinum
13.10.2015 16:10+1Под костылями вы понимаете другие графические редакторы? Сильно )))
sashabeep
13.10.2015 18:38А какие под Linux есть графические редакторы, пригодные для юзанья верстальщиком?
pav5000
13.10.2015 18:42+1Про один из них автор написал в посте. Плюс есть gimp, krita, inkscape.
sashabeep
13.10.2015 19:06-2Они все плохо открывают даже простые PSD
pav5000
13.10.2015 19:13Автор пишет:
Для нарезки макетов, мы будем использовать кроссплатформенную программу Avocode, она отлично справляется с psd и sketch макетами и позволяет вести командую работу
Насчет остальных скажу, что простые psd они переваривают как раз нормально. Ну, кроме Inkscape, ибо он векторный.
И вообще, psd — это фотошопный формат. Фотошоп, вон, вообще не открывает гимповские файлы, и что? Если нужны слои, то можно без проблем использовать tif вместо psd для обмена данными.bromzh
13.10.2015 20:14Увы, дизайнеры обычно присылают именно PSD. А гимп с критой даже текст не могут выдрать из слоя. Плюс, оба тупят с эффектами слоёв. В общем обычно даже простые PSD приходится в шопе открывать. Хорошо, что выше поделились ссылкой на онлайн-утилиту, это намного упростит жизнь.
pav5000
13.10.2015 20:17+1С дизайнерами ведь можно всегда договориться. Я в свое время просто попросил сохранять мне макеты в svg и после этого проблем не знал (Дизайнер в Иллюстраторе работает).
sashabeep
13.10.2015 22:42-1Гораздо быстрее найдется верстальщик, которому не надо ничего пересохранять.
pav5000
13.10.2015 22:43Вы так говорите, как будто нажать разок кнопочку export — невыносимая боль
sashabeep
13.10.2015 22:54Случаи разные бывают. Практически все крупные компании присылают исходники в том формате, в котором у них написано в гайдлайнах и выдал дизайн-отдел из того софта, что у них закуплен, до конкретного человека достучаться невозможно в-принципе, и, как показывает практика, что-то ни у кого ни gimp, ни krita не водятся. За 15 лет самый «странный» формат, что я видел был macromedia fireworks. Один раз. Всё остальное — PSD, AI и PDF. Потому что это — самосформировавшийся стандарт. Как-то так. Но с тех пор, как адоб перестал продавать пожизненные лицензии подвижки в сторону нового софта и каких-то других форматов начались. Только, думается мне, раньше 2022 года увядание PSD не произойдет
pav5000
13.10.2015 23:03+2Да, такое иногда бывает. Но сейчас многие работают на принципах Agile, сложности могут возникнуть разве что с совсем неповоротливыми монстрами.
Насчет стандарта думаю, что он все-таки не самосформировавшийся. Это спланированная и четкая политика Адоба по продвижению своих продуктов. У Автодеска такая-же история.
bromzh
14.10.2015 01:08К сожалению, не всегда. Иногда нет прямой связи с дизайнером (ты фрилансишь, или наоборот, дизайнер аутсорсный). Да и я не совсем уверен, что в tiff могут правильно сохраниться все слои фотошопа с разными фильтрами, эффектами и др. А иногда в psd бывают векторные вставки, tiff это умеет? Дизайнер сам не всегда представляет, какие именно png нужны будут, поэтому просить его высылать png тоже не вариант.
Ну и ниже уже сказали, если будешь постоянно доставать дизайнера просьбами экспортировать всё в какой-то другой формат, то он может психануть и попросить у начальства другого верстальщика, ведь их сейчас много, и они вполне заменяемы. Вот и возьмут того, который будет меньше требовать.
klirichek
14.10.2015 05:58Нет. Виртуалки и wine.
Пробовал их сам в своё время. Фотошоп, скажем так, не работает, а функционирует.
Т.е. можно громко кричать «ааа! Смотрите! Я запустил!», но вот серьёзно пользоваться получается не всегда.oWeRQ
14.10.2015 14:08Для верстки фотошопа в wine вполне хватает, да, не очень производительно и стабильно, местами артефакты в интерфейсе, но правильно нарезать картинки позволяет, а ресурсов потребляет меньше чем виртуалка.
klirichek
14.10.2015 18:57В том то и дело, что такой компромисс далеко не всегда устраивает. Когда привык к нему, как к нормальному рабочему инструменту, разные нестабильности и артефакты очень сильно расстраивают. И то, что некоторые шорткаты, привычные в нативной среде, приходится делить с иксами, тоже весьма расстраивает. Поэтому я и говорю, что он не работает, а так, «в принципе, функционирует». Если сильно приспичит, то сойдёт временно. Но для постоянной работы — это всё равно, что заниматься газетной вёрсткой в «блокноте».
Borz
13.10.2015 13:55я нашел идентичный плагин и для geany
вместо плагина можно использовать уже готовое в ОС. Например в Gnome, после монтирования в Nautilus удалённого каталога, его можно обнаружить как локальный каталог в ~/.gvfs/ — работаете из _моя_любимая_IDE как с локальным каталогом
Вопрос. А что даёт FileZilla такого, чего нет в Nautilus? панельки с закладками и тут есть через F3. Консоль тоже есть через плагин…
Не очень понял про раздел «тестирование в IE» — ну установили вы VirtualBox и?MasMaX
13.10.2015 14:41Мне нравится работать с sshfs. Не все проги хотят нормально рабоать с ftp. А вот sshfs цепляет удаленную папку как локальную.
Borz
13.10.2015 14:46Gnome именно через sshfs и делает монтирование. А ещё есть davfs2, smbfs и прочие *fs, которые позволяют прозрачно для ПО использовать удалённые хранилища
igorr
13.10.2015 14:31Поставил Avocode — он не смог обработать ни один из предложенных PSD файлов. Сырая штука до сих пор.
prog666
13.10.2015 15:30+1Я им в таком случае пишу в техподдержку, они вручную обрабатывают — помогает, но иногда долго отвечают…
igorr
13.10.2015 15:50А смысл тогда в таком инструменте? Для работы желательно все сразу иметь рабочее.
Если бы работало нормально — отличная дешевая альтернатива подписке на фотошоп для верстальщика.prog666
13.10.2015 15:52У меня такое случалось только с двумя файлами, а 90% макетов у нас в sketch и с ними проблем не возникает.
Ivan_83
13.10.2015 23:40-11. Для Geany сделал тёмную тему как в Notepad++:
Скриншот (примерный, кое что я менял после): http://netlab.linkpc.net/download/software/geany/colorschemes/deep-dark.png
Забирать: http://netlab.linkpc.net/download/software/geany/
Тема дело вкуса/привычки/удобства, все остальные варианты мне показались не удобными из за малой контрастности, в тч при выделении.
Кто нибудь победил баг/особенность Geany: выделяем строчку, зажимаем и тащим ниже до след строки, жмём CTRL и строчка не копируется. А вот через строку копирование работает.
Думал что проблема в GTK/концептуальная, но SciTE позволяет таскать строчки как нотепад++.
2. gvfs штука какая то не надёжная и глючная, лучше ручками через fusefs монтировать.
Для FTP: curlftpfs
Для SSH: sshfs
Для виндовых шар: smbfs (вообще ядерный)
Те я с пол года+ сидел на gvfs+ssh и оно периодически сходило с ума, вплоть до того что приходилось руками все демоны прибивать и всё отмонтировать и иногда оно до ребута так и глючило. А как перешёл на sshfs сразу все проблемы ушли, те если что то случается то и лечится это проще.
Иногда возникает зуд написать свой аналог SecPanel чтобы через fusefs могло монтировать и заодно freerdp там же держать.
3. Тема выбора софта, кастомизации настроек и юзкейсов в не винде вообще кажется несканчаемой — всегда найдётся что то интересное/полезное/удобное :)
2 piromanlynx:
«За make install надо наказывать.» — что за наказания могут быть для взрослого человека, который сам себе админит? (пусть даже и немного странно, на первый взгляд)
Это хубровская философия такая, искать повод чтобы подкинуть палок в минус? (типа такой мелкий начальник интернета)
Во FreeBSD это вообще штатный способ для всего, с пакетами приключений больше чем с самостоятельной сборкой.
Или другой пример: я свои программы распространяю в исходниках, никаких пакетов под 100500 дистров линуха я делать не собираюсь, нужна программа: распакуй и собери, ума много не надо. (зависимостей у моих прог нет)
amarao
14.10.2015 09:33А зачем отдельная программа для ftp, если есть curlftpfs, работающий через fuse? Сам я её не пробовал, т.к. обычно на ssh и при необходимости sshfs, но если она аналогично работает, то будет весьма удобно.
danSamara
14.10.2015 20:42+4Не понимаю мазохизма с FileZilla и прочими фтп-клиентами. Наблюдал работу человека через FZ — открываем её, двойной щелчок по файлу, файл открывается в редакторе (один!), правим, сохраняем, всплывает окно FZ — сохранить? — жмякаем Да. И так на каждый файл и на каждое сохранение. Зачем?! У меня терпение кончилось даже смотреть на это!
На мой взгляд лучше (в порядке уменьшения «желательности»):
— использовать инструменты деплоя, или хотя бы git
— работать локально — скачали проект, изменили — залили
— подключать удалённую ФС локально — в IDE/редакторе виден весь проект, не надо переключаться окнами и т.д.
Почему так много людей любят заниматься разработкой «стоя в гамаке в противогазе»?
mariner
вау!