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
Forwarded from CodeCamp
Ночное-полезное: полностью открытый и бесплатный мультиплатформенный Git-клиент 😋
Он закрывает почти всё, что нужно в реальной работе:
— Просмотр истории, веток и диффов (включая картинки);
— Коммиты, пуши, мерджи, ребейзы, теги и сташи;
— Интерактивный ребейз, blame и поиск по коммитам;
— Настройка тем и работа с подмодулями;
— Полная поддержка stage/unstage и отката строк.
Работает на всех платформах, выглядит современно и не требует танцев с SSH-ключами.
Наслаждайтесь😊
Он закрывает почти всё, что нужно в реальной работе:
— Просмотр истории, веток и диффов (включая картинки);
— Коммиты, пуши, мерджи, ребейзы, теги и сташи;
— Интерактивный ребейз, blame и поиск по коммитам;
— Настройка тем и работа с подмодулями;
— Полная поддержка stage/unstage и отката строк.
Работает на всех платформах, выглядит современно и не требует танцев с SSH-ключами.
Наслаждайтесь
Please open Telegram to view this post
VIEW IN TELEGRAM
👍1🔥1
Forwarded from Веб-стандарты (Vadim Makeev)
Представляем Vite+ — единую экосистему инструментов для JavaScript. Эван Ю анонсировал на ViteConf новую надстройку над Vite, объединяющий создание, сборку, тестирование, линтинг и форматирование кода, а также сборку библиотек и визуальные инструменты в одной среде. Вся цепочка написана на Rust и совместима с React, Vue, SvelteKit и другими фреймворками. Vite+ будет бесплатен для индивидуальных и опенсорсных проектов, но получит коммерческую лицензию для бизнеса. #vite #js
https://voidzero.dev/posts/announcing-vite-plus
https://voidzero.dev/posts/announcing-vite-plus