Успех в веб-дизайне
(Проголосуй)
Что должен знать HTML-верстальщик?
Как показала жизнь, в XXI веке, чтобы добиться успеха в жизни, мало обладать знаниями одной профессии. Например, чтобы добиться успеха в веб-дизайне, нужно начать с изучения английского языка.
Очень важно уметь читать и понимать по-английски, чтобы иметь доступ к актуальной информации. Лишь небольшой процент статей переводится на русский язык, а документация к плагинам и инструментам в основном представлена на английском. Это не блокирующий навык, можно вполне успешно учиться и работать без него, но он является огромным плюсом.
Важно также, идеально знать графические редакторы. Самые популярные: Photoshop и Sketch.
Необходимый минимум, чтобы начать работать:
нарезка и экспорт графических элементов;
работа со стилями слоя;
информация о тексте (размер, шрифт, цвет, межстрочный интервал и тд.).
Photoshop для кодера
Photoshop для HTML?верстальщика
Photoshop экшены для верстальщика
Photoshop – пример нарезки макета для верстки
Нарезка в Photoshop — New Layer Based Slice
Экспорт слоев из Photoshop в один клик!
The Ultimate Front-End Developer’s Guide to Photoshop
A Web Developer’s Guide to Photoshop
Photoshop Extensions for Front-end Developers
Sketch vs. Photoshop: why & how I moved to Sketch 3 and am not going back
Инструменты разработчика в браузере
Это набор инструментов, помогающих быстро найти и исправить ошибку. Верстальщиками часто используется для поиска ответа на вопросы: “почему не отображается?”, “откуда такие размеры?”, “я же его перекрасил” и т.д. Умение пользоваться этими инструментами сохранит вам кучу времени и нервов.
Chrome DevTools
Курс от codeschool
Chrome DevTools, в помощь верстальщику
Инструменты разработчика Firefox
DevTools Tips
15 Must-Know Chrome DevTools Tips and Tricks
И, это — еще не все. Следите за нашими публикациями. Мы расскажем и о других секретах успешной карьеры.