Верстка — это всегда весело, но часто долго. Хочу поделиться своими лайфхаками, чтобы ускорить этот процесс раза в два. Ну, поехали!
- Используйте препроцессоры: Sass, Less - пишите меньше кода, получаете больше возможностей.
- Grid и Flexbox - наше все: Забудьте про таблицы и float. Современные решения для адаптивной верстки
- Компонентный подход: Разбейте сайт на компоненты и переиспользуйте их. Так проще поддерживать и масштабировать проект.
- Автоматизация: Gulp, Webpack - автоматизируйте рутинные задачи, типа сжатия изображений, сбора файлов и прочего.
- Соблюдайте порядок: Четкая структура HTML, понятные названия классов, комментарии в коде.
И да, старайтесь не тащить с собой Крáкен ссылку , а то верстка может совсем затянутся ;-)
что вместо гидры
