CSS для тех, кто спал и проснулся

[normal]

спасибо, но в идеале бы еще и иллюстрации для некоторых случаев -- ну с dvh и aspect‑ratio в первую очередь :)

[Sedm1]

Забыл при редактуре текста их вернуть, спасибо

[rework]

Разработка сайтов в 2019 - это крайне рано? Как по мне - это крайне поздно, т.к это период когда сайты стали уже загибаться и все массово уходили в соц.сети и мессенджеры типа Инстаграм, VK. Я в свое время начал профессионально заниматься разработкой сайтов в 2007 году ещё, вот это довольно рано и то я не был первопроходцем

[ivvi]

Вы о чем оба? Первопроходцы были в середине 90-х прошлого столетия.

Тоже угарнул по поводу 2019 года.

[Rubilnik]

Ну кому как, просто автор из нового тысячилетия)

[Sasha_Berg]

Аналогично) 2019- й - это как вчера или позавчера. Сайты на CSS пишутся с 90-х. Ошибаюсь?

[ivvi]

Первые спеки CSS датируются концом 90-х годов.

В начале 2000-х стали появляться первые grid-системы.

Bootstrap выкатили в 2011, Tailwind - в 2017.

[Sasha_Berg]

Ага, точно.

Молодое поколение не вникает в историю. И считает, что нейронки и блокчейны тоже они сделали, а не их деды) забавно, милая наивность)

[BloodyEagle]

Я свой первый сайт делал в 2000-м году. На таблицах и вообще без css 😅

[kellas]

Согласен, тоже зацепила эта фраза))) ну это даже как-то мило - дорогу молодым!

[Barbeku]

Хм? А где там написано, что 2019 это крайне рано?

[ReAL15t]

Отличная статья, на самом деле я тоже обучился фронтенду и базам СSS где-то в 2020 и всего этого мне хватало для 99% моих задач, а дальше изучал только JS, больше к CSS не возвращался. Было бы интересно увидеть цикл статей о том, что появилось в CSS за это время

[likeapimp]

2019.. это вчера было)

[AndrewRIGHT]

Написано хорошо обстоятельно и по делу.

[kellas]

На самом деле спасибо за статью. Считаю что про возможности css сейчас напрасно многие забывают. Чем больше подобного контента тем лучше!

[vikkont]

Современный css позволяет в большинстве случаев вообще не писать js)

[cashboy]

Каждый хочет показать, что очень старый! Когда я начал, еще вселенная не родилась!

[ivvi]

Вселенная Марвел?

[ILaeeeee]

Специфичность можно довольно просто перебить такой штукой
.selector:not(#spec_up) - это равносильно классу будет, где #spec_up - любой фейковый класс

прогресс css радует, но пока посижу на препроцессоре, ибо очень часто миксины и функции использую, которые колоссально процесс ускоряют

а вот от этой конструкции практически нулей выхлоп

.card {  
  padding: 16px;  
  border-radius: 12px;  
  
  .card__title {    
    font-size: 24px;    
    font-weight: bold;  
  }  
  
  .card__text {    
    color: #555;  
  }
}

Тут же БЭМ испозуется? Нафиг вложение делать.

в scss как бы логично, ты не повторяешь родителя.

.card {  
  padding: 16px;  
  border-radius: 12px;  
  
  &__title {    
    font-size: 24px;    
    font-weight: bold;  
  }  
  
  &__text {    
    color: #555;  
  }
}

[unv_unv]

Не хватает ссылок на https://caniuse.com/ и актуальных процентов по перечисленным фичам.

[BloodyEagle]

Все перечисленное в статье на всех современных браузерах работает. Может какие древние мобильные браузеры не поддерживают, но десктопные - точно все