Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js
23.1K subscribers
2.22K photos
127 videos
38 files
4.65K links
Все самое полезное для фронтенда в одном канале.

По рекламе: @proglib_adv

Учиться у нас: https://proglib.io/w/77178ed4

Для обратной связи: @proglibrary_feeedback_bot

РКН: https://gosuslugi.ru/snet/67a5b6884689c2151c820bb4
加入频道
💡 Знаете ли вы, что мы можем разместить кнопку отправки формы за пределами формы?

В большинстве случаев кнопка отправки находится внутри тега <form>, но иногда, из-за особенностей макета или других причин, её можно разместить снаружи. Просто используйте атрибуты form и id.

#html #tip by Shripal Soni
💡 Простой способ сортировки без учета регистра в JavaScript: на заметку фронтенд-разработчику

#javascript #tip by Shripal Soni
💡 Простой способ замены элемента в массиве на JavaScript: на заметку фронтенд-разработчику

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

#javascript #css #tip by Shripal Soni
This media is not supported in your browser
VIEW IN TELEGRAM
💡 Как легко создать аккордеон без использования JavaScript: на заметку фронтенд-разработчику

#html #tip by Shripal Soni
💡Простой способ добавить кастомные проверки форм с помощью JavaScript-метода setCustomValidity(): на заметку фронтенд-разработчику

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

#javascript #tip by Shripal Soni
Please open Telegram to view this post
VIEW IN TELEGRAM
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
💡 Простая формула для вычисления радиуса вложенной границы: на заметку фронтенд-разработчику

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

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

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

#css #tip by Shripal Soni
Please open Telegram to view this post
VIEW IN TELEGRAM
💡 Кстати, CSS-псевдокласс :where() используется для одновременного применения одного и того же стиля ко всем элементам в скобках. Он требует в качестве аргумента список селекторов, разделённых запятыми.

#css #tip
Лучший способ получить/установить поле ввода со значением даты с помощью JavaScript

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

#javascript #tip by Shripal Soni
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
💡 Использование сокращенной записи для определения всех четырех позиций в CSS

#css #tip by Shripal Soni
This media is not supported in your browser
VIEW IN TELEGRAM
Indeterminate checkbox

С помощью свойства indeterminate в JavaScript и псевдокласса :indeterminate в CSS можно легко управлять и кастомизировать чекбоксы для улучшения UX.

#css #javascript #tip by Shripal Soni
This media is not supported in your browser
VIEW IN TELEGRAM
💡Простой способ отключить группу элементов управления формы одновременно с помощью HTML

#html #tip by Shripal Soni
💡 7 способов скрыть элементы с помощью CSS: основные достоинства и недостатки

#css #tip by Shripal Soni
💡 Кастомизируйте вывод c помощью JSON.stringify()

Передайте функцию замены в формате JSON.stringify(data, replacer?, space?), чтобы настроить выходные данные.

#javascript #tip by Shripal Soni