Совет по использованию инструментов Chrome Dev Tools 💡

Мы должны тестировать наши сайты на медленных сетях, чтобы обеспечить лучший пользовательский интерфейс ✅.
Вы можете задаться вопросом, как это сделать во время разработки 🤔.
Посмотрите это видео, чтобы узнать, как легко смоделировать любое состояние сети в Chrome Dev Tools

👉 @frontend_1

🔵 Сделать ошибки TypeScript более красивыми и человекочитаемыми в VSCode с помощью Pretty TypeScript Errors.🎀

https://github.com/yoavbls/pretty-ts-errors

👉 @frontend_1

Пример из практики: Портфолио Анатолия Туврона

Один из лучших советов, который я могу дать любому разработчику, чтобы не устать от работы над своим портфолио, - это работать как можно быстрее. Если вы знаете, что легко устаете от проекта, я настоятельно рекомендую делать его, когда у вас есть время, а затем торопиться, как сумасшедший. Это относится и к кодированию, и к дизайну.

Вдохновляйтесь сайтами, которые вам нравятся, подбирайте цвета, которые соответствуют вашему настроению, шрифты, которые вам нравятся, используйте свой любимый инструмент дизайна и не перемудрите.

https://tympanus.net/codrops/2022/01/14/case-study-anatole-touvrons-portfolio/

👉 @frontend_1

Реализуйте операции над множествами в JavaScript с помощью этой шпаргалки 🚀

👉 @frontend_1

CSS Blend Modes

Руководство с множеством интерактивных примеров работы с причудливыми эффектами режима смешивания CSS.

https://garden.bradwoods.io/notes/css/blend-modes

👉 @frontend_1

Совет по CSS 💡

Возможно, вы не знаете, что мы можем легко регулировать пространство между элементом и его контуром 🤩.

👉 @frontend_1

CSS-функции min(), max() и clamp()

Поддержка CSS-функций сравнения min(), max() и clamp() появилась в Firefox 8 апреля 2020 года. Это означает, что данные функции теперь поддерживаются во всех основных браузерах. Эти CSS-функции расширяют наши возможности по созданию динамических макетов и по проектированию более гибких, чем раньше, компонентов. Их можно использовать для настройки размеров элементов-контейнеров, шрифтов, отступов и многого другого. Правда, веб-дизайнеру, создающему макеты страниц с учётом возможности использования этих восхитительных функций, может понадобиться научиться думать по-новому.

https://ishadeed.com/article/use-cases-css-comparison-functions/

👉 @frontend_1

Совет по использованию инструментов Chrome Dev Tools 💡

Возможно, вы не знаете об этом приеме для быстрого использования предыдущего результата консольного выражения ✨.

👉 @frontend_1