В Телеграм добавили встроенный браузер!

#web

Llamacoder генерирует React-компоненты по описанию

Инструмент мгновенно отображает UI и позволяет быстро создать web-приложение, используя три языковые модели на выбор. Инструмент бесплатный.

#web #ai

Наш ведущий фронтенд-разработчик и эксперт в области веб-технологий Алексей Родионов написал обзорную статью о PWA на русском языке:

https://doka.guide/tools/pwa/

Статью можно использовать, когда нужно объяснить, что такое прогрессивные веб-приложения, даже не разработчикам.

#web

Наш ведущий фронтенд-разработчик и эксперт в области веб-технологий Алексей Родионов добавил в веб-компонент <model-viewer> от Google поддержку перетаскивания и масштабирования 3D-моделей с помощью рук или контроллеров движения в XR-гарнитурах.

<model-viewer> — нативный браузерный веб-компонент и может быть использован в любом веб-приложении или сайте, написанном как с помощью фреймворков и библиотек, так и без них. XR-гарнитура также не требуется. Для просмотра 3D-моделей достаточно любого устройства, где есть браузер, например, смартфона на Android и iOS или даже настольного компьютера.

#web #vr

Если вы фронтенд-разработчик, оторвались от современных трендов CSS и хотите быстро понять что произошло за год и самое главное, что уже можно использовать — держите отличный пост, который поможет во всем разобраться.

#web

Reuters: OpenAI задумалась над разработкой собственного браузера, в который будет интегрирован ChatGPT.

#ai #web

В Google рассказали о будущем WebGPU

По ссылке саммари последней встречи рабочей группы, где обсуждалось, какие задачи нужно решить, прежде чем рекомендовать WebGPU в качестве кандидата для W3C, а также расставлены приоритеты по новым функциям.

#web

Находка: минималистичная Kanban-доска в одном единственном HTML-файле, в которой к тому же все данные хранятся локально с помощью localStorage.

Репозитоий тут.

#web

Рекомендасьон из нашего слака: ESLint-плагин для упрощения логических выражений по законам де Моргана: https://github.com/azat-io/eslint-plugin-de-morgan

Самое полезное в этом плагине — упрощение логического выражение, в котором одна и та же переменная может встречаться более одного раза.

#web

Chrome будет сам предлагать пользователю менять ненадёжные пароли

Еще одна интересная новость с Google I/O: если система обнаружит, что пароль недостаточно безопасный, Менеджер Паролей предложит пользователю автоматически сгенерировать новый.

#web

Lisa снова в деле — теперь в браузере

Разработчик Эндрю Ярос воссоздал легендарную Apple Lisa (1983) прямо в браузере — с окнами, иконками и курсором. Всё работает, как раньше, только теперь бесплатно и без CRT-монитора.

Это не эмулятор, а полноценная псевдо-ОС: с файловой системой на IndexedDB и 1-битным графическим движком.

10 000 долларов в 1983-м теперь помещаются в современном вебе.

#web

О проекте Web Platform Baseline

Современная веб-платформа предоставляет множество возможностей, и каждая такая возможность (фича) может включать в себя как один, так и сразу несколько, связанных между собой JS/HTML/CSS Web API.

Baseline позволяет веб-разработчикам легко определить, можно ли использовать ту или иную возможность веб-платформы в веб-приложениях и веб-сайтах, без необходимости вникать, в каких версиях каких браузеров и на каких платформах какие связанные Web API поддерживаются, просто взглянув на иконку одного из 3 возможных цветов:

🟠 Limited availability (оранжевая иконка) — возможность ещё не поддерживается в основном наборе браузеров;

🔵 Newly available (голубая иконка) — возможность недавно поддерживается в основном наборе браузеров;

🟢 Widely available (зелёная иконка) — возможность поддерживается в основном наборе браузеров уже 30 месяцев (2.5 года).

Под основным набором браузеров (core browser set) понимаются Chromium (Desktop и Android), Firefox (Desktop и Android) и Safari (macOS и iOS). Под Desktop понимаются Windows, macOS, Linux и ChromeOS. То есть все 3 основных движка браузеров на всех основных платформах.

Статус Baseline для каждой возможности вычисляется и обновляется на основе результатов прохождения автоматически запускаемых тестов из набора Web Platform Tests каждой новой версией браузера из основного набора.

Что это означает для разработчиков прогрессивных веб-приложений (PWA)?

Если фича имеет статус Widely available, её можно смело использовать, если нет, её можно использовать как прогрессивное улучшение (progressive enhancement).

Baseline также может использоваться в качестве целевого значения в ESLint, Stylelint, PostCSS, Autoprefixer, Babel и других инструментах, использующих Browserslist.

👉 Чтобы определить целевое значение Baseline на основе анализа информации о версиях браузеров пользователей именно вашего веб-приложения, можно воспользоваться, например, инструментом Google Analytics Baseline Checker.

Изначально проект Baseline был создан командой Google Chrome, но сейчас курируется W3C WebDX Community Group, куда входят независимые эксперты, представители всех основных браузеров и других заинтересованных компаний.

Сейчас статус Baseline отображается:

— на сайтах MDN, Can I Use, CSS Database и других;

— в IDE, основанных на VSCode, таких как Cursor, Windsurf и других, в том числе работающих прямо в браузере, таких как GitHub Codespaces, GitLab Workspaces, Firebase Studio и других;

— в IDE от JetBrains, таких как WebStorm, PhpStorm и других.

Теперь же статус Baseline отображается и в Chromium DevTools.

#web

Chromium 140 незаметно привёз полезное обновление для веб-разработчиков

Наш ведущий фронтенд-разработчик и эксперт в области веб-технологий Алексей Родионов уже обновил и дополнил важными нюансами статью Pete LePage про Get Installed Related Apps API:

👉 https://developer.chrome.com/docs/capabilities/get-installed-related-apps

Если коротко: этот API даёт понять веб-разработчикам, установлено ли уже у пользователя связанное приложение — будь то PWA, Android или UWP. А теперь, с релизом Chromium 140, этот API поддерживает веб-приложения на всех основных десктопных платформах — Windows, macOS, Linux и ChromeOS.

#web

Рубрика «находки»: локальный опенсорс инструмент, который превращает любой сайт в готовое React-приложение за минуту. Работает как чат-бот.

👉 GitHub

#web #ai

Почему ссылки — синие? 🔵

Марк Андриссен, главный разработчик первого популярного браузера NCSA Mosaic, объяснил выбор цвета для ссылок: из 256 доступных на тот момент цветов ему просто больше всего нравился синий.

А сколько нужно тестов и созвонов сегодня, чтобы определиться с цветом кнопки?

#web #design

Ценим инструмент для визуализации данных: JSON Crack превращает JSON и другие форматы в интерактивные графы

Расширение для VSCode
GitHub

#web