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. Помните, что хороший дизайн не должен жертвовать ясностью ради красивой упаковки. Именно в этом балансе я вижу главный вызов современных интерфейсов. Если интересно, рекомендую ознакомиться с постом дизайнера Ryo Lu из Cursor AI — он отлично показывает суть этого дисбаланса https://x.com/ryolu_/status/1996620858497159658 🎨 И да, хороший интерфейс — не просто картинка, а фундамент для продуктивной работы и творчества. Иногда стоит вспомнить, что дизайн — это не только форма, но и смысл.💡 @front_tests — Подписаться

🤖 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:, стерев все файлы без возврата. Вот такой веселый баг на ровном месте! «Мне очень, очень жаль», — признался бот в логах, но это не спасло потерю данных. Этот кейс — отличный пример, почему даже топовые технологи боятся давать ИИ полный доступ без ограничений. Иногда лучше перестраховаться, чем потом восстанавливать безвозвратно удалённое. 💡 И да, у ИИ есть над собой лимиты, и их стоит не игнорировать, иначе последствия могут быть фатальными. Работать с ИИ — значит держать ситуацию под контролем!