Во фронтенде, кроме всех остальных ребят, есть ещё и верстальщики.
Если очень коротко, то их работа заключается в следующем — нужно отобрать у дизайнера графический макет и сделать из него страницу для сайта.
Поэтому рулить графикой — важнейшая часть работы верстальщика. Рассказываем, с чего начать.
✏️ Как работать в Фигме
Фигма — удобный графический редактор для верстальщиков и их друзей-дизайнеров.
По ссылке — подробное руководство, как установить, осмотреться, что-нибудь сделать и не сбежать в первые пять минут.
🖼️ Какие бывают картинки
Фотографии, картинки, схемы, графики, банеры нужны или для декора, или для иллюстрации. Разбираемся, что ставить, куда и в каких случаях.
🏞️ Как выбрать фотографии для сайта
Самый большой соблазн для всех, кто хоть раз открывал графический редактор по работе — взять первую картинку из гугла по запросу «люди» и вставить по поводу и без. Статья о том, где брать бесплатные фотографии, о лицензиях и чистой совести.
🎨 Чем растровая графика отличается от векторной
Великая битва SVG против JPG, PNG и GIF не закончится примерно никогда. Всем важно знать основные этапы и отличия растра и вектора, чтобы через пару месяцев в компании друзей (как на фото выше) блеснуть этим знанием.
🎠 Как создать и анимировать SVG
Ещё одно руководство по созданию и анимации векторных иллюстраций. Мастхэв для верстальщиков и вообще всех, кто во фронтенде.
✒️ Как добавить SVG на сайт
Вадим Макеев рассказал о нескольких способах. Говорит, правильного нет — есть подходящие.
Бонус-трек для дочитавших
Секретный чат в телеграме. Никого в офисе — все ушли туда.