Frontend

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

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/

Расширенные Анимации С Помощью CSS Linear()

https://blog.openreplay.com/advanced-animations-with-css-linear/

Напишите более производительный CSS

https://css-triggers.com/

Неоспоримая полезность CSS:has

https://www.joshwcomeau.com/css/has

HTMX 2.0 Уже Здесь: Все, Что Вам Нужно Знать О Нем

https://blog.openreplay.com/htmx-2-0-is-here

Ресурсы фронтенда V2! 🚀

Эта коллекция содержит широкий спектр инструментов, которые охватывают все: от создания потрясающих пользовательских интерфейсов до тонкой настройки производительности и многого другого. Эти ресурсы были бесценны в моих собственных проектах, и я рад поделиться ими с вами. Надеюсь, они будут так же полезны для вас, как и для меня! https://dev.to/miguelrodriguezp99/frontend-resources-v2-57mj

Отображение содержимого CSS

Узнайте, как использовать отображаемое содержимое для создания более гибких макетов. https://ishadeed.com/article/display-contents/

Типы и интерфейсы в TypeScript

У нас есть два варианта определения типов в TypeScript: типы и интерфейсы. Один из наиболее часто задаваемых вопросов о TypeScript — следует ли нам использовать интерфейсы или типы.

Ответ на этот вопрос, как и на многие вопросы программирования, заключается в том, что это зависит. В некоторых случаях один имеет явное преимущество над другим, но во многих случаях они взаимозаменяемы.

В этой статье я рассмотрю основные различия и сходства между типами и интерфейсами, а также рассмотрю, когда целесообразно использовать каждый из них. https://blog.logrocket.com/types-vs-interfaces-typescript

Мы все знаем, что CSS раньше был самой сложной частью веб-разработки. Однако в наши дни он стал еще сложнее.

Вы не поверите, но теперь CSS может определять свойства, выполнять математические вычисления и даже напрямую получать размер окна! Эта статья покажет вам, как это сделать. https://dev.to/leapcell/get-screen-size-in-pure-css-3kna