В: Как ускорить процесс преобразования дизайна в HTML-страницы (вручную)?
Как интерфейсный дизайнер, конвертирующий дизайн (PSD, Sketch, AdobeXD, .. и т. Д.) В руководство по динамическим HTML-страницам. Я использую структуру начальной загрузки с библиотекой jQuery. Когда я начал эту работу, мне потребовалось много времени, чтобы преобразовать дизайн в html, после этого время уменьшилось, потому что работа становится классической и рутинной. Но каждый дизайн индивидуален, и я начинаю с нуля, используя компонент начальной загрузки, а затем добавляю свои переопределения CSS и JS.
Мне интересно, есть ли инструменты или идеи, чтобы улучшить мою работу и сделать ее быстрее?
Что я знаю, так это то, что я могу создавать свои собственные коды JS или CSS, которые я обычно использую (обычные вещи). Затем я могу включить эти файлы во все проекты, над которыми я работаю.
Мне нужны другие инструменты и идеи.
1 ответ
Существуют различные стартовые инструменты (шаблон), которые вы можете использовать в качестве основы и каждый раз писать свой код поверх них.
Также рассмотрите возможность удаления начальной загрузки, если вам нужно каждый раз переопределять ее, как вы сказали.
Лучше уж точно иметь меньше зависимостей.
Также попробуйте написать свой html/css, как будто вы создаете страницу, полную компонентов, которые независимы. Используйте методологию CSS BEM и постарайтесь сделать компоненты настолько многоразовыми, насколько это возможно. Имея это в виду, вы можете создать что-то вроде своей собственной библиотеки / фреймворка из наиболее часто используемых общих компонентов между проектами и просто включать их каждый раз. Вы можете обеспечить простую настройку с помощью собственных переменных CSS или переменных LESS/SASS с помощью миксинов.