CSS-заметки
137 subscribers
50 photos
1 video
1 file
102 links
Это личный блог, в котором я делюсь своим опытом.
💰 Поддержать канал: https://css_notes.dyaka.com/donate
🔴 Ютуб: https://www.youtube.com/channel/UCqKk5FvlVi8TzJJGFuYwznw
📦 Сборка: https://github.com/budfy/Easy-webdev-startpack
Download Telegram
​​Друзья, всем привет!
Для тех, кто вчера не успел на вчерашний стрим - запись стрима уже доступна на канале.
Forwarded from Веб-страница
Почему для фавиконок сайтов стоит использовать SVG и как это реализовать:

https://tprg.ru/jq7Y

#фронтенд #svg
​​​​Всем привет!
Новая рубрика и новое видео уже на канале! Го смотреть!
https://youtu.be/hSy9LiUEP0U
10 CSS-задач, которые легко решаются современными методами, но мы до сих пор пользуемся костылями по привычке. https://moderncss.dev/
Forwarded from Веб-страница
Отступы в CSS

Огромный гайд на тему отступов в CSS — различные подходы к реализации, padding и margin, практические примеры:

https://tprg.ru/aFcw

#фронтенд #css
Forwarded from Веб-стандарты (Веб-стандарты)
Что нового в Lighthouse 6.0. Коннор Кларк рассказывает про ключевые изменения в мажорном обновлении: новые метрики и аудиты, обновлённая оценка производительности, Lighthouse CI, расширение для Firefox и другие — https://web.dev/lighthouse-whats-new-6.0/
Forwarded from Веб-стандарты (Веб-стандарты)
Всё, что я не знал про свойство 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 за счёт удаления из них карты ресурсов за ненадобностью;
- исправлены некоторые ошибки предыдущей сборки.
Forwarded from Веб-стандарты (Веб-стандарты)
Почему CSS… такой? Технический директор W3C Крис Лилли рассказывает историю появления особенностей некоторых свойств в CSS — https://increment.com/frontend/ask-an-expert-why-is-css-the-way-it-is/
Как же я благодарен разработчикам за эти два, казалось бы простых, но таких полезных дополнения для VisualStudio Code!
1. Better comments - позволяет создавать и использовать кастомные тэги в комментариях, длагодаря чему комментарии разукрашиваются в различные, заданные в настройках цвета.
2. Comment Anchors - позволяет создавать якорные ссылки комментариев, поддерживает вложенность якорей, наподобие древовидной структуры. Панель ссылок открывается отдельным значком в боковой панели.
Без этих двух приблуд моя жизнь была адом, особенно когда кода становится 5 и больше 10 тысяч строк и ты уже не понимаешь, где что написано.
Друзья, у меня на канале собралась первая сотня подписчиков. За что, конечно же, вам всем огромное спасибо! В связи с этим, нежданно, негаданно проведу стрим сегодня в 20:00. Заходите, будет лампово )))
https://youtu.be/9HYBkCukCrE
Я во время стрима не ответил на вопрос про дивы. Обязательно запишу короткий видос про них завтра днём. Всем бобра и семантику!