Люди: что? за это надо платить? да иди ты на хер. Артем: покупает права на очередной плагин или скилл, чтобы разобраться как он устроен внутри или просто покупает библиотеку всяких ништяков за 17$ чтобы улучшить свои видео, программы, ботов и т.д. Штука, которая меня всегда смущала. Я на каком-нибудь эфире, еще во времена уроков по веб-разработке говорю "возьмите вот эту админку, она стоит всего 3000 рублей, но столько геморроя снимает, кайфанёте и заказчикам сможете ставить ее как доп. услугу за 10 000 рублей. Я так делал, держите" В ответ получал столько говна и хейта, что потом перестал давать какие-то платные инструменты и всегда стал подбирать бесплатные альтернативы, которые зачастую говной воняли, но людям нравились. Но щас у меня проще подход. Если вы хотите делать действительно качественные вещи, то чаще всего для них придется что-то покупать. Да, самые пиздатые инструменты в основном платные. Когда вы видите чей-то охуенный моушн дизайн, возможно чел купил плагин за 79$, как я на прошлой неделе 😁

Чем отличаются клавиатуры для Windows и Mac помимо расположения клавиш? То, что в Windows называется Backspace, на Mac зовётся Delete. Привычную Ctrl в большинстве сочетаний заменяет Command, но собственная Control у Apple тоже есть. А клавиша Return может работать иначе, чем Enter на цифровом блоке — например, в Photoshop. И это лишь начало путаницы. Различаются способы ввода специальных символов, навигация по тексту и даже правила записи сочетаний клавиш. Для разработчиков веб-приложений добавляется ещё одна головная боль — часть комбинаций зарезервирована операционными системами и браузерами, причём ограничения в Windows и macOS отличаются.

История HTML и CSS: какие элементы и свойства ушли навсегда Когда-то бегущая строка на сайте была вполне обычной вещью. Автор, например, ещё в школе выводил через marquee гордое «Локомотив — чемпион России 2004». Текст по центру тоже ставили совсем не так, как сейчас — для этого существовал отдельный элемент center. С вёрсткой было ещё интереснее. До flexbox и CSS Grid элементы выстраивали через float, а потом отдельно боролись с последствиями при помощи пустого div и clear: both. А в Internet Explorer свойство zoom использовали не только для масштабирования, но и как способ чинить проблемы с отображением. Такие конструкции встречались даже в раннем Twitter Bootstrap и normalize.css. marquee, applet, center, clearfix и старые хаки для IE — прогулка по вебу, где привычные сегодня задачи решались совсем другими средствами. И это лишь часть того, что со временем исчезло из повседневной HTML- и CSS-практики.

Подписчик Владимир делится страничкой, которую сделал. Это график включения отопления в Туле: https://vladimirdesigner.github.io/otoplenie-tula/ На карте 11 000 адресов. Всё работает плавно, ничего не подгружается с опозданием, точки не собираются в дебильные кластеры – просто всё сразу видно и работает. Пока во всемирных корпорациях «невозможно» сделать быстро и плавно, потому что вы не понимаете база фреймворк безопасность, одному дизайнеру всё под силу. Владимир добавляет:

И в эпоху нейросетей, как раз темы которые преподают Бюро и остаются самыми важными, чтобы делать проекты круто и продуманно. И это все стало достаточно просто воспроизводить, если бы ещё все этого хотели и знали как вообще можно делать интерфейсы

ai ide "Prefix-Matching Exploit" https://arxiv.org/html/2412.10321v2 https://github.com/feathersjs/feathers/security/advisories/GHSA-mp4x-c34x-wv3x A Prefix-Matching Exploit typically refers to a security vulnerability where software validates a string (like a URL, domain, path, or model prompt) using a simple prefix check (e.g., .startsWith()) but fails to enforce proper boundary constraints. Depending on your context, this exploit manifests in two main ways: web application security (such as origin validation bypass) and AI/LLM security (such as prompt jailbreaking and output prefilling). https://share.google/aimode/dKHStdprFsHEX5u3I

Кстати, про "образование" — сразу несколько известных независимых преподавателей веб-разработки сообщают, что генеративный AI разрушил их бизнес. Аксель Раушмайер ведёт с 2005 года блог 2ality об ECMAScript. По его словам, доход от книг упал с уровня, на который можно было жить в 2024 году, до нуля в 2026-м. Джош Комо и другие авторы курсов фиксируют падение выручки на 50% и больше. Кайл Кук из Web Dev Simplified зарабатывает вдвое меньше, чем год назад. Бальдур Бьярнасон лишился всех обучающих проектов: спрос на электронные книги по веб-разработке рухнул, коллеги закрывают бизнесы. Салма Алам-Нейлор ушла из DevRel на менее оплачиваемую позицию разработчика без публичной активности. Ну, что можно сказать? Можно, конечно, посочувствовать людям, которые надеялись всю жизнь провести на объяснении элементарных вещей вида "Вот видите, у элемента X есть свойство стиля Y, это значит, что можно написать вот так и чудо, текст теперь по центру, с вас 300 баксов за полчаса и еще 25 примеров этого использования". Правда, они же не сочувствовали авторам книг "Как запустить веб-браузер на Windows 95", когда у тех провалились очередные переиздания под названием "Как еще запустить веб-браузер на Windows 7". Однако, развитие AI делает знания, базирующиеся на примитивных навыках и накопленном опыте, легко доступными. Вам не нужно 10 тысяч повторений, чтобы знать о каких-то подводных камнях в той или иной деятельности или применять решения, базирующиеся на механическом опыте. Собственно, в этом и заключается смысл цивилизации и культуры — сохранять знания и передавать их между поколениями. Если ваш бизнес базируется на неверном прочтении предыдущего глагола, как "продавать", то добро пожаловать в клуб извозчиков и секретарей-машинисток. https://molily.de/web-dev-education/

Понравилось как строят продукт и маркетинг ребята из Поехали (сервис для генерации сайтов и веб-приложений), которые вместо того, чтобы ограничиваться только ИИ-продуктом, ещё и выстраивают внутри него собственную экосистему и сообщество. Так, помимо библиотеки шаблонов сайтов, у них есть ещё и база авторов с их проектами (вангую задел под каталог фрилансеров), а в своём тг-канале они делятся кейсами (например, как лётчик без опыта в разработке создал сайт для автомобильной логистической компании) и проводят активности с конкурсами для пользователей в духе "Продукт месяца" с наградами с привязкой к внутренней валюте продукта. Б – баланс продукта и внутреннего маркетинга ✨

Оказывается у Google Chrome есть неплохой набор скиллов для агентов, чтобы улучшить качество ваших сайтов https://developer.chrome.com/docs/modern-web-guidance Там описаны знания по типу: - как юзать нативные HTML/CSS-фичи вместо лишнего JS - делать быстрый и адаптивный UI - не ломать кроссбраузерность - модернизировать легаси без лишних костылей и тд. В общем 100+ сценариев использования Установить скилл:

npx modern-web-guidance@latest install

(Для Claude и других агентов: тут) Еще рекомендую подключить Chrome DevTools, это официальный хромовский MCP который дает агентам браузер-юз + дебаг функции Но если нужно подобное для iOS, то можно юзать официальный гайдлайн Apple: Human Interface Guidelines Часто кидаю эту ссылку клоду, там описаны принципы которые Apple сами используют в своих UI: как собирать навигацию, компоновать экраны и UI, работать с типографикой и визуалом, делать интерфейс адаптивным и тд Если у вас тоже сохранено что-то подобное, кидайте в коменты ☕️ @tips_ai #tools

Google и Microsoft вместе разрабатывают WebMCP — будущий веб-стандарт, через который сайты смогут предоставлять свои функции ИИ-агентам. Если давали агенту задачи в браузере, то видели, как он работает. Открыл страницу, снял скриншот, посмотрел, нашел кнопку, нажал, снова посмотрел. Иногда промахнулся, вернулся, попробовал еще раз. С WebMCP сайт может сам рассказать агенту, что на нем можно сделать, какие данные передать и какой результат он получит. Если знаете как устроен MCP, то поймете и принцип WebMCP. Тут кстати есть сравнение. Сайты просто будут регистрировать доступные агенту функции, либо через JavaScript функцию document.modelContext.registerTool(), либо с помощью HTML атрибутов toolname и tooldescription на формах. Для Lovarus вижу здесь интересную возможность. Человек описывает, какой сайт ему нужен. Lovarus создаёт страницы, каталог, формы — и вместе с ними инструменты для ИИ-помощников будущих посетителей. Владельцу сайта не придётся отдельно разбираться, как всё это подключить. Тогда посетитель сможет прийти со своим помощником и поручить ему часть действий на сайте. Особенно полезно там, где много параметров: подбор товаров, расчёт стоимости, запись на услугу. Стандарт пока экспериментальный, поддержка есть не везде. Но поскольку стандартом занимаются гиганты, думаю они доведут его до прода. Десктопный ChatGPT уже использует этот стандарт работая с сайтами.

raw HTML, no-CSS site, default web, anti-design У бутикового рекрутингового агентства обновился сайт, они ищут дизайнеров и решили сделать сайт громким высказыванием. Системные шрифты, синие ссылки, черный текст, белый фон – это статусный жест и провокация. Поймут дизайнеры (судя по комментариям, после 2 перезагрузок, многие оценили). Почему это тренд в 2026: 🔴Усталость от AI-лендингов В 2025-2026 стало слишком много сайтов с одинаковым вайбом: одинаковые шрифты, фиолетовый градиент, карточки и карусели, “Build the future”, мягкие тени. Называется “AI slop design” 🔴Честность через отказ от перегрузки Отсутствие дизайна становится частью позиционирования. Дизайн, где главное – суть, и текста достаточно. 🔴Speed is a feature Такие сайты мгновенно грузятся. Бесит, когда ради "красоты" приходится ждать и невозможно нажать кнопку записи или контакта. Об это сайт-эссе A Page with No CSS Есть целые каталоги таких сайтов – No CSS club. Соседние движения: 1MB Club, 512KB Club. Часто такими делают личные сайты François-Xavier Carton, Colin Raffel, Robert Blinov. Мне ближе брутализм, но и в подборке бездизайновых сайтов я потерялась, потому что зачиталась. И в конце – культовый сайт – Motherfucking Website, сатирическая страница, которая уже много лет грубо и смешно напоминает дизайнерам и разработчикам: хороший сайт – это тот, который просто быстро открывается, нормально читается и доносит мысль.

Вайбкодинг проект за пол дня💻 👻После мастер-класса Димы Черненко я решил создать инструмент, который превращает обычную линию в объёмную форму из жидкого металла. 🐕 Штука получилась залипательная. И если вы, как и я, рисуете не очень ровно, это даже плюс! тут работает правило, чем кривее и неожиданней линия, тем интереснее получаются формы) 💩 Что умеет инструмент: 🟡 сглаживать неровную линию 🟡 автоматически замыкать круги и другие контуры 🟡 отражать рисунок по X, Y или сразу по двум осям 🟡 создавать раздвоенные и органические окончания 🟡менять толщину, объём, глянец и контур формы 🟡 настраивать направление, высоту и яркость света 🟡 менять цвета металла, бликов, контрового света и фона 🟡 сохранять результат в PNG В общем, это классный инструмент для творческого поиска, создания графики, орнаментов и элементов геральдики. И через Nano Banana можно придумывать форме любую обёртку: накладывать текстуры, материалы, дополнительные элементы! ✨ 🤌Весь инструмент помещается в одном HTML-файле. Ничего устанавливать не нужно: открываете файл — и рисуете. Всё работает локально и никуда не отправляет ваши изображения или рисунки. Файл с проекта скинул в комментарии⤵️ Вайбкодинг проект за пол дня💻 👻После мастер-класса Димы Черненко я решил создать инструмент, который превращает обычную линию в объёмную форму из жидкого металла. 🐕 Штука получилась залипательная. И если вы, как и я, рисуете не очень ровно, это даже плюс! тут работает правило, чем кривее и неожиданней линия, тем интереснее получаются формы) 💩 Что умеет инструмент: 🟡 сглаживать неровную линию 🟡 автоматически замыкать круги и другие контуры 🟡 отражать рисунок по X, Y или сразу по двум осям 🟡 создавать раздвоенные и органические окончания 🟡менять толщину, объём, глянец и контур формы 🟡 настраивать направление, высоту и яркость света 🟡 менять цвета металла, бликов, контрового света и фона 🟡 сохранять результат в PNG В общем, это классный инструмент для творческого поиска, создания графики, орнаментов и элементов геральдики. И через Nano Banana можно придумывать форме любую обёртку: накладывать текстуры, материалы, дополнительные элементы! ✨ 🤌Весь инструмент помещается в одном HTML-файле. Ничего устанавливать не нужно: открываете файл — и рисуете. Всё работает локально и никуда не отправляет ваши изображения или рисунки. Файл с проекта скинул в комментарии⤵️ #вайбкодинг Буст канала ❤️ @webdesignlab

Три CSS-задачи, которые казались нерешаемыми — пока кто-то не упёрся до конца Знакомое чувство: упёрся в проблему, а что-то внутри отказывается верить, что решения нет. И ты лезешь в спеки, в гитхаб-треды десятилетней давности, читаешь тех, кто уже прошёл этот путь. Часы скрежета извилин — и вот оно, на экране ровно то, чего ты хотел. Фронтендер из команды Taiga UI собрал три таких случая. Фиксированный блок внутри скролл-контейнера — через почти забытый после флексов float. Толщина линий в иконке, которую «никак не пробросить» в SVG, закодированная через соотношение сторон картинки. И shrink wrapping, одна из древнейших UI-задач, у которой раньше просто не было решения. Оно нашлось там, где не искали — через scroll-driven анимации, придуманные совсем для другого.

Как PHP превратился в героя мемов и пережил все свои «похороны» Фразу «я пишу на PHP» многие произносят шёпотом или не произносят вовсе. Над языком шутят столько лет, что его давно записали в покойники где-то рядом с Flash и Internet Explorer. При этом на август 2026 года PHP находят на 70,3% сайтов, у которых удалось определить серверный язык. Один WordPress крутится на 40,8% всех отслеживаемых сайтов, в ноябре 2025-го вышла версия 8.5, а следующая уже в бете. Язык, для которого тестируют крупное обновление, трудно назвать мёртвым, и всё же интернет упорно показывает коллегам его неудачную фотографию из 2003 года. А репутация эта пережила даже тот код, на котором держалась. Обсудим, чем PHP заслужил славу героя страшилок и почему до сих пор не исчез.

Почему в Chrome маленькие JPEG выглядят иначе Автор замечает у коллеги за компьютером тот же логотип, что и у себя, только тоньше и ближе к оригиналу. Размер иконки — 15 пикселей. В Firefox она рендерится одним образом, в Chrome заметно толще, будто края огрубели. Замена на SVG всё чинит, но вопрос остаётся: почему один и тот же JPEG выглядит по-разному. Оказалось, дело не в баге, а в оптимизации, которая намеренно выбрасывает часть изображения. Chrome при сильном уменьшении не распаковывает файл целиком. Он декодирует картинку в масштабе с делителем восемь и отбрасывает высокочастотные коэффициенты, оставляя только грубую основу. Для иконки в 15 пикселей это значит, что сглаживания краёв и градиенты просто не доезжают.