Как я создаю компонент кнопки
Кнопка, пожалуй, наиболее вероятный компонент, который может оказаться в вашей кодовой базе, поэтому я собираюсь показать вам, как я подхожу к ее созданию. Надеюсь, это развеет миф о скромной кнопке и побудит людей, которые тянутся к <div>и обработчику JavaScript, использовать семантические элементы. https://piccalil.li/blog/how-i-build-a-button-component
Кнопка, пожалуй, наиболее вероятный компонент, который может оказаться в вашей кодовой базе, поэтому я собираюсь показать вам, как я подхожу к ее созданию. Надеюсь, это развеет миф о скромной кнопке и побудит людей, которые тянутся к <div>и обработчику JavaScript, использовать семантические элементы. https://piccalil.li/blog/how-i-build-a-button-component
Piccalilli
How I build a button component
A button is arguably the most likely component to find itself in your codebase so I’m going to show you how I approach building one.
10 помощников ИИ для разработчиков фронтенда, которые изменят ваш подход к кодированию🚀🔥
https://dev.to/astrodevil/10-ai-assistants-for-frontend-developers-that-will-change-the-way-you-code-3fh4
https://dev.to/astrodevil/10-ai-assistants-for-frontend-developers-that-will-change-the-way-you-code-3fh4
DEV Community
10 AI Assistants for Frontend Developers That Will Change the Way You Code🚀🔥
AI is flipping the script on software development so fast developers can barely even keep...
👍1
В Миллион Раз Быстрее: Million.Js Против React
В этой статье сравниваются React и Million.js, объясняются их особенности и показатели производительности. После этого сравнения вы сможете более конкретно узнать, какая библиотека может хорошо подойти для вашего проекта, особенно если он связан с производительностью. https://blog.openreplay.com/a-million-times-faster--millionjs-vs-react
В этой статье сравниваются React и Million.js, объясняются их особенности и показатели производительности. После этого сравнения вы сможете более конкретно узнать, какая библиотека может хорошо подойти для вашего проекта, особенно если он связан с производительностью. https://blog.openreplay.com/a-million-times-faster--millionjs-vs-react
Openreplay
A Million Times Faster: Million.js vs React
A comparison of React and a newer framework.
Псевдокласс :invalid позволяет вам указывать определенные подсказки в реальном времени в виде стилей дизайна или всплывающих сообщений для полей формы, которые не соответствуют требуемым критериям проверки. В этой статье мы увидим, как вы можете использовать псевдокласс :invalidдля создания и проверки форм, которые предлагают лучший пользовательский опыт.
https://blog.openreplay.com/leveraging-css-invalid-for-real-time-data-validation
https://blog.openreplay.com/leveraging-css-invalid-for-real-time-data-validation
Openreplay
Leveraging CSS :invalid for Real-Time Data Validation
Use this interesting feature of CSS to show errors.
👍2
Функция обнаружения стилей Поддержка запросов в CSS
https://www.bram.us/2024/10/06/feature-detect-style-queries-support-in-css
https://www.bram.us/2024/10/06/feature-detect-style-queries-support-in-css
Bram.us
Feature detect Style Queries Support in CSS
Awaiting browser support for at-rule(), here’s how you do it.
This media is not supported in your browser
VIEW IN TELEGRAM
Анимированная стопка карточек с прокруткой
https://www.bram.us/2024/10/13/scroll-driven-animated-card-stack-with-scroll-snap-events
https://www.bram.us/2024/10/13/scroll-driven-animated-card-stack-with-scroll-snap-events
👍1
Откройте для себя более 65 бесплатных и премиум- шаблонов CSS Tailwind / Панель инструментов для современной веб-разработки
https://tailwindcsstemplates.com/
https://tailwindcsstemplates.com/
👍1
Как создать библиотеку компонентов CSS и улучшить свои навыки веб-разработки
https://www.freecodecamp.org/news/how-to-build-a-css-component-library-step-by-step
https://www.freecodecamp.org/news/how-to-build-a-css-component-library-step-by-step
freeCodeCamp.org
How to Build a CSS Component Library and Improve Your Web Development Skills
Application development is a complex, multi-stage process, and it all begins with UI/UX design. Once the design phase is complete, the focus shifts to UI development, where tools like HTML, CSS, and JavaScript come into play. At a higher level, libra...
Пожалуйста, не используйте единицы измерения области просмотра для размеров шрифта.
https://www.youtube.com/watch?v=G1buM51f09s
https://www.youtube.com/watch?v=G1buM51f09s
YouTube
Please, don’t use viewport units for font sizes
Start writing CSS with confidence with my course CSS Demystified: https://cssdemystified.com
When people find out about viewport units, one of the first things they often do with them is create fluid type, but there are some problems that can cause. In this…
When people find out about viewport units, one of the first things they often do with them is create fluid type, but there are some problems that can cause. In this…
👍1
Forwarded from REact
17 проектов React, которые должен знать каждый разработчик 👩💻 🔥
https://dev.to/tolgee_i18n/17-must-know-react-projects-for-developers-28a2
https://dev.to/tolgee_i18n/17-must-know-react-projects-for-developers-28a2
DEV Community
17 Must-know React Projects for Developers 👩💻 🔥
The react ecosystem is huge, thanks to the developer community. Thousands of packages, libraries and...
❤1
Что вы предпочитаете: CSS-модули или Tailwind CSS?
https://themeselection.com/do-you-prefer-css-modules-or-tailwind-css
https://themeselection.com/do-you-prefer-css-modules-or-tailwind-css
ThemeSelection
Do You Prefer CSS Modules or Tailwind CSS?
In the world of web development, choosing the right tools can make or break a project's success. Two popular approaches for styling modern web applications are CSS Modules and Tailwind CSS. Both have unique strengths and serve different purposes, but which…
❤1👍1
Мощь CSS-масок
Декабрь 2023 года стал значимой датой в истории развития CSS-свойства mask: все современные браузеры в своих последних версиях обеспечили его полную поддержку, теперь без использования своих вендорных префиксов. А это означает, что данное свойство прочно и надолго вошло в жизнь каждого фронтенд-разработчика. Осталось лишь фронтенд-разработчикам принять его в свою жизнь и перестать его бояться!
В статье я кратко напомню основные теоретические идеи свойства и подробно расскажу о реальных примерах использования на основании опыта разработки Taiga UI.
https://habr.com/ru/companies/tbank/articles/853042/
Декабрь 2023 года стал значимой датой в истории развития CSS-свойства mask: все современные браузеры в своих последних версиях обеспечили его полную поддержку, теперь без использования своих вендорных префиксов. А это означает, что данное свойство прочно и надолго вошло в жизнь каждого фронтенд-разработчика. Осталось лишь фронтенд-разработчикам принять его в свою жизнь и перестать его бояться!
В статье я кратко напомню основные теоретические идеи свойства и подробно расскажу о реальных примерах использования на основании опыта разработки Taiga UI.
https://habr.com/ru/companies/tbank/articles/853042/
Хабр
Мощь CSS-масок
Декабрь 2023 года стал значимой датой в истории развития CSS-свойства mask: все современные браузеры в своих последних версиях обеспечили его полную поддержку, теперь без использования своих...
Лучшие практики JavaScript
В этой записи блога мы рассмотрим несколько ключевых лучших практик в современном JavaScript для более чистого, более поддерживаемого и более производительного кода.
https://blog.jetbrains.com/webstorm/2024/10/javascript-best-practices-2024
В этой записи блога мы рассмотрим несколько ключевых лучших практик в современном JavaScript для более чистого, более поддерживаемого и более производительного кода.
https://blog.jetbrains.com/webstorm/2024/10/javascript-best-practices-2024
The JetBrains Blog
JavaScript Best Practices | The WebStorm Blog
Learn about the latest JavaScript best practices. This blog post covers some of the recommended best practices when coding with JavaScript.
❤1
Инструкции по созданию визуально привлекательных изображений предоставленного фрагмента кода JavaScript, включая визуализацию нажатий кнопок и динамическое обновление текста кнопки.
https://chalk.ist/
https://chalk.ist/
chalk.ist
Chalk.ist - Create beautiful images of your source code
Turn your source code into beautiful images
15 основных инструментов и ресурсов для разработчиков Frontend ⚡️
https://dev.to/paul_freeman/15-essential-tools-and-resources-for-frontend-developers-4jn4
https://dev.to/paul_freeman/15-essential-tools-and-resources-for-frontend-developers-4jn4
DEV Community
15 Essential tools and resources for Frontend developers ⚡️
So, you want to boost your productivity as a frontend developer. Whether you're looking for learning...
🔥2
Создайте и разверните полнофункциональное приложение для знакомств
https://www.freecodecamp.org/news/build-deploy-a-full-stack-dating-app
https://www.freecodecamp.org/news/build-deploy-a-full-stack-dating-app
freeCodeCamp.org
Build & Deploy a Full Stack Dating App
Creating a modern, full-stack web application has never been more exciting, thanks to the wide array of powerful tools available to developers today. If you’ve ever thought about building a dynamic, feature-rich app but weren’t sure where to start, t...
❤1
CSS изменился навсегда… плюс 7 новых функций, о которых вы не знали
https://www.youtube.com/watch?v=A89FMtIkWKc
https://www.youtube.com/watch?v=A89FMtIkWKc
YouTube
CSS just changed forever… plus 7 new features you don't know about
CSS just got a brand new official logo. Let's take a look at some of the coolest new features available to HTML and CSS programmers in 2024.
#webdevelopment #programming #thecodereport
💬 Chat with Me on Discord
https://discord.gg/fireship
🔗 Resources…
#webdevelopment #programming #thecodereport
💬 Chat with Me on Discord
https://discord.gg/fireship
🔗 Resources…
Полное руководство по всем концепциям Javascript (AZ): от базового до продвинутого уровня
https://medium.com/@omkartalekar1112/all-javascript-concepts-a-z-basic-to-advanced-7b7453d5b008
https://medium.com/@omkartalekar1112/all-javascript-concepts-a-z-basic-to-advanced-7b7453d5b008
Medium
Complete Guide to All Javascript Concepts ( A-Z): Basic to Advanced
Variables & Data Types — var, let, const.
❤1
7 Лучших Практических Проектов Для Повышения Уровня Ваших Навыков
https://blog.openreplay.com/best-seven-practice-projects-to-level-up-your-skills
https://blog.openreplay.com/best-seven-practice-projects-to-level-up-your-skills
Openreplay
Best 7 Practice Projects to Level Up your Skills
Use these project to become a better developer
❤1