✔️ Design System Checklist

Как и любой язык, язык дизайна — это методичный способ общения с аудиторией посредством вашего подхода к дизайну продукта. Это краеугольный камень стабильного качества customer experiences.

Арда Карачизмели, Дмитрий Беляев и Стивен Багали собрали чек-лист, разбитый на 4 категории: дизайн-язык, основы, компоненты, поддержка.

Это не полный список элементов для каждой системы дизайна. Скорее это набор рекомендаций, позволяющих отслеживать все, что вы хотите отметить, чтобы обеспечить удобство работы с пользователем.

🎙Свежий выпуск подкаста «Веб-стандарты»: Никита Дубко, Алексей Симоненко, Андрей Мелихов, Вадим Макеев про Safari TP и новости Chrome, сторонние куки, этику веба от W3C, API работы с файлами и UI для толстых пальцев.

00:04:45 Safari TP
00:17:49 Новости Chrome
00:28:39 Опять сторонние куки
00:41:44 Этика веба от W3C
00:59:09 API работы с файлами
01:13:32 UI для толстых пальцев

⏯ YouTube | Apple Подкасты | Google Подкасты | Яндекс Музыка | Сайт подкаста

#подкасты

🤖 Итоги недели в мире ИИ и обзоры новых сервисов

Мы написали статью на VC, которая основана на очередном выпуске нашей рассылки про последние новости и тенденции в мире ИИ. Залетайте и читайте!

👇Ниже — мини-подборка из статьи 👇

📰 Новости

▫️ OpenAI объявила о запуске долгожданного магазина кастомных чат-ботов.
▫️ В Пасадене (штат Калифорния) открывается первая закусочная CaliExpress by Flippy, полностью управляемая ИИ.
▫️ NVIDIA выпустила модель для распознавания речи Parakeet, которая по всем показателям превосходит OpenAI Whisper.
▫️ Использование ИИ в совместном научном проекте Microsoft и Тихоокеанской северо-западной национальной лаборатории в течение недели помогло определить новый элемент, который поможет снизить на 70% использование лития в батареях. Без ИИ такое исследование заняло бы по меньшей мере 20 лет.
▫️ Компания ByteDance выпустила новую модель MagicVideo-V2 для генерации видео.

🛠 Инструменты

◾️ Auto Wiki — генерирует вики-документацию для GitHub репозиториев.
◾️ Code to Flow — визуализирует, анализирует и объясняет код, написанный на всех популярных языках и фреймворках.
◾️ Concepto — платформа для создания прототипов веб-приложений.
◾️ Afforai — выполняет суммаризацию, перевод и поиск по множеству документов.
◾️ Corgea — исправляет уязвимые фрагменты кода.
◾️ Jan — опенсорсный оффлайновый чат-бот.
◾️ Plus AI — плагин для Google Slides: делает профессиональные презентации, персональные и командные дашборды, любые отчеты.

🤙 Сделай сам

🔸 WikiChat — опенсорсный инструмент для коррекции галлюцинаций с помощью информации из Википедии.
🔸 Подробная шпаргалка и советы по созданию продвинутых RAG.
🔸 OpenVoice — опенсорный инструмент для мгновенного клонирования голоса.

🎓 Туториалы

🔹 Туториал по работе с новым API Query Pipelines показывает примеры создания простых линейных цепочек и сложных ациклических графов из модулей LlamaIndex.
🔹 Туториал по объединению LLM с помощью mergekit детально разбирает 4 основных метода объединения моделей.

#чтопроисходит

🛠 🧰 Изменение цвета фавикона для темной/светлой темы с помощью CSS на практике: на заметку фронтенд-разработчику

👉 Подробнее

#css #tip by Shripal Soni

👩‍💻 Все знают, что console.log() можно использовать для логирования текста и переменных в консоль.

🤔 А знаете ли вы, что эту технику можно использовать для рендеринга (ограниченного) CSS, SVG и даже HTML?

🤩 Под катом — примеры и творческие возможности, которые только можно придумать.

🤩 React-библиотеки в 2024 году

Последнее обновление популярного, авторитетного ежегодного руководства по библиотекам и инструментам, подходящим для различных задач при создании React-приложений:

• Starting a new React Project
• Package Manager for React
• React State Management
• React Data Fetching
• Routing with React Router
• CSS Styling in React
• React UI Libraries
• React Animation Libraries
• Visualization and Chart Libraries in React
• Form Libraries in React
• React Type Checking
• Code Structure in React
• React Authentication
• React Backend
• React Database
• React Hosting
• Testing in React
• React and Immutable Data Structures
• React Internationalization
• Rich Text Editor in React
• Payments in React
• Time in React
• React Desktop Applications
• File Upload in React
• Mails in React
• Drag and Drop
• Mobile Development with React
• React VR/AR
• Design Prototyping for React
• React Component Documentation

🎉 Для фронтендеров, занимающихся веб-компонентами: разработчики Firefox сделали это

💪 Declarative shadow DOM появится в версии 123 (выпуск запланирован на 20 февраля).

📌 Примечания к выпуску

#новости