Без ПО сейчас никак, тем более фронтенду поэтому пришла пора разобрать то, в чем непосредственно происходит волшебство - превращение макета в код.
Однако сначала посмотрим то в чем рисуют макеты по умолчанию.
Photoshop
Это первая программа с которой мне пришлось столкнутся при начала работы по фрилансу.
Очень тяжёлая программа и по словам моего deментора, ей совершенно без без разницы насколько мощный ПК, на любом благодаря "хорошей " оптимизации она умудряется местами подтормаживать.
На моем стареньком ноутбуке это было настоящее испытание нервов и терпения.
Я был не готов к этому, так как вообще никогда не работал в этой программе.
Нулевой навык обращения с ПО+тормоза = "счастья полные штаны " в попытках вырезать картинки и измерить расстояние до элементов.
В бытность студенчества был нас такой предмет - начертательная геометрия или как мы её звали начерталка. Чертежи делали как вручную на листах А3 так и в программах AutoCAD и Компас, достаточно похожих поэтому дискомфорта при работе в них я не испытывал. Гайки, болты, детали, сечения и разрезы, плоские чертежи и 3D, развитие пространственного мышления.
AutoCAD я пользуюсь по сей день для того, чтобы сделать какие-нибудь технологические схемы.
На работе при этом много схем в Microsoft Visio - части пакета Office. И он мне не нравится. Совсем.
С фотошоп также, но пришлось изучать волей-неволей.
Тем не менее даже когда я им пользовался, была куплена подписка. Но с появлением нового онлайн ПО я от Ps отказался.
Zeplin
Не путать со сноубордом моего боевого товарища:
Ведь статья то про ПО.
Прекрасный образец "дружелюбного" ПО живущего в 2х версиях: браузерной и приложения на ПК.
После фотошоп это прям спасение. Есть все на блюдечке: тексты, шрифты, элементы, цвета, картинки, расстояния, размеры. Макет интегрируют из Ps и можно спокойно работать с ним, переносить в код. Без тормозов и испытания на прочность нервов. Одномоментно в разы вырастает скорость разработки. Плюс можно работать одновременно и видно чем занимается твой коллега.
Попробовав первый раз Zeplin, сразу подумал, черт возьми так до этого получается все фронтенды ковырялись в Ps, искали цвета, вымеряли резмеры элементов, искали тип шрифтов, да они мощные ребята.
Никаких поблажек, только фотошоп, только хардкор.
Единственное ограничение у данного продукта было ограничение количества проектов без подписки. На тот момент было 2. Хочешь больше, подключи подписку.
Помню как я в чате техподдержки просил отключить автопродление. ТП живо интересовалась с чего такое решение. Объяснил, что работа с проек ом закончена, пока нет необходимости работы с несколькими проектами одновременно и что когда придёт время обязательно вернусь.
В общем не вернулся до сих пор. Ведь щас время другого онлайн сервиса для разработки.
Figma
Ещё один образец дружелюбного ПО для онлайн разработки. Так же как и Zeplin есть веб версия и приложение
Планирую сделать адаптивный сайт для писателя Александа Савина взамен текущего. Вообще очень детективная история:
Мне пался его пост на drive.ru. Зачитал это дело, написал и предложил помощь.
Он самоучка, не понаслышке знаком с атво, написал и издал трилогию книг о BMW, сейчас уже вышла новая о Mercedes-Benz.
Это не реклама. Скорее домашний проект, жест доброй воли и портфолио.(нужное подчеркнуть).
Финсансово я с него ничего не имею. Занимаюсь им исключительно для себя. Продумал текстовку на основе старого сайта, отрисовал дизайн в figma в адаптиве и буду воплощать на html и css самостоятельно.
Да именно так, изучил немного инструментарий, пару видео и вот.
Хостинг и домен заряжены.
Пока же сайт живёт на конструкторе Tilda как экспериментальный.
Макеты всех последних проектов были исключительно в Figma. Опять же совместная работа, интеграция.
Удобно работать с проектом, можно спросить тут же кое-какие уточнения. Оставить комментарий и т. д.
Можно перетащить проект себе и кромсать как угодно.)
Да кстати есть возможность импорта в Tilda.
Про конструкторы сайтов я скоро обязательно расскажу.
А пока немного про технику:
Заранее предупреждаю:
Фриланс, не является моим основым заработком. Скорее это хобби, которое приносит небольшой заработок, разбавляет рутину и представляет для меня технический интерес.
#фриланс
#программирование с нуля
#програмное обеспечение