419. Naked CSS/JS Day, новинки Firefox, Chrome и Edge, редактор…
Веб-стандарты
🎙Свежий выпуск подкаста «Веб-стандарты»: Вадим Макеев, Полина Гуртовая, Андрей Мелихов, Алексей Симоненко про Naked CSS/JS Day, новинки Firefox, Chrome и Edge, редактор Zed, локальную Llama, JSON с комментами и будущее Node.js.
00:01:31 Naked CSS/JS Day
00:06:55 Firefox 125
00:18:16 Chrome 124
00:31:24 Chrome Beta 125
00:36:52 Edge Dashboard
00:49:17 Редактор Zed
01:01:33 Локальная Llama
01:08:23 JSON с комментами
01:16:20 Будущее Node.js
01:37:23 Новинки Node.js 22
⏯ YouTube | Apple Подкасты | Google Подкасты | Яндекс Музыка | Сайт подкаста
#подкасты
00:01:31 Naked CSS/JS Day
00:06:55 Firefox 125
00:18:16 Chrome 124
00:31:24 Chrome Beta 125
00:36:52 Edge Dashboard
00:49:17 Редактор Zed
01:01:33 Локальная Llama
01:08:23 JSON с комментами
01:16:20 Будущее Node.js
01:37:23 Новинки Node.js 22
⏯ YouTube | Apple Подкасты | Google Подкасты | Яндекс Музыка | Сайт подкаста
#подкасты
❤2
💬 А какой фидбек в вашей команде?
👍 — как позитивный, так и негативный
🔥 — в основном конструктивный
🥱 — бесполезный
🤔 — у нас нет фидбека
#холивар
👍 — как позитивный, так и негативный
🔥 — в основном конструктивный
🥱 — бесполезный
🤔 — у нас нет фидбека
#холивар
🔥26🤔8🥱5👍3
В версию 2.0.0, выпущенную на прошлой неделе, добавили много фич. Читайте подробнее в анонсе.
<link
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/quill.snow.css"
rel="stylesheet"
/>
<div id="toolbar">
<button class="ql-bold">Bold</button>
<button class="ql-italic">Italic</button>
</div>
<div id="editor">
<p>Hello World!</p>
<p>Some initial <strong>bold</strong> text</p>
<p><br /></p>
</div>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/quill.js"></script>
<script>
const quill = new Quill("#editor", {
theme: "snow",
});
</script>
🔗 GitHub & Сайт
Please open Telegram to view this post
VIEW IN TELEGRAM
👍6❤4
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍20🔥7🥱3
⚛️💥 React 19 уничтожит все фреймворки
React привносит новые крутые фишки, которые могут оказать существенное влияние на процесс разработки. В этой статье мы подробно рассмотрим ключевые изменения.
🔗 Читать статью
🔗 Зеркало
React привносит новые крутые фишки, которые могут оказать существенное влияние на процесс разработки. В этой статье мы подробно рассмотрим ключевые изменения.
🔗 Читать статью
🔗 Зеркало
😁23🥱13❤6🔥4⚡2
Вам предлагают очень «жирный» оффер, но каждый раз вы находите причину, чтобы остаться на текущей работе. Как быть?
Anonymous Poll
51%
Соглашусь на жирный оффер
22%
Если на текущей работе работается, зачем увольняться?
1%
Свой вариант (напишу в комментариях)
26%
Посмотреть результаты
❤2
⚒️ KeyUX — JavaScript-библиотека для улучшения UI управления клавиатурой веб-приложений.
Основная цель — не только обеспечение доступности (a11y), но и создание инструментов, где пользователи предпочитают использовать клавиатуру для управления.
👉 Ключевые фичи:
🔹 Добавление горячих клавиш с помощью
🔹 Навигация с помощью стрелок клавиатуры в списках с
🔹 Возможность пользователям переопределять горячие клавиши
🔹 Размер 2KB и отсутствие зависимостей
🔹 Совместимость с любыми фреймворками
👩💻 GitHub
Основная цель — не только обеспечение доступности (a11y), но и создание инструментов, где пользователи предпочитают использовать клавиатуру для управления.
👉 Ключевые фичи:
🔹 Добавление горячих клавиш с помощью
aria-keyshortcuts
🔹 Отображение состояния :active
кнопки при нажатии горячей клавиши🔹 Навигация с помощью стрелок клавиатуры в списках с
role="menu"
🔹 Переход к следующему разделу по aria-controls
и возврат с помощью Esc🔹 Возможность пользователям переопределять горячие клавиши
🔹 Размер 2KB и отсутствие зависимостей
🔹 Совместимость с любыми фреймворками
Please open Telegram to view this post
VIEW IN TELEGRAM
👍16❤2
Руководство, с помощью которого вы быстро освоите ключевые фронтендерские темы, включая редакторы, CSS, UX, UI, командную строку, инструменты и фреймворки, производительность, специальные возможности и т. д.
👉 Читать
Please open Telegram to view this post
VIEW IN TELEGRAM
👍10
Forwarded from Библиотека девопса | DevOps, SRE, Sysadmin
🐰 Как решить проблему высокой связанности сервисов с помощью событийно-ориентированной архитектуры и RabbitMQ
В этой статье я расскажу, как оптимизировать сложную систему микросервисов через брокер сообщений, в данном случае RabbitMQ. Мы рассмотрим вариант решения проблемы высокой связанности между сервисами через переход на событийно-ориентированную архитектуру (EDA).
Читать статью
В этой статье я расскажу, как оптимизировать сложную систему микросервисов через брокер сообщений, в данном случае RabbitMQ. Мы рассмотрим вариант решения проблемы высокой связанности между сервисами через переход на событийно-ориентированную архитектуру (EDA).
Читать статью
👍5😢2
Взгляд за кулисы такой, казалось бы, легкой темы, как центрирование. С полезными советами для веб-разработчиков, дизайнеров шрифтов и всех остальных.
👉 Читать
Please open Telegram to view this post
VIEW IN TELEGRAM
👍14
Popover предоставляет множество крутых примитивов и возможностей для создания многоуровневых интерфейсов, таких как всплывающие подсказки, меню, обучающие UI и многое другое.
👉 Подробнее
Please open Telegram to view this post
VIEW IN TELEGRAM
web.dev
Popover API lands in Baseline | Blog | web.dev
The popover API lands in all modern browser engines.
👍21
💬 Удается ли вам отдыхать вне работы?
👍 — да, почти всегда
🙏 — да, иногда
🤔 — нет, всегда работа в голове
🥱 — какой отдых? Я же айтишник
#холивар
👍 — да, почти всегда
🙏 — да, иногда
🤔 — нет, всегда работа в голове
🥱 — какой отдых? Я же айтишник
#холивар
🥱62👍59🤔23👏3😢3
#javascript #tip by Shripal Soni
Please open Telegram to view this post
VIEW IN TELEGRAM
👍40🥱10🌚1
420. Google I/O и Config, Translation API, Figma, Invokers, альты…
Веб-стандарты
🎙Свежий выпуск подкаста «Веб-стандарты»: Вадим Макеев, Никита Дубко, Юля Миоцен про Google I/O и Config, Translation API, Figma, Invokers, альты, атрибуты/свойства и бету React 19.
00:02:09 Google I/O и Config
00:09:32 Translation API
00:19:57 Новости Figma
00:30:01 Invokers
00:47:31 Длинные альты
00:56:48 Атрибуты и свойства
01:06:37 Бета React 19
01:23:59 Ответы на вопросы
⏯ YouTube | Apple Подкасты | Google Подкасты | Яндекс Музыка | Сайт подкаста
#подкасты #новости
00:02:09 Google I/O и Config
00:09:32 Translation API
00:19:57 Новости Figma
00:30:01 Invokers
00:47:31 Длинные альты
00:56:48 Атрибуты и свойства
01:06:37 Бета React 19
01:23:59 Ответы на вопросы
⏯ YouTube | Apple Подкасты | Google Подкасты | Яндекс Музыка | Сайт подкаста
#подкасты #новости
👏4❤2👍1
Любое обновление требует определенных изменений в исходниках, что зачастую представляет собой весьма трудоемкий и повторяющийся процесс, особенно для больших кодовых баз.
Упростить этот процесс можно с помощью ast-grep — инструмента, предназначенного для поиска и замены шаблонов в вашей кодовой базе, для облегчения миграции на React 19.
📌 Автор сосредоточился на трех основных модах:
<Context>
в качестве провайдера.ref
.ref
в качестве пропсов и удаление forwardRef
.Please open Telegram to view this post
VIEW IN TELEGRAM
👍12🔥3
Какой системой управления личным временем/задачами/делами пользуетесь?
Anonymous Poll
13%
В форме доски: Trello/Kaiten
19%
В форме базы знаний: Notion
5%
Самописная система
10%
Что-то простое с делами в столбик
14%
Дела списком в бумажном блокноте
10%
Напоминалки в мессенджере
20%
Напоминалки в календаре
22%
Никакой
2%
Свой вариант (напишу в комментариях)
19%
Посмотреть результаты