Всем привет! 🖖
Каждый раз, когда я начинаю новый проект, сталкиваюсь с муками выбора структуры CSS.
Насколько я знаю, у многих так.
Чаще всего я пользуюсь SCSS и применяю паттерн, о котором я писал 7-1.
Иногда это гибридные варианты, когда в Реакт использую модули.
Сейчас текущий проект так организован - размещение файлов стилей у каждого компонента(не модули), но подключение в едином файле по паттерну 7-1.
Да, можно приводить доводы, что вот этом проекте вот так оптимальнее, а в этом вот эдак. Но суть в том, что бы не только вы это понимали. Поэтому лично я предпочитаю общепринятые методики, в команде и для дальнейшей поддержки проекта это гораздо важнее.
Сегодня прочел ещё один интересный вариант, думаю попробую в следующий раз.
А как вы структурирует CSS? Поделитесь в чате
ЗЫ Если кто не читал про паттерн 7-1
#css
Каждый раз, когда я начинаю новый проект, сталкиваюсь с муками выбора структуры CSS.
Насколько я знаю, у многих так.
Чаще всего я пользуюсь SCSS и применяю паттерн, о котором я писал 7-1.
Иногда это гибридные варианты, когда в Реакт использую модули.
Сейчас текущий проект так организован - размещение файлов стилей у каждого компонента(не модули), но подключение в едином файле по паттерну 7-1.
Да, можно приводить доводы, что вот этом проекте вот так оптимальнее, а в этом вот эдак. Но суть в том, что бы не только вы это понимали. Поэтому лично я предпочитаю общепринятые методики, в команде и для дальнейшей поддержки проекта это гораздо важнее.
Сегодня прочел ещё один интересный вариант, думаю попробую в следующий раз.
А как вы структурирует CSS? Поделитесь в чате
ЗЫ Если кто не читал про паттерн 7-1
#css
Webformyself
Моя структура CSS
Создаем оптимальную структуру CSS вместе: компоненты, папки, файлы, элементы. Настройки
Реактивный ... CSS!
Чего, чего??? А такое бывает? Это мои первые мысли, когда я увидел перевод статьи от Adam Crockett
👉Подробнее
#css
Чего, чего??? А такое бывает? Это мои первые мысли, когда я увидел перевод статьи от Adam Crockett
👉Подробнее
#css
Webformyself
Как сделать CSS реактивным!
Реактивный CSS: что такое, как и зачем его таким делать. Разделение задач. Функция Calc. Собственные свойства из переменных sass
Всем привет!
Последнее время постоянно в требованиях стоит создание кастомных полос прокрутки.
Если вы ещё не делали, попробуйте - я уже не представляю скролл без них.
Простая инструкция - создаём полосу прокрутки на CSS
#css
Последнее время постоянно в требованиях стоит создание кастомных полос прокрутки.
Если вы ещё не делали, попробуйте - я уже не представляю скролл без них.
Простая инструкция - создаём полосу прокрутки на CSS
#css
Webformyself
Создание пользовательской полосы прокрутки на CSS
24 строки кода: создаем пользовательскую полосу прокрутки за 24 строки с помощью CSS, HTML, JavaScript.
Всем привет!
Одна из востребованных задач в верстке - фиксация header (у меня в текущем проекте еще и footer фиксируется в некоторых компонентах).
Если вы еще не делали это при помощи Grid - эта статья вам в помощь! 👍
#css #grid
Одна из востребованных задач в верстке - фиксация header (у меня в текущем проекте еще и footer фиксируется в некоторых компонентах).
Если вы еще не делали это при помощи Grid - эта статья вам в помощь! 👍
#css #grid
Webformyself
Как использовать CSS Grid для закрепления хэдера и футера
Фиксированный хэдер и футер: как использовать CSS Grid. Базовые стили. Регулируемая ширина
Всем привет!
Наткнулся на интересную статью, в которой автор заставил меня задуматься, о вертикальной составляющей в адаптивном дизайне. А то я, как и многие, обычно только ширину учитываю.
👉Отзывчивый веб-дизайн и учёт высоты окна браузера
#css
Наткнулся на интересную статью, в которой автор заставил меня задуматься, о вертикальной составляющей в адаптивном дизайне. А то я, как и многие, обычно только ширину учитываю.
👉Отзывчивый веб-дизайн и учёт высоты окна браузера
#css
Всем привет!
Наткнулся на прикольную статью от одного токсичного автора - в ней он предлагает вариант "адаптивного" шрифта для различной ширины экрана на чистом CSS с использованием em.
#css
Наткнулся на прикольную статью от одного токсичного автора - в ней он предлагает вариант "адаптивного" шрифта для различной ширины экрана на чистом CSS с использованием em.
#css
Webformyself
«Адаптивный» размер шрифта с использованием чистого CSS
Как настроить адаптивный размер шрифта на чистом CSS. Математика в виде минимума и максимума. Отличие от других реализаций. Демонстрация
Нестандартное мышление с CSS Grid - перевод статьи Энди Барефут, в которой он показывает, какие крутые штуки он создаёт
#css
#css
Webformyself
Нестандартное мышление с CSS Grid
Необычный дизайн макета не из блоков с помощью с CSS Grid. Пошаговая инструкция настройки изображения