Когда на странице много одинаковых элементов, но надо выбрать только все чётные или только последний? Помогут псевдоклассы!
https://doka.guide/css/child/?utm_source=social
#CSS
https://doka.guide/css/child/?utm_source=social
#CSS
Новые единицы измерения
Подробнее в новой статье Александра Мосякина.
https://doka.guide/css/sv-lv-dv/?utm_source=social
#css
sv
, lv
, dv
решают одну из главных болей разработчика и позволяют учитывать изменения размера viewport в мобильных браузерах в зависимости от того, какие элементы браузера отображаются на экране. Подробнее в новой статье Александра Мосякина.
https://doka.guide/css/sv-lv-dv/?utm_source=social
#css
Изучаем свойства, которые могут понадобиться для анимаций на чистом #CSS.
https://doka.guide/css/animation/?utm_source=social
https://doka.guide/css/animation/?utm_source=social
Верстаем плиточную раскладку как в Pinterest на чистом #CSS по рецепту Саши Тараскиной.
https://doka.guide/recipes/masonry/?utm_source=social
https://doka.guide/recipes/masonry/?utm_source=social
В четверг 18 июля в 20:00 GMT+3 соберёмся, чтобы поверстать в прямом эфире.
Полина Гуртовая, которая обычно пишет на JS, будет решать задачки на #CSS, помогать ей будет Алёна Батицкая. А Никита Дубко расскажет про CodeRun и подборку задач, которая поможет научиться создавать на СSS разные штуки от простых примитивов до настоящих иллюстраций.
Приходите смотреть и задавать вопросы. https://www.youtube.com/watch?v=NY0or-THrlE
Полина Гуртовая, которая обычно пишет на JS, будет решать задачки на #CSS, помогать ей будет Алёна Батицкая. А Никита Дубко расскажет про CodeRun и подборку задач, которая поможет научиться создавать на СSS разные штуки от простых примитивов до настоящих иллюстраций.
Приходите смотреть и задавать вопросы. https://www.youtube.com/watch?v=NY0or-THrlE
YouTube
Решаем задачи по вёрстке с CodeRun // Дока, Никита Дубко, Алёна Батицкая, Полина Гуртовая
Верстаём в прямом эфире, рассказываем о CodeRun и где еще брать задачи для тренировки.
Дока → https://doka.guide/
Приходите обсуждать в Телеграм-чат Доки → https://t.me/+GM-gQCiFjmBiYTQ6
Подписывайтесь на Доку в соцсетях → https://gist.github.co…
Дока → https://doka.guide/
Приходите обсуждать в Телеграм-чат Доки → https://t.me/+GM-gQCiFjmBiYTQ6
Подписывайтесь на Доку в соцсетях → https://gist.github.co…
Как использовать функцию light-dark() и переключать цвета в зависимости от темы операционной системы, рассказала Алина Козловцева.
https://doka.guide/css/light-dark/?utm_source=social
#CSS
https://doka.guide/css/light-dark/?utm_source=social
#CSS
Про CSS-препроцессоры, их возможности, историю появления, рассвет и плавный закат, читайте в статье Анастасии Ярош.
https://doka.guide/tools/preprocessors/?utm_source=social
#CSS
https://doka.guide/tools/preprocessors/?utm_source=social
#CSS
Выбрать сразу несколько элементов на странице, не перечисляя селекторы через запятую, поможет функция-псевдокласс :is().
Подробнее в доке Игоря Теплостанского.
https://doka.guide/css/is/?utm_source=social
#CSS
Подробнее в доке Игоря Теплостанского.
https://doka.guide/css/is/?utm_source=social
#CSS
Анастасия Ярош описала свойство text-wrap, которое определяет, как текст располагается внутри контейнера. Пригодится для заголовков, которые не вмещаются в одну строку.
https://doka.guide/css/text-wrap/?utm_source=social
#CSS
https://doka.guide/css/text-wrap/?utm_source=social
#CSS
Мария Белинская описала CSS-свойство, с помощью которого можно выравнивать текст в последней строке.
https://doka.guide/css/text-align-last/?utm_source=social
#CSS
https://doka.guide/css/text-align-last/?utm_source=social
#CSS