This media is not supported in your browser
VIEW IN TELEGRAM
Заголовок поля смещается как только начинают вводить данные.
Примеры применения:
- поиск фамилии в списках;
- поиск контакта для денежного перевода.
#css #формы
📌 Код
@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
👍22❤5🔥5
⚡️ Полезная шпаргалка по относительным единицам измерения CSS.
Здесь наглядно видно, чем отличается em от rem. Сохраните её, чтобы не забыть.
#шпаргалка #css
@javascriptv
Здесь наглядно видно, чем отличается em от rem. Сохраните её, чтобы не забыть.
#шпаргалка #css
@javascriptv
👍29🔥7❤4😱1
This media is not supported in your browser
VIEW IN TELEGRAM
💥 Карточки принимают 3D-форму при наведении на соцсети.
#css #карточки #соцсети #hover
https://codepen.io/CryBaby2003/pen/dyMLJQZ
@javascriptv
#css #карточки #соцсети #hover
https://codepen.io/CryBaby2003/pen/dyMLJQZ
@javascriptv
👍20🔥7❤3👏2👎1😁1🤬1
⭐️ Roadmap для веб-разработчиков
Один из самых красивых роадмэпов, который я когда-либо видел, создал разработчик из Дании.
Он составил интерактивную дорожную карту для веб-разработчиков.
К каждому пункту прилагаются ссылки на ресурсы, где можно изучить или подтянуть соответствующую тему.
Это отличный способ организовать обучение и следить за своим прогрессом в веб-разработке.
https://andreasbm.github.io/web-skills/
@javascriptv
#roadmap #web #js #html #css
Один из самых красивых роадмэпов, который я когда-либо видел, создал разработчик из Дании.
Он составил интерактивную дорожную карту для веб-разработчиков.
К каждому пункту прилагаются ссылки на ресурсы, где можно изучить или подтянуть соответствующую тему.
Это отличный способ организовать обучение и следить за своим прогрессом в веб-разработке.
https://andreasbm.github.io/web-skills/
@javascriptv
#roadmap #web #js #html #css
👍22🔥9❤4
This media is not supported in your browser
VIEW IN TELEGRAM
🛹 Стильный скейтлоадер для ваших проектов
#прелоадер #ожидание #загрузка #css #html
https://codepen.io/PedroFSD/pen/QWyjgQX
#прелоадер #ожидание #загрузка #css #html
https://codepen.io/PedroFSD/pen/QWyjgQX
👍17🔥8❤2
This media is not supported in your browser
VIEW IN TELEGRAM
Table tenniCSS
Создано на HTML и SCSS, без использования JS.
#css
https://codepen.io/amit_sheen/pen/PobQjMX
Создано на HTML и SCSS, без использования JS.
#css
https://codepen.io/amit_sheen/pen/PobQjMX
😱19👍14🔥3❤1
🚀 StyleX — Open Source Styling Library for CSS at Scale!
Facebook представили StyleX - систему стилизации, сочетающую удобство CSS-in-JS с производительностью статического CSS.
Она генерирует коллизионно-устойчивые атомарные стили и позволяет писать выразительный, типобезопасный и сверхбыстрый код.
StyleX уже используется во всех продуктах компании.
Главная идея - компиляция стилей во время сборки, чтобы CSS-код не рос вместе с приложением.
👉 Подробнее: https://engineering.fb.com/2025/11/11/web/stylex-a-styling-library-for-css-at-scale
⚡️ Github: https://github.com/facebook/stylex
@javascriptv
#WebDev #CSS #StyleX #OpenSource
Facebook представили StyleX - систему стилизации, сочетающую удобство CSS-in-JS с производительностью статического CSS.
Она генерирует коллизионно-устойчивые атомарные стили и позволяет писать выразительный, типобезопасный и сверхбыстрый код.
StyleX уже используется во всех продуктах компании.
Главная идея - компиляция стилей во время сборки, чтобы CSS-код не рос вместе с приложением.
👉 Подробнее: https://engineering.fb.com/2025/11/11/web/stylex-a-styling-library-for-css-at-scale
⚡️ Github: https://github.com/facebook/stylex
@javascriptv
#WebDev #CSS #StyleX #OpenSource
👍5🔥2❤1