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
QuickJS Sandbox 2.0
Встраиваемый JavaScript движок, позволяющий запускать JS код в изолированном окружении
https://sebastianwessel.github.io/quickjs/
Встраиваемый JavaScript движок, позволяющий запускать JS код в изолированном окружении
https://sebastianwessel.github.io/quickjs/
❤8👍4🔥1
Долгое время тема денег в IT была под негласным запретом. Все сообщество примерно понимало, в каком диапазоне кто зарабатывает, но даже в курилках такие вопросы было не принято обсуждать.
Сейчас с этим стало проще, сообщество становится более открытым, но теперь встает другой вопрос: «Как зарабатывать больше и не овертаймить?».
Ответ на этот вопрос есть в канале «Выше вилки», который ведут 2 сеньора — Илья Шишков, разработчик в Сбертехе (11 лет работал в Яндексе, сделал онлайн-курсы «Пояса по С++») и Павел Филонов, владелец ML-агентства, ex-Kaspersky.
Ребята бесплатно делятся конкретными переговорными приемами, которые помогают вырасти в доходе без переработок.
Вот несколько постов, которые перевернут ваше представление о зарплатных переговорах:
✅ Как получить прибавку +25% и +50% на одном месте работы?
✅ Как найти тот размер повышения, который справедлив, реален и стоит отстаивать до конца?
✅ «Хочу зарабатывать х2 от того, что получаю сейчас на двух работах»
✅ Как быть, если начальник — арбузер🤷🏻♂️
✅ Язык мой — враг мой. Почему кандидату не стоит называть свои зарплатные ожидания?
Подпишитесь на канал https://t.iss.one/above_the_range, чтобы стать мастером зарплатных переговоров.
Реклама. Рекламодатель ИП Шишков И.И. ИНН: 575206903941, erid: 2Vtzqx83Qib
Сейчас с этим стало проще, сообщество становится более открытым, но теперь встает другой вопрос: «Как зарабатывать больше и не овертаймить?».
Ответ на этот вопрос есть в канале «Выше вилки», который ведут 2 сеньора — Илья Шишков, разработчик в Сбертехе (11 лет работал в Яндексе, сделал онлайн-курсы «Пояса по С++») и Павел Филонов, владелец ML-агентства, ex-Kaspersky.
Ребята бесплатно делятся конкретными переговорными приемами, которые помогают вырасти в доходе без переработок.
Вот несколько постов, которые перевернут ваше представление о зарплатных переговорах:
✅ Как получить прибавку +25% и +50% на одном месте работы?
✅ Как найти тот размер повышения, который справедлив, реален и стоит отстаивать до конца?
✅ «Хочу зарабатывать х2 от того, что получаю сейчас на двух работах»
✅ Как быть, если начальник — арбузер🤷🏻♂️
✅ Язык мой — враг мой. Почему кандидату не стоит называть свои зарплатные ожидания?
Подпишитесь на канал https://t.iss.one/above_the_range, чтобы стать мастером зарплатных переговоров.
Реклама. Рекламодатель ИП Шишков И.И. ИНН: 575206903941, erid: 2Vtzqx83Qib
Telegram
Выше вилки
Авторы: Илья Шишков (ex-Яндекс), Павел Филонов (ex-Kaspersky).
Помогаем айтишникам расти в доходе без овертаймов📈
Предзапись на тренинг «Выше вилки»: https://algo-base.ru/above-the-range
Курс: https://algo-base.ru/salary-evolution
Помогаем айтишникам расти в доходе без овертаймов📈
Предзапись на тренинг «Выше вилки»: https://algo-base.ru/above-the-range
Курс: https://algo-base.ru/salary-evolution
👍4
Исправляем проблемы с Largest Contentful Paint с помощью LCP Subpart
Подробнее новом инструменте, который позволяет более точно указать источники задержки загрузки страницы.
https://smashingmagazine.com/2025/03/how-to-fix-largest-contentful-issues-with-subpart-analysis/
Подробнее новом инструменте, который позволяет более точно указать источники задержки загрузки страницы.
https://smashingmagazine.com/2025/03/how-to-fix-largest-contentful-issues-with-subpart-analysis/
👍7🔥2⚡1🤔1