Как создать таймер CSS
Бывают случаи , когда мы можем использовать таймер на веб-сайтах. 😉
Возможно, мы хотим назначить время для викторины или оказать давление на опрос. Возможно, мы просто пытаемся запустить обратный отсчет после того, как пользователь совершил что-то важное, например успешно забронировал билет на концерт. https://frontendmasters.com/blog/how-to-make-a-css-timer
Бывают случаи , когда мы можем использовать таймер на веб-сайтах. 😉
Возможно, мы хотим назначить время для викторины или оказать давление на опрос. Возможно, мы просто пытаемся запустить обратный отсчет после того, как пользователь совершил что-то важное, например успешно забронировал билет на концерт. https://frontendmasters.com/blog/how-to-make-a-css-timer
Frontendmasters
How to Make a CSS Timer – Frontend Masters Boost
Let's look at using CSS as an efficient alternative to JavaScript for creating simple timers. We'll use modern CSS properties like @property, @keyframes, and pseudo-elements with counter() values.
Grid Garden — это веб-игра, которая помогает пользователям изучать сетку CSS, решая головоломки и применяя свойства сетки. https://cssgridgarden.com/
Cssgridgarden
Grid Garden
A game for learning CSS grid layout
Узнайте о проблемах использования полей в 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...