Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

💡Простой способ обработки темной/светлой цветовой схемы с помощью light-dark(): на заметку фронтенд-разработчику

#css #tip by Shripal Soni

🔥15❤4👍3

4.83K viewsedited 11:16

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

💡Простой способ использования свойства gap для макета flexbox

#css #tip by Shripal Soni

Please open Telegram to view this post

VIEW IN TELEGRAM

👍17🥱10

4.63K viewsedited 20:40

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

💡 Простой способ изменения стиля кнопки выбора файлов с помощью CSS: на заметку фронтенд-разработку

➡️ Поиграть можно здесь

#css #tip by Shripal Soni

Please open Telegram to view this post

VIEW IN TELEGRAM

👍20⚡3

4.42K viewsedited 19:55

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

💡Мы не можем изменить цвет внешней SVG-иконки с помощью свойств fill/storke, но есть способ сделать это с помощью CSS mask

#css #tip by Shripal Soni

Please open Telegram to view this post

VIEW IN TELEGRAM

❤18👍3🔥3

4.07K viewsedited 18:17

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

This media is not supported in your browser

VIEW IN TELEGRAM

💡

Простой способ получения доступа к любому значению атрибута в виде строки с помощью CSS: на заметку фронтенд-разработчику

➡️ Поиграть можно здесь

#css #tip by Shripal Soni

Please open Telegram to view this post

VIEW IN TELEGRAM

👍22

4.55K viewsedited 19:37

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

💡 Использовать новые функции CSS и применять резервные стили в неподдерживаемых браузерах можно с помощью правила supports. То же самое можно сделать и в JavaScript.

#javascript #css #tip by Shripal Soni

👏15🎉4

4.17K views07:25

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

0:06

This media is not supported in your browser

VIEW IN TELEGRAM

💡

Простой способ анимации иконки при нажатии/фокусе: на заметку фронтенд-разработчику

👉 Поиграть можно здесь

#css #tip by Shripal Soni

Please open Telegram to view this post

VIEW IN TELEGRAM

👍19

3.6K viewsedited 19:54

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

💡 Простая формула для вычисления радиуса вложенной границы: на заметку фронтенд-разработчику

👉 Поиграть можно здесь

#css #tip by Shripal Soni

👍32🔥7❤2

3.93K views20:12

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

💡 В CSS можно сделать attribute selector регистронезависимым: на заметку фронтенд-разработчику

👉 Поиграть можно здесь

#css #tip by Shripal Soni

Please open Telegram to view this post

VIEW IN TELEGRAM

👍23😁3🔥1🥱1

3.94K viewsedited 13:08

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

💡 Кстати, CSS-псевдокласс :where() используется для одновременного применения одного и того же стиля ко всем элементам в скобках. Он требует в качестве аргумента список селекторов, разделённых запятыми.

#css #tip

👍45👾3

3.94K viewsedited 19:43

About

Blog

Apps

Platform