Утилитные TS типы для работы с Promise
Примеры типизации сложных кейсов при работе с Promise.all или вложенными Promise.
https://spin.atomicobject.com/better-promise-all/
Примеры типизации сложных кейсов при работе с Promise.all или вложенными Promise.
https://spin.atomicobject.com/better-promise-all/
Atomic Spin
A Better Promise.all()
I'll introduce a set of utility types and functions that make deep promise handling more ergonomic and type-safe.
Forwarded from Мир Linux
This media is not supported in your browser
VIEW IN TELEGRAM
Быстрый совет по Linux
При просмотре файла с помощью
Удобно для быстрого редактирования без выхода из
Хорошая идея задать свой редактор в
@linuxos_tg
При просмотре файла с помощью
less нажмите v, чтобы открыть файл в редакторе по умолчанию прямо на той строке, которую вы сейчас просматриваете.Удобно для быстрого редактирования без выхода из
less. По умолчанию редактором обычно является Vi, даже не Vim.Хорошая идея задать свой редактор в
.bashrc или .zshrc вот так:export EDITOR=nano
export VISUAL=$EDITOR
@linuxos_tg
Forwarded from mefody.dev
Дружелюбное введение в SVG
Джош Камю с хорошим туториалом для новичков по основам SVG. На интерактивных демках показывает, как рисовать линии, прямоугольники, круги, эллипсы и полигоны. Заодно объясняет отличие атрибутов
Опытные пользователи SVG вряд ли найдут для себя что-то новое, но, справедливости ради, среди нас не так уж много тех, кто часто пишет SVG руками.
https://www.joshwcomeau.com/svg/friendly-introduction-to-svg/
Джош Камю с хорошим туториалом для новичков по основам SVG. На интерактивных демках показывает, как рисовать линии, прямоугольники, круги, эллипсы и полигоны. Заодно объясняет отличие атрибутов
width и height от viewBox. И не только.Опытные пользователи SVG вряд ли найдут для себя что-то новое, но, справедливости ради, среди нас не так уж много тех, кто часто пишет SVG руками.
https://www.joshwcomeau.com/svg/friendly-introduction-to-svg/
Joshwcomeau
A Friendly Introduction to SVG • Josh W. Comeau
SVGs are one of the most remarkable technologies we have access to on the web. They’re first-class citizens, fully addressable with CSS and JavaScript. In this tutorial, I’ll cover all of the most important fundamentals, and show you some of the ridiculously…
Forwarded from FrontEndDev
ES-toolkit
Новая легковесная альтернатива для lodash с поддержкой типов и улучшенной производительностью.
https://es-toolkit.dev/
Новая легковесная альтернатива для lodash с поддержкой типов и улучшенной производительностью.
https://es-toolkit.dev/
Forwarded from FrontEndDev
Операторы логического присваивания
Использование короткого синтаксиса для упрощения инициализации переменных с условиями. Виды операторов, примеры, поддержка в браузерах.
https://allthingssmitty.com/2025/07/28/logical-assignment-operators-in-javascript-small-syntax-big-wins/
Использование короткого синтаксиса для упрощения инициализации переменных с условиями. Виды операторов, примеры, поддержка в браузерах.
https://allthingssmitty.com/2025/07/28/logical-assignment-operators-in-javascript-small-syntax-big-wins/
70+ докладов для фронтенд-разработчика на все случаи жизни
https://habr.com/p/929626/
https://habr.com/p/929626/
Habr
70+ докладов для фронтенд-разработчика на все случаи жизни
Привет, Хабр! Меня зовут Данил. Я фронтенд-разработчик, и мне очень нравится смотреть в записи или посещать митапы и конференции, на которых профессионалы делятся своим опытом в формате докладов. Я...
Что новенького есть в CSS в 2025 году?
https://habr.com/p/933484/
https://habr.com/p/933484/
Habr
Что новенького есть в CSS в 2025 году?
Привет, Хабр! Мне всегда было интересно наблюдать, как развивается CSS. Держу себя в форме, чтобы не пропустить что-то важное. А недавно подумал: «Почему бы не поделиться ими с подписчиками?». И я...
Please open Telegram to view this post
VIEW IN TELEGRAM
В TypeScript типы, как правило, достаточно точны, что оставляет мало места для неоднозначности. Хотя такая строгость полезна для объектов, при работе с объединениями она может ощущаться ограничивающей. В этой статье мы рассмотрим, как создавать открытые union-типы в TypeScript.
https://zencod.ru/articles/ts-unions-autocomplete/
Please open Telegram to view this post
VIEW IN TELEGRAM
Разберемся, как правильно типизировать Object.keys и Object.entries в TypeScript, чтобы получить точные ключи и значения объекта.
https://zencod.ru/articles/ts-object-keys-entries/
Please open Telegram to view this post
VIEW IN TELEGRAM
anton@gmail.com, anton+habr@gmail.com, an.ton@gmail.com — почему всё это один и тот же имейл
https://habr.com/p/934304/
https://habr.com/p/934304/
Habr
anton@gmail.com, anton+habr@gmail.com, an.ton@gmail.com — почему всё это один и тот же имейл
Однажды у нас в CRM появились 3 загадочных клиента. С каждым вёл переговоры отдельный продавец. А потом выяснилось, что эти клиенты — один и тот же человек с одним и тем же имейлом. Меня зовут...
Forwarded from Мир Linux
Небольшая шпаргалка по расширенным параметрам в Bash
PDF-версия в хорошем качестве — в комментариях
@linuxos_tg
Более подробно про расширенные параметры можно почитать на официальной странице.
PDF-версия в хорошем качестве — в комментариях
@linuxos_tg
Forwarded from FrontEndDev
Пара вещей про href в ссылках, о которых вы, возможно, не догадывались
Неожиданный спектр значений атрибута href — от протоколов mailto:, tel: до ссылок вроде href=".", href="?", data:-URI и медиа-фрагментов с временными метками. Мелочи, которые делают поведение ссылок более гибким и полезным.
https://blog.jim-nielsen.com/2025/href-value-possibilities/
Неожиданный спектр значений атрибута href — от протоколов mailto:, tel: до ссылок вроде href=".", href="?", data:-URI и медиа-фрагментов с временными метками. Мелочи, которые делают поведение ссылок более гибким и полезным.
https://blog.jim-nielsen.com/2025/href-value-possibilities/
👍1
Forwarded from Frontend по-флотски 👨💻 | AI & Modern Dev
Понимание CSS corner-shape и сила суперэллипса 🧑🎓
В Chrome 139 релизнули CSS corner-shape, и мы сразу изучаем что это такое👨💻
Перевёл статью для тебя👇
https://habr.com/ru/articles/938886/
В Chrome 139 релизнули CSS corner-shape, и мы сразу изучаем что это такое
Перевёл статью для тебя
https://habr.com/ru/articles/938886/
Please open Telegram to view this post
VIEW IN TELEGRAM
Forwarded from Мир Linux
Forwarded from FrontEndDev
Вы неправильно загружаете шрифты (и это сказывается на производительности)
Джоно Олдерсон объясняет, как работают веб-шрифты и почему их неправильная загрузка может замедлять сайт. В статье разбираются оптимальные стратегии подключения — от выбора форматов до настройки font-display, чтобы ускорить рендеринг и улучшить пользовательский опыт.
https://www.jonoalderson.com/performance/youre-loading-fonts-wrong/
Джоно Олдерсон объясняет, как работают веб-шрифты и почему их неправильная загрузка может замедлять сайт. В статье разбираются оптимальные стратегии подключения — от выбора форматов до настройки font-display, чтобы ускорить рендеринг и улучшить пользовательский опыт.
https://www.jonoalderson.com/performance/youre-loading-fonts-wrong/
Forwarded from FrontEndDev
Использование Custom Highlight API
Custom Highlight API позволяет вам стилизовать участки текста в документе, используя JS для выделения и CSS для стилизации, что может быть удобно для реализации поиска по странице.
https://frontendmasters.com/blog/using-the-custom-highlight-api/
Custom Highlight API позволяет вам стилизовать участки текста в документе, используя JS для выделения и CSS для стилизации, что может быть удобно для реализации поиска по странице.
https://frontendmasters.com/blog/using-the-custom-highlight-api/
Forwarded from Веб-стандарты (Vadim Makeev)
Эффект жидкого стекла в браузере: рефракция на CSS и SVG. Крис Фейхо экспериментирует с SVG-фильтрами, чтобы добиться противоречивого, но очень привлекательного эффекта из будущих версий iOS и macOS. #css #svg
https://kube.io/blog/liquid-glass-css-svg/
https://kube.io/blog/liquid-glass-css-svg/
Хватит писать try/catch вокруг fetch
История о том, как избавиться от постоянных оберток для отлова ошибок и сделать интерфейс фетчера удобнее.
https://habr.com/ru/articles/943732/
История о том, как избавиться от постоянных оберток для отлова ошибок и сделать интерфейс фетчера удобнее.
https://habr.com/ru/articles/943732/
Forwarded from Веб-стандарты (Vadim Makeev)
Озвучивание CSS: альтернативный текст для CSS-контента. Сара Суайдан с большим исследованием о новом синтаксисе
https://www.sarasoueidan.com/blog/alt-text-for-css-generated-content/
content: "…" / "alt" для альтернативного текста, который уже хорошо поддерживают браузеры, но ещё не всегда хорошо — скринридеры, например NVDA с Chrome. Когда им пользоваться, как тестировать, и стоит ли вообще вставлять контент через CSS. #css #a11yhttps://www.sarasoueidan.com/blog/alt-text-for-css-generated-content/
SSH-туннель вместо белого IP: как получить доступ к домашнему серверу
https://habr.com/p/949544/
https://habr.com/p/949544/
Habr
SSH-туннель вместо белого IP: как получить доступ к домашнему серверу
Самый простой способ получить удалённый доступ к домашнему серверу — купить у провайдера статический «белый» IP (обычно 100–200 ₽/мес). Если же у вас уже есть арендованный VPS с публичным IP...
🔥1