Tabs html+css+js

https://codepen.io/rafaelavlucas/pen/MLKGba

Всё, что я не знал про свойство content в CSS. Мануэль Матузович делится свежими открытиями: от тривиальных до неожиданных — https://www.matuzo.at/blog/heres-what-i-didnt-know-about-content/

Друзья и подруги!
Карантин подходит к концу и появляется всё больше задач, дел, встреч и всего такого. Но это не повод забрасывать канал и не радовать вас новым стримчанским! В пятницу, в 19:00 разберём вёрстку, поболтаем, подискутируем и побомбим вместе! Вэлкам! https://youtu.be/YNQrxxIU5HI

Привет, народ. Я чуть не потерял $100 по своей невнимательности.
Неделю назад верстал я впервые в жизни email-рассылку и мне понадобилось проверить письмо на отображение в разных клиентах.
Нагуглил сервис с неделей триала, зарегался, сделал что нужно и забыл.
И вот сегодня просыпаюсь, а у меня уведомление от банка, что сервис не смог списать $100, потому что недостаточно денег на счету.
Естественно, банковские данные тянутся у меня в регистрацию из Google Pay, а это значит, что я не особо обращаю внимание при регистрации на то, подтянули у меня банк или нет. Зарегался и ладно.
В общем, было бы у меня на карте на 50 гривен больше, списало бы соточку сегодня.
Сходил, отписался от триала, проблему решил. Но сделал выводы, что если регистрируется во всяких сервисах с триалом и подпиской, то:
1. Делайте отдельную виртуальную карту
2. Отписывайтесь от триала в сервисах, когда они вам больше не нужны.
Всем бобра!
ПыСы: вэлкам сегодня в 19:00 на стримчанский. Разберём вёрстку подписчика от А до Я, сломаем интерфейс и послушаем, как сайт выглядит для слабовидящих.

​​Друзья, напоминаю, что в 19:00 стартует CSS-разбор на стриме. https://youtu.be/YNQrxxIU5HI

Всем привет!
Видео вчерашнего стрима уже на канале. Кто не успел посмотреть в прямом эфире - можно посмотреть в записи.
https://youtu.be/YNQrxxIU5HI

Я обнову вам принёс, друзья!
Сборка обновилась до версии 1.4.
Что нового:
- сжатие png;
- сжатие svg;
- конвертация jpeg и png в webp;
- автоматическая подмена <img> на <picture> с webp и обычным разрешением файла, а так же замена ресурса в css;
- уменьшен выходной размер файлов libs.min.css и libs.min.js за счёт удаления из них карты ресурсов за ненадобностью;
- исправлены некоторые ошибки предыдущей сборки.

Почему CSS… такой? Технический директор W3C Крис Лилли рассказывает историю появления особенностей некоторых свойств в CSS — https://increment.com/frontend/ask-an-expert-why-is-css-the-way-it-is/

Друзья, у меня на канале собралась первая сотня подписчиков. За что, конечно же, вам всем огромное спасибо! В связи с этим, нежданно, негаданно проведу стрим сегодня в 20:00. Заходите, будет лампово )))
https://youtu.be/9HYBkCukCrE

Ребятки, осталось 30 минут до стрима! Кто ещё не присоединился - присоединяйтесь!
https://youtu.be/9HYBkCukCrE

Запись стрима обязательно появится сразу после обработки ютубом!
https://youtu.be/9HYBkCukCrE

Я во время стрима не ответил на вопрос про дивы. Обязательно запишу короткий видос про них завтра днём. Всем бобра и семантику!

13 способов стилизации списков

Не любите списки? Да вы просто не умеете их готовить!

В своей статье автор делится нетривиальными способами стилизации. Всё оформлено в CodePen, так что можно потыкать код, не отходя от кассы.

https://tprg.ru/BOgt

#фронтенд #css

Просто и понятно про БЭМ на примере стейка:

.корова 

- блок

  .корова__спина 

- элемент (не может существовать отдельно от блока)

    .корова__спина-мышца.вырезка 

- микс (вырезка, как кусок мяса - отдельная сущность, но входит в состав коровы, как её мышца)

      .корова__спина-стейк.вырезка__филе-миньон

- микс двух элементов разных блоков

        .корова__спина-стейк.вырезка__филе-миньон—медиум-рейр

- модификатор означает степень прожарки

Гриды для раскладки, флексбокс для компонентов. Разбираемся, что и в каких ситуациях использовать.

https://ishadeed.com/article/grid-layout-flexbox-components/

Этот пост не про CSS, но о человечности. Моего знакомого, которого не раз встречал на разных политических акциях судят за то, что он смог отбиться от нападавших на него людей. У одного из них он выбил нож и нанёс, как позже оказалось, смертельный удар в область живота. Нападение было уже ТРЕТЬИМ по счёту и он просил защиты у государства, которое отморозилось. Поэтому извините, оффтоп, но я поддержу Серёжу Стерненко в его праве на самооборону.

Підтримувати активіста Сергія Стерненка – підтримувати право на самозахист.
У вас може бути різне ставлення до Стерненка, але якщо ви вболіваєте за його ув’язнення, то ваша позиція дуже підозріло збігається з позицією Шарія, Портнова, Медведчука та інших агентів ФСБ. Ми, адміни українських телеграм-каналів, усвідомлюємо відповідальність перед своїми аудиторіями, заявляємо, що всебічно підтримуємо активіста Сергія Стерненка.

Підтримують:
@ukrnastup
@teterivonelove
@tasty_flashbacks
@dvish_live
@knpu_division
@Ironvoter
@privatnamemarnya
@philiszanka
@fastnews_ua
@polcringe
@borykva
@guliajpole
@taburetkax
@kropyvamemes
@not_understandable
@vantazhivka
@nechudopi4
@direview
@Legion_of_Kuchma
@nationalpolpotism