Узнайте о проблемах использования полей в CSS, преимуществах использования свойства «пробел» и альтернативах, которые следует учитывать для управления интервалами в ваших макетах.
https://ishadeed.com/article/the-gap
https://ishadeed.com/article/the-gap
Ishadeed
The Gap
An exploration of the pain points that CSS gap solves.
This media is not supported in your browser
VIEW IN TELEGRAM
Пользовательский ползунок диапазона c css
https://www.bram.us/2024/06/06/css-only-custom-range-slider-with-motion
https://www.bram.us/2024/06/06/css-only-custom-range-slider-with-motion
Посмотрите, как я решил проблему дизайна с помощью CSS Cap Unit.
https://ishadeed.com/article/css-cap-unit
https://ishadeed.com/article/css-cap-unit
Ishadeed
CSS Cap Unit
A look at how I solved a design problem with CSS cap unit.
Безопасность JavaScript: простые методы защиты вашего интерфейса
https://dev.to/buildwebcrumbs/javascript-security-simple-practices-to-secure-your-frontend-18ii
Полезные советы и методы CSS
https://www.smashingmagazine.com/2024/06/css-tips-and-techniques
Топ-5 лучших практик React, которые должен знать каждый разработчик
Изучите составное программное обеспечение, управление состоянием, неизменяемость, методы жизненного цикла, перехватчики и оптимизацию.
https://blog.bitsrc.io/react-best-practices-55aca2f38606
Как использовать CSS-макеты для адаптивных веб-сайтов
https://www.lambdatest.com/blog/css-layouts
https://dev.to/buildwebcrumbs/javascript-security-simple-practices-to-secure-your-frontend-18ii
Полезные советы и методы CSS
https://www.smashingmagazine.com/2024/06/css-tips-and-techniques
Топ-5 лучших практик React, которые должен знать каждый разработчик
Изучите составное программное обеспечение, управление состоянием, неизменяемость, методы жизненного цикла, перехватчики и оптимизацию.
https://blog.bitsrc.io/react-best-practices-55aca2f38606
Как использовать CSS-макеты для адаптивных веб-сайтов
https://www.lambdatest.com/blog/css-layouts
DEV Community
JavaScript Security: Simple Practices to Secure Your Frontend
I don't know about you, but I started my career as a front-end developer working in a small agency,...
Живые демонстрации автономных веб-компонентов
https://frontendmasters.com/blog/live-demos-of-stand-alone-web-components/
https://frontendmasters.com/blog/live-demos-of-stand-alone-web-components/
Frontendmasters
Live Demos of Stand Alone Web Components – Frontend Masters Boost
This media is not supported in your browser
VIEW IN TELEGRAM
input, textarea { field-sizing: content; }
Автоматическое изменение размера ввода текста с помощью одной строки CSS
Автоматическое изменение размера ввода текста с помощью одной строки CSS
Готовимся к вопросам по вёрстке на интервью Frontend-разработчика: «Как скрыть элемент доступно?»
Я продолжаю отвечать на вопросы по вёрстке из собеседований на должность фронтендера. Если я где-то ошибаюсь, вы поправляете меня в комментариях. Таким способом я учусь у вас, а вы у меня.
Сегодня я отвечу на следующий вопрос: «Как скрыть элемент с помощью CSS доступно?» https://habr.com/ru/companies/ruvds/articles/819233/
Я продолжаю отвечать на вопросы по вёрстке из собеседований на должность фронтендера. Если я где-то ошибаюсь, вы поправляете меня в комментариях. Таким способом я учусь у вас, а вы у меня.
Сегодня я отвечу на следующий вопрос: «Как скрыть элемент с помощью CSS доступно?» https://habr.com/ru/companies/ruvds/articles/819233/
Хабр
Готовимся к вопросам по вёрстке на интервью Frontend-разработчика: «Как скрыть элемент доступно?»
Привет, Хабр. Я продолжаю отвечать на вопросы по вёрстке из собеседований на должность фронтендера. Если я где-то ошибаюсь, вы поправляете меня в комментариях. Таким способом я учусь у вас, а вы у...
This media is not supported in your browser
VIEW IN TELEGRAM
Генератор разделителей секций
Demo: https://wweb.dev/resources/css-separator-generator
Code: https://github.com/wwebdev/separator-generator
Demo: https://wweb.dev/resources/css-separator-generator
Code: https://github.com/wwebdev/separator-generator
Создание пользовательского интерфейса в стиле Fallout с использованием современного CSS
https://www.codemotion.com/magazine/frontend/creating-a-fallout-style-ui-using-modern-css
https://www.codemotion.com/magazine/frontend/creating-a-fallout-style-ui-using-modern-css
Codemotion Magazine
Creating a Fallout-Style UI Using Modern CSS
Discover how to create Fallout Pip-Boy 3000-inspired UI with unexplored uses of modern CSS. Don't miss this atomic guide!
Сегодня я попробовал React Compiler, и угадайте, что… 😉
https://adevnadia.medium.com/i-tried-react-compiler-today-and-guess-what-c0570ce10ecc
https://adevnadia.medium.com/i-tried-react-compiler-today-and-guess-what-c0570ce10ecc
Medium
I tried React Compiler today, and guess what… 😉
Investigating whether we can forget about memoization in React, now that the React Compiler is open-sourced.
Несколько экспериментов с использованием Anchor Positioning для создания причудливых эффектов при наведении.
https://css-tip.com/hover-anchor-positionning
https://css-tip.com/hover-anchor-positionning
Css-Tip
Fancy hover effect with anchor positioning
Create a navigation menu with a cool hover effect
Forwarded from REact
freeCodeCamp.org
What's New in React 19
React 19 has just been released, bringing a wealth of new features and enhancements to this popular JavaScript library. For developers looking to stay ahead of the curve, understanding these updates is crucial. This course is designed to help you nav...
Микрофункции, которые мне нравятся в блогах и на личных веб-сайтах
https://danilafe.com/blog/blog_microfeatures/
https://danilafe.com/blog/blog_microfeatures/
Danilafe
Microfeatures I Love in Blogs and Personal Websites
In this post, I talk about pleasant but seemingly minor features in personal sites
Эту статью стоит прочитать тем, кто впервые сталкивается с Set в JavaScript и хочет узнать, как использовать эти новые методы JavaScript.
https://developer.mozilla.org/en-US/blog/javascript-set-methods
https://developer.mozilla.org/en-US/blog/javascript-set-methods
MDN Web Docs
New JavaScript Set methods | MDN Blog
New JavaScript Set methods are landing across browsers. Learn about sets, how you can use these methods to compare different sets, create new sets with specific properties, and more.