🎃Собрали для вас несколько страшных историй по случаю Хэллоуина. Ждем ваши истории в комментариях👇
393. Firefox и Safari, Passkey, Figma и Adobe, State of React, Node.js…
Веб-стандарты
00:01:54 Firefox 119
00:14:42 Safari 17.1 и бета
00:28:10 Код-лаб для Passkey
00:40:29 Figma и Adobe
00:53:33 State of React
00:58:25 Node.js Buffer
01:02:56 Шум вокруг Next.js 14
01:12:27 Опять Tailwind
01:29:32 Эмоджи пельменя
⏯ YouTube | Apple Подкасты | Google Подкасты | Яндекс Музыка | Сайт подкаста
#подкасты
Please open Telegram to view this post
VIEW IN TELEGRAM
:hover, CSS anchor positioning, :has и ни единого JS-кода article { anchor-name: --develop; }
ul:has(li:hover) { --anchor: --develop; }
ul::after {
inset:
anchor(var(--anchor) top)
anchor(var(--anchor) right)
... ;
}ul:has(li:hover) { --active: 1; }
ul::after {
opacity: var(--active, 0);
transition: opacity 0.2s, inset 0.2s 0.2s;
}
ul:hover::after {
transition: opacity 0.2s 0.2s, inset 0.2s;
}👉 Посмотреть код и поиграть можно здесь
#css #tip by Jhey
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
Forwarded from Библиотека дата-сайентиста | Data Science, Machine learning, анализ данных, машинное обучение
🤖 25 бесплатных AI-инструментов для разработчиков
ИИ-помощники способны заменить GitHub Copilot, проверить код и даже сделать UX/UI-дизайн. Мы сделали подборку.
🟣 Codeuim
Помогает писать код. Можно опробовать в браузере или установить в качестве расширения в популярные IDE. Поддерживает более 70 языков программирования.
🟣 Codiga
Проверит, проанализирует и отрефакторит ваш код.
🟣 GPT Pilot
Создатели инструмента утверждают, что он позволит ускорить процесс разработки в 20 раз. С помощью GPT Pilot можно пошагово разработать собственное приложение.
🟣 Open Interpreter
Альтернатива официальному плагину Code Interpreter от Open AI. Может управлять браузером Chrome для поиска в интернете.
🟣 GPT-Code-Clippy
А это опенсорсный аналог GitHub Copilot на базе GPT-3.
Ещё 20 инструментов можно найти здесь
О других классных новых инструментах мы писали тут
#дайджест
ИИ-помощники способны заменить GitHub Copilot, проверить код и даже сделать UX/UI-дизайн. Мы сделали подборку.
🟣 Codeuim
Помогает писать код. Можно опробовать в браузере или установить в качестве расширения в популярные IDE. Поддерживает более 70 языков программирования.
🟣 Codiga
Проверит, проанализирует и отрефакторит ваш код.
🟣 GPT Pilot
Создатели инструмента утверждают, что он позволит ускорить процесс разработки в 20 раз. С помощью GPT Pilot можно пошагово разработать собственное приложение.
🟣 Open Interpreter
Альтернатива официальному плагину Code Interpreter от Open AI. Может управлять браузером Chrome для поиска в интернете.
🟣 GPT-Code-Clippy
А это опенсорсный аналог GitHub Copilot на базе GPT-3.
Ещё 20 инструментов можно найти здесь
О других классных новых инструментах мы писали тут
#дайджест
This media is not supported in your browser
VIEW IN TELEGRAM
💻🍏Apple представила новый MacBook Pro с процессорами семейства M3, которые делают один из лучших в мире профессиональных ноутбуков еще лучше. 14- и 16-дюймовые модели с M3 Pro и M3 Max доступны в новом цвете «черный космос». Хотите узнать подробнее? Смотрите презентацию Apple Scary Fast на русском и всего за 6 минут.
💡А мы недавно делали небольшую подборку ноутбуков для разрабов, где перечислили самые легкие, автономные и производительные. Скажем честно, не всем она понравилась. Так или иначе, поделитесь своим опытом 🔽
💬Какие характеристики для вас наиболее важны? Накидайте свой топ ноутбуков в комментарии👇
#холивар
💡А мы недавно делали небольшую подборку ноутбуков для разрабов, где перечислили самые легкие, автономные и производительные. Скажем честно, не всем она понравилась. Так или иначе, поделитесь своим опытом 🔽
💬Какие характеристики для вас наиболее важны? Накидайте свой топ ноутбуков в комментарии👇
#холивар
В мире, одержимом следующим большим JavaScript-фреймворком, разработчик Jake Lazaroff делает шаг назад, оценивая простоту и долговечность веб-компонентов и подчеркивая как их возможность многократного использования, так и переносимость.
У автора также недавно вышло отличное интерактивное введение в CRDT (Conflict-free Replicated Data Types), для изучения которого вам не требуется ничего, кроме начальных знаний TypeScript:
🔸 Интерактивное введение в CRDT
🔸 Создание совместного редактора пиксельной графики с помощью CRDT
🔸 Повышение эффективности CRDT на 98 %
У автора также недавно вышло отличное интерактивное введение в CRDT (Conflict-free Replicated Data Types), для изучения которого вам не требуется ничего, кроме начальных знаний TypeScript:
🔸 Интерактивное введение в CRDT
🔸 Создание совместного редактора пиксельной графики с помощью CRDT
🔸 Повышение эффективности CRDT на 98 %
Jakelazaroff
Web Components Will Outlive Your JavaScript Framework | jakelazaroff.com
If we're building things that we want to work in five or ten or even 20 years, we need to avoid dependencies and use the web with no layers in between.
Многие разработчики думают, что доступность реализуется только с помощью aria-атрибутов. Если их не добавить, то всё, доступности нет.
Конечно, aria-атрибуты нужны, но HTML и CSS — такая же важная часть процесса создания доступных интерфейсов. Эти технологии не просто несут в себе много скрытых моментов, влияющих на доступность, а напрямую позволяют её улучшить.
Из статьи вы узнаете об интерактивных элементах, доступности текста, анимации и изображениях.
🔹 Часть 1
🔹 Часть 2
Please open Telegram to view this post
VIEW IN TELEGRAM
Подборка лучших статей «Библиотеки программиста» за октябрь: сохраняй в заметки, чтобы не пропустить #самыйсок
💪 6 сервисов для подготовки к техническим собеседованиям
🗺️ Карьерная карта: что это, как ее составить и почему она обязательно нужна разработчику
🛡️ 8 способов защиты от манипуляций на работе
👩💻 Женщины в ИТ: проблемы и преимущества сложной профессии
🤖 8 лучших бесплатных курсов по ИИ и глубокому обучению
👨💻 9 трендов в найме айтишников в 2023 году
🤔 9 мифов об IT и найме айтишников
🤖 25 бесплатных AI-инструментов для разработчиков
☁️ ТОП-10 бессерверных фреймворков
🚩 Итог одной валютной удаленки: проработал месяц бесплатно и ушел с долгами
💻 20 лучших ноутбуков для программиста в 2023 году
🧠 Как научиться критически мыслить: 6 эффективных способов
💪 6 сервисов для подготовки к техническим собеседованиям
🗺️ Карьерная карта: что это, как ее составить и почему она обязательно нужна разработчику
🛡️ 8 способов защиты от манипуляций на работе
👩💻 Женщины в ИТ: проблемы и преимущества сложной профессии
🤖 8 лучших бесплатных курсов по ИИ и глубокому обучению
👨💻 9 трендов в найме айтишников в 2023 году
🤔 9 мифов об IT и найме айтишников
🤖 25 бесплатных AI-инструментов для разработчиков
☁️ ТОП-10 бессерверных фреймворков
🚩 Итог одной валютной удаленки: проработал месяц бесплатно и ушел с долгами
💻 20 лучших ноутбуков для программиста в 2023 году
🧠 Как научиться критически мыслить: 6 эффективных способов
🎮 Разработка браузерных игр с использованием Phaser3, React, Typescript
Даже если вы никогда не планировали делать браузерные игры, почему бы не попробовать хотя бы в качестве пет-проекта. Автор делится опытом работы со следующим стеком:
🔹Typescript
🔹React
🔹Webpack
🔹HTML/CSS
🔹Phaser3
🤩 Кстати, недавно мы в Библиотеке программиста рассказывали историю разработки браузерной игры Angry Pumpkins, которую полностью написали генеративные модели: GPT-4 + Midjourney / DALLE.
Даже если вы никогда не планировали делать браузерные игры, почему бы не попробовать хотя бы в качестве пет-проекта. Автор делится опытом работы со следующим стеком:
🔹Typescript
🔹React
🔹Webpack
🔹HTML/CSS
🔹Phaser3
🤩 Кстати, недавно мы в Библиотеке программиста рассказывали историю разработки браузерной игры Angry Pumpkins, которую полностью написали генеративные модели: GPT-4 + Midjourney / DALLE.
⚡Вчера вышел релиз-кандидат TypeScript 5.3. Ловите краткий список новых фишек языка:
• Import Attributes
• Stable Support resolution-mode in Import Types
• resolution-mode Supported in All Module Modes
• switch (true) Narrowing
• Narrowing On Comparisons to Booleans
• instanceof Narrowing Through Symbol.hasInstance
• Checks for super Property Accesses on Instance Fields
• Interactive Inlay Hints for Types
• Settings to Prefer type Auto-Imports
• Optimizations by Skipping JSDoc Parsing
• Optimizations by Comparing Non-Normalized Intersections
• Consolidation Between tsserverlibrary.js and typescript.js
• Breaking Changes and Correctness Improvements
• Import Attributes
• Stable Support resolution-mode in Import Types
• resolution-mode Supported in All Module Modes
• switch (true) Narrowing
• Narrowing On Comparisons to Booleans
• instanceof Narrowing Through Symbol.hasInstance
• Checks for super Property Accesses on Instance Fields
• Interactive Inlay Hints for Types
• Settings to Prefer type Auto-Imports
• Optimizations by Skipping JSDoc Parsing
• Optimizations by Comparing Non-Normalized Intersections
• Consolidation Between tsserverlibrary.js and typescript.js
• Breaking Changes and Correctness Improvements