Библиотека фронтендера | 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
加入频道
📊 Обзор 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
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
7👍1
💡 at(index) в действии, или Как выбрать последний элемент массива самым простым способом

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

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

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

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

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

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