31 Jul 2026, 09:14 UTC901 views10 reactionsread 6 August 2026 Photo
Флексы или флоаты
Для опытных разработчиков этот вопрос даже не встаёт. Выбор в пользу флоатов очевиден.
Но для фронтендеров-неофитов последних двух поколений были придуманы флексы. Этакое простое введение в системы раскладок (в общем-то такая же эрзац-система-раскладки, как и гриды). Главная цель флексов — не отпугнуть новичка на пути к вершине мастерства (флоатам). Так что не удивляйтесь их достаточно слабым возм…
🔥6😁4
24 Jul 2026, 11:26 UTC≈1,340 views13 reactionsread 6 August 2026 Photo
Мифические измерения гридов
"Флексы одномерные, а гриды двумерные" (ага, а трансформации трёхмерные).
Никогда не понимал, что это значит. Признайтесь, у кого так же?
Я расшифровываю это так: в гридах есть явная двумерная адресация для элементов, а во флексах — нет. Грид-элементу можно сказать: "живи в 4 колонке 3 ряда". И он будет там жить, даже если в грид-контейнере он один-одинёшенек.
Двумерная адресация — эт…
🔥12❤🔥1
17 Jul 2026, 09:50 UTC≈1,410 views11 reactionsread 6 August 2026 Photo
Лего-гриды
Гриды бесят. Это самый сложный и муторный механизм раскладки, в котором есть дополнительная (по сравнению с флексами) виртуальная сущность — шаблоны.
Флексы намного проще и намного популярнее. Но, к сожалению, владеть нужно и гридам — слишком уж мощная технология.
И если разбираться с гридами неспеша, с помощью красивых кубиков лего, то они почти не бесят.
Играть в новый уровень про гриды
🔥8❤🔥3
10 Jul 2026, 08:13 UTC≈1,450 views9 reactionsread 6 August 2026 Photo
Продолжение мини-игры по CSS-фильтрам
Меняйте код, подбирая комбинации карточек, чтобы повторить образец. Чем меньше ходов — тем вы круче!
Можно играть даже на мобильном.
👉🏻 Играть здесь
❤🔥9
3 Jul 2026, 13:22 UTC≈1,620 views15 reactionsread 6 August 2026 Photo
Мини-игра по CSS-фильтрам
Нужно менять код, подбирая комбинации карточек, чтобы повторить образец. Чем меньше ходов — тем лучше.
Можно играть даже на мобильном.
Играть здесь
❤🔥10💯2🎉1👏1🔥1
20 May 2026, 16:02 UTC≈1,770 views22 reactionsread 6 August 2026 Video
Реактивный CSS всё ближе
Свершилось! В 151 Firefox завезли стилевые контейнерные запросы. Это значит, что сложная клиентская логика на CSS теперь доступна во всех основных браузерах. И доклады про реактивный CSS становятся всё более актуальными
Есть и ещё одна хорошая новость. За флагом добавили range синтаксис для сравнений:
@container style() range syntax queries: layout.css.attr.enabled
То есть Firefox в вопро…
🔥10🎉5❤🔥4💯3
8 Apr 2026, 13:03 UTC≈2,350 views27 reactionsread 6 August 2026 Прощай, квадратный веб
Chrome радует скоростью релиза новых фич. Совсем недавно, в начале февраля, мы обсуждали новости про экспериментальную фичу — свойство border-shape. А спустя два месяца, 7 апреля 2026, фича уже в релизе в Chrome 147.
Напомню, чем так мил border-shape. Свойство позволяет задавать произвольную форму блока с помощью функции shape(), которая уже используется в clip-path, и с которой многие уже зн…
🔥18💯4❤🔥3🥰2
2 Apr 2026, 09:58 UTC≈1,850 views14 reactionsread 6 August 2026 Больше знаешь — крепче спишь (девиз ордена Хранителей)
Новая истина для айтишников. Причём именно в такой формулировке.
Бизнес с удовольствием заменил бы всех разработчиков на оркестры агентов, но мешает одно «но» — автобусное число.
Кто-то должен знать, как устроена система, как устроены эти оркестры, и нести за это ответственность. Короче, каждой системе нужен Хранитель, а лучше — несколько. Хранителей не уволят…
🔥9❤🔥3🥰2
30 Mar 2026, 17:09 UTC≈1,700 views18 reactionsread 6 August 2026 Photo
Круговой прогресс-бар на CSS — после первого выпуска казалось, что тема закрыта. Два градиента, пара переменных, готово.
А потом пришёл запрос: «Сделай концы шкалы круглыми». Одно «маленькое» требование — и в реализации появилась тригонометрия, формулы позиционирования по окружности, синхронизация четырёх градиентов.
Как из двух градиентов вырос прогресс-бар с CSS-тригонометрией — в новом выпуске.
Попробуйте демон…
🔥10❤🔥3😍3🎉2
26 Mar 2026, 12:37 UTC≈1,770 views19 reactionsread 6 August 2026 Когнитивная пропасть и нейросети
Многие уверены: нейросети облегчили вход в айти. Но в жизни всё ровно наоборот. ИИ не облегчил вход в айти, а серьёзно его усложнил. На пути новичка появилась настоящая когнитивная пропасть.
Без упоминания «поверхностных вайбкодеров» рассказ не выйдет. Это ребята, которые не разбираются в разработке, но умело пользуются нейросетями и даже ваяют какие-то IT-продукты. Казалось бы, отл…
🔥12❤🔥4🥰3
19 Mar 2026, 12:57 UTC≈4,730 views15 reactionsread 6 August 2026 От резюме к доказательному найму
Рынок найма сломан двумя кризисами: экономическим и кризисом доверия. Они наложились друг на друга и бьют даже по сильным специалистам.
Новый дефолт рынка — нулевое доверие к кандидатам. И это надолго.
Резко выросла ценность цифрового профессионального следа — пруфов, которые подтверждают опыт и уровень навыков. Рынок движется к доказательному найму.
У большинства разработчиков та…
🔥6❤🔥4😁3🥰2
16 Mar 2026, 17:06 UTC≈2,590 views24 reactionsread 6 August 2026 Photo
Накрутчики опыта в IT, у вас проблемы. HeadHunter зарелизил систему, после которой фейковые резюме исчезнут из выдачи. Совсем.
Рекрутеры получили инструменты, чтобы отделить реальный опыт от накрученного прямо в списке с откликами. Врал годами? Станешь невидимкой. Честные наконец попадут в поле зрения.
А ещё рекрутёрам дали лёгкий способ банить накрутчиков навсегда. HR-сообщество вычистит платформу за считаные меся…
❤🔥8🔥7🤩5💯2🦄2
Showing the 12 most recent of 18 posts we hold for @cssbol. View and reaction counts are the latest single reading for each post, not a live figure, and a recent post is still accumulating both. A view count marked ≈ was rounded by Telegram before we ever saw it — t.me prints views in full below 1,000 and to three significant figures above, so ≈1,200,000 means somewhere between 1,150,000 and 1,249,999. Unmarked counts are exact. Text is reproduced from the public post preview and truncated for length.