Какими инструментами должен обладать веб-дизайнер?

Question

[Smeecy Smeecy]

Всем привет! Занимаюсь вёрсткой сайтов, весь код и всю работу делаю в ручную , без использования препроцессоров, шаблонизаторов и т.д. . В связи с этим хочу задать несколько вопросов :
Действительно ли важны все эти инструменты?
Если да, то в каком порядке стоит изучать?
И если можно ссылки на статьи , которые помогут понять - "для чего нужно?" и "как работает?".
И в заключении хотелось бы увидеть полный список инструментов и программ , которыми по вашему мнению должен обладать каждый веб-дизайнер?
Спасибо.

Comments

[imhuman]

Так верстальщик или все-таки веб дизайнер?

[copal]

инструментов безумно много и мало того каждый из них это не просто молоток, который взяли в руки и начали махать, а это комбайн, который тянет вместе с собой кучу правил, которые нужно соблюдать. И раз Вы только в начале пути, то начните хотя бы с gulp + sass. Если js не знаете, то найдите друга-новичка, который уже освоил gulp и пусть он Вам за чувство полезности напишет файл для сборки, это максимум десять минут займет. Дальше открываете доки sass и смотрите все 10-20 инструкций. Затем начинаете писать только на sass и через некоторое время не поверите как без этого жили.

Answer 1

[private_tm]

Веб-дизайнер и
верстальщик разные направленности.
Верстальшик:
1)Продвинутое знания html(для написания кода за меньшее время)
2)Придвинутое знания css(для написания кода за меньшее время)
3)Продвинутое знания js(для того чтобы больше платили)
4)продвинутое знания вашего редактора/ide(для написания кода за меньшее время)
5)продвинутое знания препроцессоров css(для написания кода за меньшее время)
6)продвинутое знания шаблонизаторов html(для написания кода за меньшее время)
7)Продвинутое знания основных css- фрамиворков(для написания кода за меньшее время)
8)Продвинутое знания верстки адаптивного дизайна(для того чтобы больше платили)
9) продвинутая кроссбраузерная верстка(для того чтобы больше платили)
10) продвинутая сео-верстка(для того чтобы больше платили)
11)Продвинутое знания знания jquery. Jquery плагинов.

Answer 2

[Sanes]

Самый простой юзеркейс это цветовые схемы. Для простоты понимания почитайте про переменные в LESS.

Answer 3

[Константин Китманов]

Посмотрите вот этот ответ: https://toster.ru/q/208124?e=3923510#answer_item_5...

Comments

[Роман Татаринов]

Ответ неплох. Однако, при всем этом я знаю препроцессор и юзаю их. Но вот с нативным js беда. На jquery решаю какие-то задачи, даже большинство, но все равно все это не то.

Answer 4

[Dark Hole]

Знаниями.
Головой.
Фантазией.
Руками.
Чувством стиля.
Без остального можно обойтись.

Comments

[Spaceoddity]

руки-то зачем?)))

Answer 5

[Иван Водянов]

Знаниями