AI Конструктор сайтов, который один разработчик строил 8 месяцев. С душой, а не по туториалу. Фичи, дизайн, иногда факапы — всё здесь. framix.app — заходите, не кусается.
Я наткнулся на статью о 5 малоизвестных Web-API, которые могут добавить вашим веб-приложениям неожиданные фичи. Речь о Battery Status, Vibration, WebHID, Web Speech и WebMIDI API. С их помощью создаются крутые взаимодействия, хоть поддержка браузеров пока не идеальна.🔋 Battery Status API покажет уровень заряда батареи пользователя — полезно для оптимизации энергопотребления в PWA.📱 Vibration API заставит устройство вибрировать по паттернам, идеально для уведомлений без лишнего шума.🖥️ WebHID позволит веб-приложениям общаться с USB-устройствами, открывая двери для кастомных контроллеров.🗣️ Web Speech API преобразует текст в речь или распознает голос — шаг к голосовым интерфейсам.🎹 WebMIDI свяжет браузер с MIDI-устройствами, чтобы музыканты творили прямо в вебе.Решил поделиться, потому что такие API — находка для разработчиков и no-code энтузиастов. Подробности здесь 🚀
Я недавно наткнулся на крутой подход к усилению дизайн-системы: Storybook как единый источник правды, а LLM подключаются через MCP для авто-генерации кода, документации и stories. 🚀Это значит, что фронтендеры могут забыть о рутинной поддержке — ИИ сам анализирует контекст системы и обновляет всё на лету. Для нас, разработчиков и дизайнеров, это реальный game-changer. 💡Подробности в отличной статье: https://tympanus.net/codrops/2025/12/09/supercharge-your-design-system-with-llms-and-storybook-mcp/
Консистентность не равна одинаковости — и это главный урок, который я заметил, погружаясь в современные тенденции дизайна интерфейсов.Раньше, когда создавались системы типа macOS, iOS, дизайн был частью единой, продуманной экосистемы, где каждая деталь служила обучению и пониманию пользователей. Скеоморфизм — это не просто декоративные текстуры, а попытка перенести физические объекты в цифровую среду для выстраивания привычных ментальных моделей. Например, мусорная корзина очищается, потому что мы интуитивно понимаем, как устроена настоящая корзина. Каждая часть интерфейса несла смысл и была частью живой, связной системы — от железа до пикселей и взаимодействия с пользователем.Сейчас же мы видим, как дизайн всё чаще превращается в единую «упаковку» с одинаковыми элементами, оптимизированными под касание пальцем и маленькие экраны, вроде Apple Watch. «Сквиркл» — обязательная форма для иконок — фактически выражает приоритет брендинга над функциональностью. В результате иконки теряют ясность, а системы — свою уникальность.Проблема в том, что дизайн, рассчитанный на маленькие сенсорные экраны, не перекладывается на macOS с её большими дисплеями и точным курсором. Там нужен интерфейс с высокой плотностью информации, «за что можно ухватиться», интерфейс, который помогает, а не мешает. Но вместо этого мы получаем простор и прозрачности, которые визуально шумят и размывают функциональность.Я считаю, что консистентность — это когда система живет по своим внутренним правилам, а не когда всё выглядит одинаково ради плиточного стиля. Если команды создают платформы как единое целое — с пониманием своей среды и задач — это приносит пользователю гораздо больше пользы, чем стандартизация ради стандартизации.Последние достижения Apple в железе — MacBook Pro с чипами M — блестящи. Но софт пока будто гонится за «толстыми пальцами», забывая про профессиональные сценарии использования Mac.Помните, что хороший дизайн не должен жертвовать ясностью ради красивой упаковки. Именно в этом бал
🤖 NotebookLM сделал виртуального юристаGoogle выкатил полезный промт для ИИ — берёшь, вставляешь в чат, и получаешь персонального преподавателя права. Помогает готовиться к экзаменам по юридическим доктринам и прецедентному праву.Вот что особенного:— Сократовский метод обучения— Фокусируется на "почему", а не просто на фактах— Адаптирован под разные уровни подготовки💡 Но это работает не только для студентов. Если ты работаешь с контрактами, нужно разобраться в деталях закона или просто закрыть пробел в знаниях — такой подход даст результат быстрее, чем поиск по интернету.Кстати, NotebookLM готовит и другие варианты: Мастер Подземелий для D&D, преподаватель истории и ещё много интересного.Перепрофилировать промты можно под свои задачи — главное понять принцип. Вместо юриста сделай консультанта по веб-разработке или дизайну.Идея простая, но мощная. Качество ответов ИИ во многом зависит именно от контекста, который ты даёшь в начале.Забираем здесь: https://x.com/NotebookLM/status/1998088270576759093@front_tests — Подписаться
Хабр прокачал работу с кодом с помощью ИИ от SourceCraft 🚀Теперь не авторам объяснять свои сниппеты — просто жми кнопку «Объяснить код с SourceCraft» и ИИ расскажет, что там происходит.Нужно что-то глубже? Кнопка «Подробнее в SourceCraft» откроет интерфейс, где можно:- задавать вопросы по коду,- попросить затянуть фрагмент в свой проект,- или даже переписать код на другой язык.Это реально облегчает жизнь начинающим разработчикам и тем, кто только разбирается в сложных примерах с Хабра 😁Плюс, это отличный пример, как расширять возможности платформы с помощью ИИ, делая обучение доступнее.Круто, что сегодня ИИ не просто тесты пишет, а помогает читать и понимать код на лету!Читать подробнее: habr.com/ru/companies/habr/articles/973170/ ⏳@front_tests — Подписаться
🔥 НОВЫЙ ИНСТРУМЕНТ ДЛЯ СЖАТИЯ ВИДЕО 17х БЕЗ ПОТЕРЬ!Друзья, представляю вам классный софт для видео: сжимайте ролики в 17 раз без потери качества и битрейта!🔥Как это? 1. Выбираете качество: низкое, среднее или высокое — прямо под ваши задачи. 2. Есть встроенный редактор: обрезка, отражение, поворот — всё быстро и удобно. 3. Работает локально, без интернета и загрузок в облако — ваши файлы остаются у вас!Это идеальный вариант для разработчиков, маркетологов и тех, кто работает с видео ежедневно. Забирайте релиз и экономьте трафик и время!Работает быстро и качественно — реальный лайфхак для видео обработчиков 🚀P.S. Код и релиз на GitHub, без всяких подписок и воды. Проверил лично и могу рекомендовать!https://github.com/codeforreal1/compressO/releases/tag/1.4.0#Видео #Сжатие #Инструмент #WebDev #NoCode@front_tests — Подписаться
API из любой ссылки? Легко с Browser Use! 🚀Если вам надо быстро сделать API из обычного сайта или конкретной задачи — вот крутой инструмент. Browser Use позволяет буквально записать свои действия на сайте, а потом превратить это в готовый API.Просто опишите задачу и нажмите записать. Все ваши действия превратятся в API, который можно использовать и дополнять промтами для нейросетей и автоматизации.Поддерживается любая сфера — от веб-разработки и маркетинга до бухгалтерии и дизайна. Работать с таким API теперь просто, как щелкнуть несколько кнопок.Прокачивайте свои проекты автоматизацией без лишних сложностей и кода! 🎯Попробовать сервис можно на browser-use.com@front_tests — Подписаться
JS-фишки, которые вы могли пропустить 🚀Promise.withResolvers — удобный способ создавать обещания с внешними резолверами без лишнего кода.Метод .at() наконец позволяет работать с индексами по-настоящему удобно. Забудьте о сложных вычислениях с length!replace с коллбеком даёт полный контроль над заменами строк — можно динамически формировать результат.structuredClone — новый стандарт для глубокого клонирования объектов без костылей и JSON-хаков.Эти фичи давно или совсем недавно появились, но почему-то редко используются. А зря! Они экономят время и делают код чище.Проверьте их в деле, если ещё не пробовали — мелочи, а приятно.✨Код и больше идей — в исходнике jem-space.ru/js-features/@front_tests — Подписаться
Немецкий язык — кошмар для дизайнера?Знаете, что реально ломает интерфейс? Немецкие слова, которые невозможно по нормам красиво вписать в UI! Например, Rindfleischetikettierungsüberwachungsaufgabenübertragungsgesetz — официальное слово и это не шутка. Вот так немецкий язык превращает таббары в квест по вёрстке.Это отличный повод задуматься, как много значит правильный выбор языка и шрифтов для интерфейса. Тем более, когда в дело вступают иероглифы — например, один символ 「画」 может заменить целое слово «картинка» и освободить огромное пространство.Итог: при работе с многоязычными приложениями всегда учитывайте особенности языка и их влияния на дизайн. Немецкие слова — отличный тест на крепость верстки, а иероглифы могут стать неожиданным спасением.Дизайн — это не только красота, но и адаптация к реальному языковому миру! 🌍⏳ P.S. Если интересно, могу рассказать, как справляться с длинными словами и многоязычными интерфейсами без боли.
⚡ Новый инструмент от Google для вайбкодинга — app.newВсего за один запрос создал таск-менеджер своей мечты и можно дальше прокачивать в полноценное приложение.Прежде были docs.new, sheets.new, slides.new — привычные инструменты Google работают одним кликом, а теперь появился app.new для быстрых прототипов.🚀 Крутой интерфейс и лёгкий старт — почему бы не попробовать?@front_tests — Подписаться
🔥 Google запретил сотрудникам юзать свой ИИ AntigravityВы знали, что Google запретил своим работникам использовать недавно созданную IDE Antigravity? Причина весьма серьезная — один из пользователей рассказал в Reddit, что ИИ-агент Antigravity случайно удалил весь его диск, когда пытался починить баг.Да, ИИ выполнил команду очистки кэша не на нужной папке, а на корне диска D:, стерев все файлы без возврата. Вот такой веселый баг на ровном месте!«Мне очень, очень жаль», — признался бот в логах, но это не спасло потерю данных.Этот кейс — отличный пример, почему даже топовые технологи боятся давать ИИ полный доступ без ограничений. Иногда лучше перестраховаться, чем потом восстанавливать безвозвратно удалённое.💡 И да, у ИИ есть над собой лимиты, и их стоит не игнорировать, иначе последствия могут быть фатальными. Работать с ИИ — значит держать ситуацию под контролем!
