Когда на странице много одинаковых элементов, но надо выбрать только все чётные или только последний? Помогут псевдоклассы!
https://doka.guide/css/child/?utm_source=social
#CSS
https://doka.guide/css/child/?utm_source=social
#CSS
👍22❤🔥2
Новые единицы измерения
Подробнее в новой статье Александра Мосякина.
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
❤🔥24🔥5👍1🆒1
Изучаем свойства, которые могут понадобиться для анимаций на чистом #CSS.
https://doka.guide/css/animation/?utm_source=social
https://doka.guide/css/animation/?utm_source=social
🔥25👍4
Верстаем плиточную раскладку как в Pinterest на чистом #CSS по рецепту Саши Тараскиной.
https://doka.guide/recipes/masonry/?utm_source=social
https://doka.guide/recipes/masonry/?utm_source=social
❤23👍2
В четверг 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…
🔥46👍4🙏1
Как использовать функцию light-dark() и переключать цвета в зависимости от темы операционной системы, рассказала Алина Козловцева.
https://doka.guide/css/light-dark/?utm_source=social
#CSS
https://doka.guide/css/light-dark/?utm_source=social
#CSS
👍29❤5❤🔥1🔥1
Про CSS-препроцессоры, их возможности, историю появления, рассвет и плавный закат, читайте в статье Анастасии Ярош.
https://doka.guide/tools/preprocessors/?utm_source=social
#CSS
https://doka.guide/tools/preprocessors/?utm_source=social
#CSS
👍19❤9🥰6🗿1
Выбрать сразу несколько элементов на странице, не перечисляя селекторы через запятую, поможет функция-псевдокласс :is().
Подробнее в доке Игоря Теплостанского.
https://doka.guide/css/is/?utm_source=social
#CSS
Подробнее в доке Игоря Теплостанского.
https://doka.guide/css/is/?utm_source=social
#CSS
👍32⚡6❤5🗿1
Анастасия Ярош описала свойство text-wrap, которое определяет, как текст располагается внутри контейнера. Пригодится для заголовков, которые не вмещаются в одну строку.
https://doka.guide/css/text-wrap/?utm_source=social
#CSS
https://doka.guide/css/text-wrap/?utm_source=social
#CSS
❤🔥32👍15
Мария Белинская описала CSS-свойство, с помощью которого можно выравнивать текст в последней строке.
https://doka.guide/css/text-align-last/?utm_source=social
#CSS
https://doka.guide/css/text-align-last/?utm_source=social
#CSS
❤25👍10🔥9
rotate
Анастасия Ярош рассказала про современный способ поворачивать элементы без использования свойства transform.
https://doka.guide/css/rotate/?utm_sourse=social
#CSS
Анастасия Ярош рассказала про современный способ поворачивать элементы без использования свойства transform.
https://doka.guide/css/rotate/?utm_sourse=social
#CSS
2❤🔥17❤9👍6