Как писать хороший и расширяемый css код?

Добрый день!

Подскажите, пожалуйста, ресурсы или книги, где можно узнать о том, как правильно писать расширяемый Css код, чтобы в случае чего можно было заменить/добавить какие-либо элементы, и все не сломалось?
Также интересует информация о правильном разбитие и подключении css файлов в случае, если проект разрастается и тд.

Буду очень благодарен =).
  • Вопрос задан
  • 1063 просмотра
Решения вопроса 4
qant
@qant
programer
Используйте Scss + переменные + формулы и все возможные продвинутые фичи + cборшик.
https://sass-lang.com/documentation/syntax

Вот крутой видос по теме: https://www.youtube.com/watch?v=Mrq2ora_p0o и крутой канал по верстке, там и бем видосы есть, но бем не панацея как по мне...

Мощь SASS/SCSS и владение сборкой, хотябы gulp в идеале webpack.

+ Уйма удобных плагинов для верстки и копирования кода для vscode
BEM Helper
eCSStractor for VSCode
Live Sass Compiler

Сейчас просто с космической скоростью можно работать с SASS/SCSS
Ответ написан
you_web
@you_web
TypeScript, React, Webpack...
Добрый день, есть разные методологии. Ваш вопрос зависит так же от того, по какой методологии вы верстаете. Хорошо себя зарекомендовал БЭМ https://ru.bem.info/methodology/ + less (+ инструмент сборки webpack / gulp)

При данном подходе стили для каждого блока можно хранить в отдельном файле и далее экспортировать всё в общий. Так же можно отдельно хранить сторонние библиотеки, переменные, миксины и т.д, как в js :)

Вот как это примерно выглядит в рабочем проекте:
5f65f7cc473d4545749504.png
Ответ написан
Get-Web
@Get-Web Куратор тега CSS
Front-End Developer
Присмотритесь к методологии БЭМ. По началу будет не просто, но потом познаете дзен.
Ответ написан
kocherman
@kocherman
Здесь ты найдешь про CSS всё. А вот прочитать сможешь, если знаешь английский.
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
MDiMaI666
@MDiMaI666
Талантливый программист
Ещё как вариант посмотрите как устроено в других проектах в гитлабе. Исходники бутстрапа ангуляра
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы