Interop 2025
Очередной год новшеств и улучшений веб платформы. На что будет основной упор в 2025?
https://web.dev/blog/interop-2025
Очередной год новшеств и улучшений веб платформы. На что будет основной упор в 2025?
https://web.dev/blog/interop-2025
👍10❤2⚡1
Задержки в Event Loop
Как возникают задержки в Event Loop и как они влияют на производительность NodeJs приложений. А также способы их мониторинга и устранения.
https://trigger.dev/blog/event-loop-lag
Как возникают задержки в Event Loop и как они влияют на производительность NodeJs приложений. А также способы их мониторинга и устранения.
https://trigger.dev/blog/event-loop-lag
👍15🔥1
F.I.R.S.T принципы в тестировании
Улучшаем качество и эффективность тестов с применением принципов F.I.R.S.T. — вводная статья с примерами.
https://jsdev.space/first-principles-testing/
Улучшаем качество и эффективность тестов с применением принципов F.I.R.S.T. — вводная статья с примерами.
https://jsdev.space/first-principles-testing/
🔥6👍4🥱2🤔1
CSS Multi-Column Layout
Возможности CSS для создания макетов с колонками, как в газетах или журналах. Основные свойства, преимущества, ограничения и практические примеры применения Multi-Column Layout.
https://css-tricks.com/revisiting-css-multi-column-layout/
Возможности CSS для создания макетов с колонками, как в газетах или журналах. Основные свойства, преимущества, ограничения и практические примеры применения Multi-Column Layout.
https://css-tricks.com/revisiting-css-multi-column-layout/
👍6❤1👌1
Интерактивная игра для изучения CSS anchor positioning
40 уроков для изучения основ и продвинутых техник при работе с anchor positioning.
https://anchoreum.com/#ru
40 уроков для изучения основ и продвинутых техник при работе с anchor positioning.
https://anchoreum.com/#ru
1❤12🔥6🤔2
ESLint теперь официально поддерживает линтинг CSS
https://eslint.org/blog/2025/02/eslint-css-support/
https://eslint.org/blog/2025/02/eslint-css-support/
🔥57🤯9👍7
Конкуренция за пропускную способность сети
Как одновременная загрузка множества ресурсов может замедлять отображение страницы и какие существуют стратегии для оптимизации этого процесса
https://www.debugbear.com/blog/bandwidth-competition-page-speed
Как одновременная загрузка множества ресурсов может замедлять отображение страницы и какие существуют стратегии для оптимизации этого процесса
https://www.debugbear.com/blog/bandwidth-competition-page-speed
❤8👍4🔥1
Компонент звездного рейтинга на чистом CSS
Пример реализации компонента, а также его модификаций с использованием псевдоэлементов.
https://css-tricks.com/a-css-only-star-rating-component-and-more-part-1/
Пример реализации компонента, а также его модификаций с использованием псевдоэлементов.
https://css-tricks.com/a-css-only-star-rating-component-and-more-part-1/
🔥7🤩2🤔1
Умельцы запустили DOOM на типах TypeScript
На самом деле один умелец. И чтобы это сделать ему понадобилось собрать отдельный мощнейший комп 🤯
https://www.youtube.com/watch?v=0mCsluv5FXA
На самом деле один умелец. И чтобы это сделать ему понадобилось собрать отдельный мощнейший комп 🤯
https://www.youtube.com/watch?v=0mCsluv5FXA
🔥20😱9👍3👎3🤡2
Реклама Typescript
Аксель Раушмайер рассказывает о преимуществах использования TypeScript для разработчиков и компаний и как он помогает в долгосрочной поддержке и масштабировании проектов.
https://2ality.com/2025/03/typescript-sales-pitch.html
Аксель Раушмайер рассказывает о преимуществах использования TypeScript для разработчиков и компаний и как он помогает в долгосрочной поддержке и масштабировании проектов.
https://2ality.com/2025/03/typescript-sales-pitch.html
👍8❤3🔥1
Введение в View Transitions API
Использование относительно нового API для создания плавных переходов между разными состояниями элементов на странице
https://css-tricks.com/toe-dipping-into-view-transitions/
Использование относительно нового API для создания плавных переходов между разными состояниями элементов на странице
https://css-tricks.com/toe-dipping-into-view-transitions/
👍13❤1🔥1
Оцениваем размер пакета с pkg-size
Информация о размере пакета, его зависимостях и экспортируемых функциях. Удобно, чтобы глянуть перед установкой.
https://pkg-size.dev/
Информация о размере пакета, его зависимостях и экспортируемых функциях. Удобно, чтобы глянуть перед установкой.
https://pkg-size.dev/
👍7🔥3❤1
Функции в CSS
Уже сейчас вы можете попробовать работу с CSS функциями в Chrome Canary под экспериментальным флагом. Чуть подробнее об аргументах, проверке типов и возвращаемых значениях — в статье.
https://css-tricks.com/functions-in-css/
Уже сейчас вы можете попробовать работу с CSS функциями в Chrome Canary под экспериментальным флагом. Чуть подробнее об аргументах, проверке типов и возвращаемых значениях — в статье.
https://css-tricks.com/functions-in-css/
❤9🔥9👍2🤯2🤮2
Продвинутая обработка ошибок в JavaScript
Способы создания кастомных ошибок в JavaScript для улучшения обработки исключений и рекомендации по их эффективному использованию. А также общие подходы к обработке ошибок и их логированию.
https://feeds.dzone.com/link/23564/16977198/advanced-error-handling-in-javascript-custom-error
Способы создания кастомных ошибок в JavaScript для улучшения обработки исключений и рекомендации по их эффективному использованию. А также общие подходы к обработке ошибок и их логированию.
https://feeds.dzone.com/link/23564/16977198/advanced-error-handling-in-javascript-custom-error
1👍10❤2⚡2
Forwarded from Web Stack
CSS Grid или Flexbox
Когда применять CSS Grid, а когда Flexbox для создания адаптивных веб-дизайнов. Среди кейсов сложные макеты, точное расположение элементов и одно-двумерные сетки.
https://unicornclub.dev/articles/2025-02-25-css-grid-or-flexbox-know-when-to-use-each-for-better-layouts/
Когда применять CSS Grid, а когда Flexbox для создания адаптивных веб-дизайнов. Среди кейсов сложные макеты, точное расположение элементов и одно-двумерные сетки.
https://unicornclub.dev/articles/2025-02-25-css-grid-or-flexbox-know-when-to-use-each-for-better-layouts/
👍14🔥3🤔1
Объединения и пересечения объектных типов в TypeScript
Улучшаем типизацию и упрощаем работу с объектами в TS
https://2ality.com/2025/03/object-type-union-intersection.html
Улучшаем типизацию и упрощаем работу с объектами в TS
https://2ality.com/2025/03/object-type-union-intersection.html
👍5⚡1❤1🔥1
Относительные цвета в CSS
Интерактивное руководство от Ахмада Шадида
https://ishadeed.com/article/css-relative-colors/
Интерактивное руководство от Ахмада Шадида
https://ishadeed.com/article/css-relative-colors/
❤8👍5🏆2
React-scan
Инструмент для автоматического определения перфоманс проблем в вашем React приложении.
Документация: https://github.com/aidenybai/react-scan
Демо: https://www.youtube.com/watch?v=3EnathFYgz8
Инструмент для автоматического определения перфоманс проблем в вашем React приложении.
Документация: https://github.com/aidenybai/react-scan
Демо: https://www.youtube.com/watch?v=3EnathFYgz8
🔥16❤6⚡2😁2🤔2
Друзья, уже идёт подготовка и приём докладов на FrontendConf 2025 😎
Если вы хотите стать спикером FrontendConf 2025, но сомневаетесь в актуальности темы своего доклада и хотите задать вопросы – подключайтесь на онлайн-встречу с Программным комитетом конференции!
⠀
📌 13 марта в 19:00 Мск
Участие бесплатное, нужно только зарегистрироваться здесь.
Ждем всех желающих! ✌️
Если вы хотите стать спикером FrontendConf 2025, но сомневаетесь в актуальности темы своего доклада и хотите задать вопросы – подключайтесь на онлайн-встречу с Программным комитетом конференции!
⠀
Участие бесплатное, нужно только зарегистрироваться здесь.
Ждем всех желающих! ✌️
Please open Telegram to view this post
VIEW IN TELEGRAM
❤7👍1
NodeJS ввел поддержку TypeScript. Что это значит для Deno?
Об особенностях и отличиях поддержки TS в NodeJS и Deno
https://deno.com/blog/typescript-in-node-vs-deno
Об особенностях и отличиях поддержки TS в NodeJS и Deno
https://deno.com/blog/typescript-in-node-vs-deno
❤7⚡1👍1