FrontEndDev

CSS content-visibility Одна из оптимизаций производительности, которую вы, возможно, упустили. https://www.trevorlasn.com/blog/css-content-visibility

3 наиболее необходимых CSS фич для таблиц Дарин Сеннефф рассказывает о UX таблиц с точки зрения стилизации и тех фичах, которых ему не хватает в нативной реализации таблиц, предлагая свои решения для этого. https://www.darins.page/articles/my-3-most-wanted-css-table-features

От медленного к быстрому Используем JS Performance API для анализа и оптимизации веб приложений. https://www.trevorlasn.com/blog/performance-web-api-in-javascript

Preload, prefetch, preconnect... Атрибуты загрузки ресурсов: как они работают и как влияют на скорость работы и загрузки приложений. https://habr.com/ru/articles/445264/

Импортируем JS библиотеки без сборщиков Джулия Эванс рассказывает о том, как в современной экосистеме фронтенд разработки обойтись без сборщиков (если у вас небольшой проект/вам лень/вы любите трудности и не любите сон): 3 типа файлов, которые предлагают вам библиотеки и как с ними работать. https://jvns.ca/blog/2024/11/18/how-to-import-a-javascript-library/

Копаем глубже в Feature-Sliced Design Александр Моргунов кратко разбирает FSD, делится опытом его использования и раскрывает некоторые моменты, не описанные в его документации. А также отвечает на главный вопрос: нужен вам FSD или нет? https://www.youtube.com/watch?v=M84x3pzDYr0

❓ Хотите создать свою первую веб-страницу с нуля? Без магии и кодерских заклинаний — только HTML, CSS и ваши идеи! 👉 На открытом вебинаре «Создаем свою первую страницу: HTML и CSS» вы узнаете, как работают основные элементы веб-разработки: от структуры HTML до современной стилизации с CSS. Мы разберем шаги, которые помогают создать не просто страницу, а основу для вашего портфолио или будущего сайта! 💪 Это ваш шанс научиться веб-разработке, используя простой и мощный инструментарий. Уже на вебинаре вы создадите свою первую веб-страницу — с текстом, картинками и уникальным дизайном! ⏰ Регистрируйтесь на открытый урок 3 декабря в 19:00 мск! Урок проходит в преддверии старта курса «Fullstack Developer», участники вебинара получат скидку на обучение. 👉 Для участия зарегистрируйтесь: https://otus.pw/AhpD/ Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru

Адвент календарь по TS 25 задачек по TypeScript чтобы скрасить ваш декабрь 😁 https://www.adventofts.com/

Эксперимент: автоматический запуск View Transitions с помощью MutationObserver Интересный подход и реализация переходов для создания более приятного и плавного интерфейса. https://www.bram.us/2024/11/25/experiment-automatically-triggered-view-transitions-with-mutationobserver

Стилизуем рамки элементов с background-clip: border-area Как работает новое свойство background-clip: border-area, доступное пока только в Safari 18.2, и чем оно отличает от border-image. https://webkit.org/blog/16214/background-clip-border-area/

Введение в TanStack Router Посмотрим на что способен TanStack Router и его основные фичи. Простые примеры: объявление роутов, работа с параметрами url, вложенные лейауты. https://frontendmasters.com/blog/introducing-tanstack-router/

IT-инженеры — объединяйтесь! 🤝 Мы собрали огромную базу прикладной информации для IT-инженеров. Выбирайте, что вам интересно: — Полупроводники — Высоконагруженные системы — Связь и космос — Промышленный дизайн — Нейроморфные технологии — Индустрия 4.0 — Печатные платы — Технологии мира музыки 📌 Статьи, лекции, подкасты, кейсы из инженерной практики и тематические гайды в одном месте @ultimate_engineer

Ищем перфоманс проблемы в React приложениях Еще один инструмент для поиска слабых мест, не требующий внесения изменений в код проекта. https://github.com/aidenybai/react-scan#readme

Новый релиз кандидат - TypeScript 5.7 Улучшенная работа со Strict Null Checks, улучшения безопасности типов при работе с enum, добавлен утилитарный тип NoInfer и еще несколько улучшений новой версии TS https://devblogs.microsoft.com/typescript/announcing-typescript-5-7/

👩‍💻 5 CSS-трюков, которые сделают вас профи В статье рассмотрены 5 современных CSS-приемов, включая селектор :has(), компактные медиазапросы и другие полезные техники, которые помогут улучшить навыки и ускорить работу фронтенд-разработчиков. 🖥 Читать статью

Генерируем моковые запросы/ответы Mocky — онлайн сервис для создания моков. Настраиваете параметры ответа, в том числе и заголовки и получаете url по которому можно делать запросы. Удобно, если не настроены локальные моки и нужно быстро что-то проверить. https://designer.mocky.io/

Почта на прокачку: как повысить защиту Microsoft Exchange и не слить чувствительные данные в сеть ⏰ Когда: 27 ноября, 11:00 по Москве 📍 Регистрируйтесь на вебинар! SuperHardio time*! Чтобы узнать, как захардкорить самое ценное и построить настоящий лабиринт для хакера, присоединяйтесь к нашему новому образовательному проекту от ИТ-экспертов Positive Technologies. В программе: - Что не так с типовой настройкой Microsoft Exchange 2019 - Топ-3 сценария уязвимостей - Как ИТ-специалисту справиться с бременем ответственности за корректную работу почтового сервиса. - Поговорим про харденинг Microsoft Exchange 2019 и особенности подхода к повышению киберустойчивости Вебинар будет полезен архитекторам, CIO, СТО, DevOps-экспертам и техническим специалистам разных профилей. Присоединяйтесь! *Это как "Марио тайм", время героев-экспертов харденинга

Анимация добавления в корзину Очередной необычный эффект для сайта с товарами. Github | Демо https://tympanus.net/codrops/2024/11/21/from-product-to-cart-adding-guiding-animations-to-the-shopping-experience/

Использование ссылок с атрибутом ping Новые возможности в привычных элементах — <a ping="url">, или как трекать действия пользователей без счетчиков. https://jsdev.space/html-ping-attribute/

Пишем свой аккордеон (музыкальный инструмент) на JavaScript О том, как работать с WebAudio API и создавать звуки программно на JS. https://www.taniarascia.com/musical-instrument-web-audio-api/