Сегодня темная тема, очевидно, в тренде у дизайнеров. Кроме того, это ещё и полезная функция.
Сегодня, разберем, что такое темная тема и как ее реализовать

https://nuancesprog.ru/p/2022/

@nuancesprog #статьи #WebDevelopment #WebDesign #CSS

Основы CSS: блочная модель

https://tproger.ru/translations/css-box-model/

Один из лучших способов внести изменения во внешний вид своего сайта — похимичить с CSS, с помощью которого можно поменять всё.

В этой статье для начинающих мы разбёремся:
— что такое блочная модель CSS и зачем она нужна,
— какие типы элементов существуют в HTML,
— как взаимодействовать с частями блочной модели для получения желаемого результата.

#css

Развёрнутое руководство по Sass/SCSS

https://tprg.ru/kJ7F

Современный CSS — мощь, а в комбинации с препроцессорами — вообще боевая машина для оформления контента на страницах.

Подготовили для вас развёрнутое руководство по Sass/SCSS с множеством примеров, в котором расскажем и покажем:
— зачем нужны препроцессоры,
— что такое директивы и миксины в контексте SCSS,
— примеры эффективного использования Sass/SCSS.

#css #html

⁠Самая лучшая погода — это та, которую создаёшь сам. Пусть и на CSS.

Исходный код здесь: https://codepen.io/CodeMeNatalie/pen/VNNddL

#css

Методология БЭМ

БЭМ (блок — элемент — модификатор) — это методология для разработки сайтов, созданная в Яндексе. Она позволяет писать модули, которые можно будет повторно использовать в своих других проектах.

Автор этого видео рассказывает, каким образом писать по этой методологии CSS: https://www.youtube.com/watch?v=4zt8qcZ1OXA

#css

Всё, что нужно знать про CSS

Огромная статья по CSS, которая заменит скучное чтиво большого списка CSS-свойств. Статья НЕ подойдёт тем, кто считает себя профи в CSS, и тем, кто практически с ним не знаком.

А вот для тех, кто уже делал что-то простенькое — самое то: https://www.taniarascia.com/overview-of-css-concepts/

#фронтенд #css

Большая коллекция CSS-шаблонов распространённых UI-компонентов: https://tprg.ru/E0X5

#фронтенд #css

Топ-100 самых популярных пенов на CodePen за 2019 год: https://tprg.ru/RdNU

#фронтенд #css #html

Отличная интерактивная статья для изучения позиционирования в CSS с котиками:

https://tprg.ru/Pogp

#фронтенд #css

​16 генераторов CSS-кода для веб-разработчиков

CSS стал таким мощным, что иногда им можно заменить даже JavaScript. Для CSS даже специальные инструменты стали выпускать, которые генерируют всякие прикольные штуки.

Например, на картинке в посте — инструмент, с помощью которого много мелких картинок можно объединить в один файл и выводить не с помощью тега img, а с помощью CSS.

В подборке рассказываем ещё про 15 занятных CSS-генераторов:

https://tprg.ru/lV43

#веб #css

Автор этого материала постарался собрать в одном месте всю информацию о кнопках и ссылках, которую только можно найти в интернете.

В итоге получился неплохой UX-гайд по использованию этих компонентов:

https://tprg.ru/yzrC

#фронтенд #css #html