Всем привет!
Не знаю как у других, но у меня с вёрсткой не всегда все гладко и часто приходится гуглить проблемы. И дело не в сложности, а просто в отсутствии обширной практики. А в наше время CSS совсем не простая штука, очень много всевозможных нюансов, о которых нужно знать.
Одна из проблем, с которой сталкивался - вертикальное выравнивание текста.
Вот небольшой материал на эту тему
#css
Не знаю как у других, но у меня с вёрсткой не всегда все гладко и часто приходится гуглить проблемы. И дело не в сложности, а просто в отсутствии обширной практики. А в наше время CSS совсем не простая штука, очень много всевозможных нюансов, о которых нужно знать.
Одна из проблем, с которой сталкивался - вертикальное выравнивание текста.
Вот небольшой материал на эту тему
#css
Webformyself
Вертикальное выравнивание текста в кнопках и элементах ввода
Вертикальное выравнивание текста интерактивных элементов. Свойства font-size, line-height, padding, border. Альтернативный подход
Всем привет! 🖖
Каждый раз, когда я начинаю новый проект, сталкиваюсь с муками выбора структуры 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