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

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

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

Наши каналы: https://yangx.top/proglibrary/9197

РКН: https://gosuslugi.ru/snet/67a5b6884689c2151c820bb4
加入频道
📊 Обзор npm: ретроспектива роста, безопасности и необычных фактов за 2023 год

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

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

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

1️⃣ JavaScript — по-прежнему бесспорный лидер
2️⃣ TypeScript набирает популярность
3️⃣ Прогрессивные веб-приложения (PWA) стали стандартом
4️⃣ Микрофронтенды (Micro Frontends) — микросервисы на фронтенде
5️⃣ Feature-Sliced Design — оптимальная архитектура
6️⃣ Jamstack — статические сайты, неотличимые от динамических
7️⃣ SWC — супербыстрый транспайлер
8️⃣ Backend-driven UI — интерфейс, управляемый бэкендом
9️⃣ Использование ИИ на всех этапах разработки фронтенда
💡У 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
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
👩‍💻 Все знают, что console.log() можно использовать для логирования текста и переменных в консоль.

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

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

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

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

#новости
Please open Telegram to view this post
VIEW IN TELEGRAM
406. Safari заговорил, Firefox за справедливость, браузерная политика…
Веб-стандарты
🎙Свежий выпуск подкаста «Веб-стандарты»: Никита Дубко и Алексей Симоненко про Safari, который заговорил, Firefox за справедливость, браузерную политику, как можно без кук, abbr и :has.

00:01:30 Safari заговорил
00:14:08 Firefox за справедливость
00:27:00 Браузерная политика
00:52:27 Можно без кук
01:03:29 Abbr не работает
01:15:19 Кейсы для :has
01:22:11 Ответы на вопросы

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

#подкасты
Please open Telegram to view this post
VIEW IN TELEGRAM
💡 at(index) в действии, или Как выбрать последний элемент массива самым простым способом

<array>.lastItem кажется более очевидным способом в данном случае.

💬 Что думаете?

#javascript #tip by Shripal Soni
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
🎶 Состояние фронтенд-разработчиков, когда вышел новый JavaScript-фреймворк

#юмор
Please open Telegram to view this post
VIEW IN TELEGRAM
🤔 Опыт использования Next.js App Router: путь в будущее или поворот не туда

Два года назад команда Next.js представила новый подход к роутингу, который должен был стать заменой так называемому Pages Router, вместе с тем добавив ряд принципиально нового функционала.

Фронтенд-разработчик Александр Савельев делится опытом работы с Next.js и рассказывает личное мнение о причинах этого шага, возможностях и проблемах.
Please open Telegram to view this post
VIEW IN TELEGRAM