Frontend

15 основных инструментов и ресурсов для разработчиков Frontend ⚡️ https://dev.to/paul_freeman/15-essential-tools-and-resources-for-frontend-developers-4jn4

Инструкции по созданию визуально привлекательных изображений предоставленного фрагмента кода JavaScript, включая визуализацию нажатий кнопок и динамическое обновление текста кнопки. https://chalk.ist/

Лучшие практики JavaScript В этой записи блога мы рассмотрим несколько ключевых лучших практик в современном JavaScript для более чистого, более поддерживаемого и более производительного кода. https://blog.jetbrains.com/webstorm/2024/10/javascript-best-practices-2024

Мощь CSS-масок Декабрь 2023 года стал значимой датой в истории развития CSS-свойства mask: все современные браузеры в своих последних версиях обеспечили его полную поддержку, теперь без использования своих вендорных префиксов. А это означает, что данное свойство прочно и надолго вошло в жизнь каждого фронтенд-разработчика. Осталось лишь фронтенд-разработчикам принять его в свою жизнь и перестать его бояться! В статье я кратко напомню основные теоретические идеи свойства и подробно расскажу о реальных примерах использования на основании опыта разработки Taiga UI. https://habr.com/ru/companies/tbank/articles/853042/

Что вы предпочитаете: CSS-модули или Tailwind CSS? https://themeselection.com/do-you-prefer-css-modules-or-tailwind-css

Что вы предпочитаете: CSS-модули или Tailwind CSS? https://themeselection.com/do-you-prefer-css-modules-or-tailwind-css

17 проектов React, которые должен знать каждый разработчик 👩‍💻 🔥 https://dev.to/tolgee_i18n/17-must-know-react-projects-for-developers-28a2

17 проектов React, которые должен знать каждый разработчик 👩‍💻 🔥 https://dev.to/tolgee_i18n/17-must-know-react-projects-for-developers-28a2

Пожалуйста, не используйте единицы измерения области просмотра для размеров шрифта. https://www.youtube.com/watch?v=G1buM51f09s

Как создать библиотеку компонентов CSS и улучшить свои навыки веб-разработки https://www.freecodecamp.org/news/how-to-build-a-css-component-library-step-by-step

Откройте для себя более 65 бесплатных и премиум- шаблонов CSS Tailwind / Панель инструментов для современной веб-разработки https://tailwindcsstemplates.com/

Анимированная стопка карточек с прокруткой https://www.bram.us/2024/10/13/scroll-driven-animated-card-stack-with-scroll-snap-events

Функция обнаружения стилей Поддержка запросов в CSS https://www.bram.us/2024/10/06/feature-detect-style-queries-support-in-css

Псевдокласс :invalid позволяет вам указывать определенные подсказки в реальном времени в виде стилей дизайна или всплывающих сообщений для полей формы, которые не соответствуют требуемым критериям проверки. В этой статье мы увидим, как вы можете использовать псевдокласс :invalidдля создания и проверки форм, которые предлагают лучший пользовательский опыт. https://blog.openreplay.com/leveraging-css-invalid-for-real-time-data-validation

В Миллион Раз Быстрее: Million.Js Против React В этой статье сравниваются React и Million.js, объясняются их особенности и показатели производительности. После этого сравнения вы сможете более конкретно узнать, какая библиотека может хорошо подойти для вашего проекта, особенно если он связан с производительностью. https://blog.openreplay.com/a-million-times-faster--millionjs-vs-react

10 помощников ИИ для разработчиков фронтенда, которые изменят ваш подход к кодированию🚀🔥 https://dev.to/astrodevil/10-ai-assistants-for-frontend-developers-that-will-change-the-way-you-code-3fh4

Коллекция Загрузчиков CSS Filling https://css-tip.com/filling-loader/

Как я создаю компонент кнопки Кнопка, пожалуй, наиболее вероятный компонент, который может оказаться в вашей кодовой базе, поэтому я собираюсь показать вам, как я подхожу к ее созданию. Надеюсь, это развеет миф о скромной кнопке и побудит людей, которые тянутся к <div>и обработчику JavaScript, использовать семантические элементы. https://piccalil.li/blog/how-i-build-a-button-component

Золотое сечение в CSS https://dev.to/madsstoumann/the-golden-ratio-in-css-53d0

5 концепций JavaScript, которые должен знать каждый разработчик Это 5 функций, которые должен изучить каждый разработчик JavaScript https://medium.com/javarevisited/5-javascript-concepts-every-developer-should-know-61111b00349a Библиотека компонентов пользовательского интерфейса CSS Laravel Blade и Tailwind Создавайте элегантные и отзывчивые пользовательские интерфейсы, которые сделают ваши страницы яркими. Попрощайтесь с дизайнерским кризисом навсегда. https://turbineui.com/