Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js
22.6K subscribers
2.39K photos
145 videos
38 files
4.79K links
Все самое полезное для фронтенда в одном канале.

По рекламе: @proglib_adv

Учиться у нас: https://proglib.io/w/77178ed4

Для обратной связи: @proglibrary_feeedback_bot

РКН: https://gosuslugi.ru/snet/67a5b6884689c2151c820bb4
加入频道
This media is not supported in your browser
VIEW IN TELEGRAM
🖼️ Кстати, в последний день прошлого года прекратилась поддержка Vue 2!

👋 2016-2023

👉 Подробнее
Please open Telegram to view this post
VIEW IN TELEGRAM
🥱17👍11🌚10👏1
This media is not supported in your browser
VIEW IN TELEGRAM
✔️ Design System Checklist

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

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

Это не полный список элементов для каждой системы дизайна. Скорее это набор рекомендаций, позволяющих отслеживать все, что вы хотите отметить, чтобы обеспечить удобство работы с пользователем.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5
This media is not supported in your browser
VIEW IN TELEGRAM
💡 CSS-фильтры в действии, или Как для темного/светлого режима преобразовать цветные изображения логотипов в однородные в оттенках серого

➡️ Поиграть можно здесь

#css #tip by Shripal Soni
🔥16👍21
405. Safari TP и Chrome, сторонние куки, этика веба, API работы…
Веб-стандарты
🎙Свежий выпуск подкаста «Веб-стандарты»: Никита Дубко, Алексей Симоненко, Андрей Мелихов, Вадим Макеев про 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 Подкасты | Яндекс Музыка | Сайт подкаста

#подкасты
Please open Telegram to view this post
VIEW IN TELEGRAM
Forwarded from Библиотека программиста | программирование, кодинг, разработка
🤖 Итоги недели в мире ИИ и обзоры новых сервисов

Мы написали статью на 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 основных метода объединения моделей.

#чтопроисходит
Please open Telegram to view this post
VIEW IN TELEGRAM
👍6
📊 Обзор npm: ретроспектива роста, безопасности и необычных фактов за 2023 год

От беспрецедентного расширения к проблемам безопасности: комплексный взгляд на динамичный год npm.

👉 Читать
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
6
📈 9 главных трендов в разработке фронтенда в 2024 году

В статье разбираем самые популярные языки, технологии, инструменты и архитектурные концепции:

1️⃣ JavaScript — по-прежнему бесспорный лидер
2️⃣ TypeScript набирает популярность
3️⃣ Прогрессивные веб-приложения (PWA) стали стандартом
4️⃣ Микрофронтенды (Micro Frontends) — микросервисы на фронтенде
5️⃣ Feature-Sliced Design — оптимальная архитектура
6️⃣ Jamstack — статические сайты, неотличимые от динамических
7️⃣ SWC — супербыстрый транспайлер
8️⃣ Backend-driven UI — интерфейс, управляемый бэкендом
9️⃣ Использование ИИ на всех этапах разработки фронтенда
👍11😁2
💡У content для ::before/::after в CSS тоже есть свой alt

Если вы напишете второй текст через /, скринридер его прочитает. И да, поддержка этой фичи есть пока только у Chrome.

Подробнее о других способах определения альтернативного текста для псевдоэлементов читайте здесь и здесь.
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍18
This media is not supported in your browser
VIEW IN TELEGRAM
🛠 🧰 Изменение цвета фавикона для темной/светлой темы с помощью CSS на практике: на заметку фронтенд-разработчику

👉 Подробнее

#css #tip by Shripal Soni
Please open Telegram to view this post
VIEW IN TELEGRAM
👍21🔥52
👩‍💻 Все знают, что console.log() можно использовать для логирования текста и переменных в консоль.

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

🤩 Под катом — примеры и творческие возможности, которые только можно придумать.
Please open Telegram to view this post
VIEW IN TELEGRAM
😁10😍7
Please open Telegram to view this post
VIEW IN TELEGRAM
👍185👾3🤩2
🎉 Для фронтендеров, занимающихся веб-компонентами: разработчики Firefox сделали это

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

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

#новости
Please open Telegram to view this post
VIEW IN TELEGRAM
😍8👍4