Click Me Load More.js - это просто Suspense, который оборачивает компонент Page из того же сегмента маршрута.

👉 @frontend_1

Совет по CSS💡

Легко анимируйте иконку с помощью этого маленького трюка

👉 @frontend_1

Как рассчитывается стоимость недвижимости

Пользовательские свойства - они же "переменные CSS" - кажутся довольно простыми. Однако есть некоторые особенности поведения, о которых следует знать, когда браузер вычисляет конечные значения. Непонимание этого процесса может привести к неожиданному или отсутствующему значению и сложностям с поиском и устранением проблемы.

https://moderncss.dev/how-custom-property-values-are-computed/

👉 @frontend_1

Создаем форму подписки с помощью HTML, CSS и JavaScript 🚀

https://github.com/atherosai/ui/tree/main/signup-02

👉 @frontend_1

Разработка браузерных игр с использованием Phaser3, React, Typescript

Думаю, ни для кого не секрет, что каждый уважающий себя разработчик программного обеспечения должен иметь в своем портфолио хотя бы один пет-проект, а лучше полноценный продукт, дающий дополнительный постоянный заработок. Предметных областей и тематик приложений великое множество, но среди них есть одна, которая заслуживает отдельного внимания — разработка своей собственной игры.

https://habr.com/ru/articles/771630/

👉 @frontend_1

Совет по производительности веб-сайтов💡

Установите ширину и высоту изображения, чтобы избежать сдвига макета ✅

👉 @frontend_1

Готовимся к вопросам по вёрстке на интервью Frontend-разработчика: свойство display

За свою карьеру у меня было достаточно много собеседований. Конечно, одной из основных тем вопросов была вёрстка. Немного похвалюсь. Не было вопроса, на который я не ответил.


Недавно у меня появилось желание снова проверить себя и показать сообществу свои ответы на самые популярные вопросы по вёрстке. Может же быть так, что мои ответы были неполными или некорректными. Если это так, то я научусь новому. А если всё хорошо, то они помогут другим людям в подготовке к собеседованию. Кажется, это в любом случае будет полезно.


У меня получился достаточно большой список. Он составлен на основе моего опыта, опыта моих знакомых и публично доступных собеседований. Каждый вопрос будет отдельной статьёй.


Сегодня я дам ответ на следующий вопрос: «Зачем нужно использовать свойство display?»

https://habr.com/ru/companies/ruvds/articles/798975/

👉 @frontend_1

Создаем экран входа в систему с помощью HTML и CSS 🚀

https://github.com/atherosai/ui/tree/main/login-06

👉 @frontend_1

Border radius 🚀

👉 @frontend_1

Страницы и маршрутизатор приложений можно использовать вместе в одном проекте Next.js.

Это может быть полезно для постепенного перехода на маршрутизатор приложений.

👉 @frontend_1

Почему стек фронтенда такой сложный?

Экосистема фронтенда печально известна своей запутанностью. На каждом уровне, кажется, существуют несовместимые, конкурирующие стандарты.

Отсутствие универсальной системы импорта. ESModules, CommonJS, Asynchronous Module Definition (AMD) и Universal Module Definition (UMD) - все это различные способы импорта и обмена кодом. Бандлеры пытаются решить некоторые из этих проблем, поддерживая несколько методов. Но

Нет единой системы импортов: ESModules, CommonJS, Asynchronous Module Definition (AMD), Universal Module Definition (UMD)
Многочисленные шаги минификации, траспиляции
Совершенно разные условия запуска кода: разные версии браузеров, server side, client side и т. д.
Слишком многие фронтенд-инструменты полагаются на определенную структуру файлов в проекте
Configuration hell: огромное количество инструментов, которые нужно как-то подружить между собой
Из-за множества слоёв преобразования затруднён hot reload

https://matt-rickard.com/why-is-the-frontend-stack-so-complicated


👉 @frontend_1

Пример кастомных курсоров на CSS 🧑‍💻🚀

👉 @frontend_1

Создаем кнопки социальных сетей с помощью HTML и CSS 🚀

https://github.com/atherosai/ui/tree/main/socials-04

👉 @frontend_1

Всем привет!

Недавно в СберЗдоровье подготовили статью об INP (Interaction to Next Paint), метрике, которая отражает скорость отклика сайтов. С 12 марта 2024 года этот показатель заменил FID (First Input Delay)

Оставляю ссылку, может, для кого-то материал будет полезен:

https://habr.com/ru/companies/docdoc/articles/802329/

28 марта на Frontend Meetup SberHealth фронтендеры из СберЗдоровья поделятся фишками работы с INP. А еще расскажут про принципы их дизайн-системы, платформу для АБ-экспериментов и Code Review

Регистрируйтесь на встречу, коллеги будут рады ответить на ваши вопросы 🙂

👉 @frontend_1