: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
💡Простой способ улучшения стиля выделения текста с использованием псевдоэлемента
👉 Поиграть можно здесь
#css #tip by Shripal Soni
::selection.👉 Поиграть можно здесь
#css #tip by Shripal Soni
This media is not supported in your browser
VIEW IN TELEGRAM
⚡️Возрождение Angular началось 2 июня 2022 года с выпуском v14.
Импульс продолжался, и с тех пор каждый релиз был действительно впечатляющим. В версии 17 команда Angular снова повышает планку.
📺 Присоединяйтесь к трансляции сегодня и узнайте, какие еще сюрпризы нас ждут.
Импульс продолжался, и с тех пор каждый релиз был действительно впечатляющим. В версии 17 команда Angular снова повышает планку.
📺 Присоединяйтесь к трансляции сегодня и узнайте, какие еще сюрпризы нас ждут.
394. Chrome 119 и бета 120, Firefox, Safari TP, light DOM и веб…
Веб-стандарты
🎙Свежий выпуск подкаста «Веб-стандарты»: Никита Дубко, Андрей Мелихов, Алексей Симоненко, Вадим Макеев про Chrome 119 и бету 120, новости Firefox, Safari TP, light DOM и веб-компоненты, импорты в Next.js.
00:01:24 Chrome 119
00:12:52 Бета Chrome 120
00:37:48 Новости Firefox
00:55:30 Safari TP
01:06:03 Веб-компоненты
01:33:28 Импорты в Next.js
⏯ YouTube | Apple Подкасты | Google Подкасты | Яндекс Музыка | Сайт подкаста
#подкасты
00:01:24 Chrome 119
00:12:52 Бета Chrome 120
00:37:48 Новости Firefox
00:55:30 Safari TP
01:06:03 Веб-компоненты
01:33:28 Импорты в Next.js
⏯ YouTube | Apple Подкасты | Google Подкасты | Яндекс Музыка | Сайт подкаста
#подкасты
🧑💻 Статьи для IT: как объяснять и распространять значимые идеи
Напоминаем, что у нас есть бесплатный курс для всех, кто хочет научиться интересно писать — о программировании и в целом.
Что: семь модулей, посвященных написанию, редактированию, иллюстрированию и распространению публикаций.
Для кого: для авторов, копирайтеров и просто программистов, которые хотят научиться интересно рассказывать о своих проектах.
👉Материалы регулярно дополняются, обновляются и корректируются. А еще мы отвечаем на все учебные вопросы в комментариях курса.
Напоминаем, что у нас есть бесплатный курс для всех, кто хочет научиться интересно писать — о программировании и в целом.
Что: семь модулей, посвященных написанию, редактированию, иллюстрированию и распространению публикаций.
Для кого: для авторов, копирайтеров и просто программистов, которые хотят научиться интересно рассказывать о своих проектах.
👉Материалы регулярно дополняются, обновляются и корректируются. А еще мы отвечаем на все учебные вопросы в комментариях курса.
Forwarded from Библиотека Go-разработчика | Golang
❔ Результаты ежегодного опроса разработчиков StackOverflow: 20+ главных инсайтов 2023 года
В данной статье мы собрали 20+ главных инсайтов, которые помогут лучше понять, что происходит в ИТ-сфере в мире.
🔗 Читать статью
🔗 Зеркало
В данной статье мы собрали 20+ главных инсайтов, которые помогут лучше понять, что происходит в ИТ-сфере в мире.
🔗 Читать статью
🔗 Зеркало
💡CSS-свойство
👉 Поиграть можно здесь
#css #tip by Shripal Soni
shape-outside в действии: на заметку фронтенд-разработчику👉 Поиграть можно здесь
#css #tip by Shripal Soni