👉 Поиграть можно здесь
#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
👍21❤6
💡 Использование сокращенной записи для определения всех четырех позиций в CSS
#css #tip by Shripal Soni
#css #tip by Shripal Soni
👍21
This media is not supported in your browser
VIEW IN TELEGRAM
✅ Indeterminate checkbox
С помощью свойства
#css #javascript #tip by Shripal Soni
С помощью свойства
indeterminate
в JavaScript и псевдокласса :indeterminate
в CSS можно легко управлять и кастомизировать чекбоксы для улучшения UX.#css #javascript #tip by Shripal Soni
❤21👍5
This media is not supported in your browser
VIEW IN TELEGRAM
💡Простой способ отключить группу элементов управления формы одновременно с помощью HTML
#html #tip by Shripal Soni
#html #tip by Shripal Soni
👍32❤3
💡 7 способов скрыть элементы с помощью CSS: основные достоинства и недостатки
#css #tip by Shripal Soni
#css #tip by Shripal Soni
👍23👏3
💡 Кастомизируйте вывод c помощью JSON.stringify()
Передайте функцию замены в формате
#javascript #tip by Shripal Soni
Передайте функцию замены в формате
JSON.stringify(data, replacer?, space?)
, чтобы настроить выходные данные.#javascript #tip by Shripal Soni
👍25🥱2
This media is not supported in your browser
VIEW IN TELEGRAM
💡Реализация чистых разрывов строк для длинных URL-адресов с помощью HTML-элемента <wbr>
#html #tip by Shripal Soni
#html #tip by Shripal Soni
❤16👍12🔥5🎉1
💡 Использование currentColor в CSS для избежания дублирования кода, связанного с указанием цвета
#css #tip by Shripal Soni
#css #tip by Shripal Soni
👏20
Шпаргалка для фронтенд-разработчика.
#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
👍19
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
👍10
Простой способ использования CSS-свойства shape-outside для создания обтекания текста вокруг фигур нестандартной формы.
✨ В Firefox DevTools есть интерактивный инструмент для редактирования/отладки контуров фигур, созданных с использованием свойств
shape-outside
/clip-path
.#css #tip by Shripal Soni
Please open Telegram to view this post
VIEW IN TELEGRAM
👍16🤩4👏1
Приложения часто состоят из нескольких подсистем или компонентов, каждый из которых имеет свой собственный набор сообщений в логах. При отладке такого приложения может быть сложно найти нужные логи в консоли.
console.context()
может помочь в этом. Он является экспериментальным и доступен только в браузерах на базе Chromium, но это хороший шаг в правильном направлении.const myComponentLogger = console.context("name-of-my-component");
myComponentLogger.log("This is a log message from my component");
myComponentLogger.warn("This is a warning message from my component");
#devtools #tip
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥24🥰3❤1👍1
This media is not supported in your browser
VIEW IN TELEGRAM
isolation: isolate
помогает избежать неожиданных проблем со слоями (z-index
) и позволяет группировать элементы в свой стековый контекст без вмешательства других элементов страницы.#css #tip by Shripal Soni
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥21❤2