Colorize экономит время и нервы при проверке цветов в макете. Бывает, что после написания стилей заказчик просит добавить больше красного. Вы открываете файл и видите только #E54320, #DA2F0A и #F0890E. Приходится гуглить, что это за цвета.
Расширение Colorize решает эту проблему: вы сразу видите, какие цвета в вашем CSS, LESS или Sass-файле.
Made in HTML/CSS
Расширение Colorize решает эту проблему: вы сразу видите, какие цвета в вашем CSS, LESS или Sass-файле.
Made in HTML/CSS
👍7
В JavaScript оператор + можно использовать для преобразования строк и булевых значений в числа.
Этот метод является простым и удобным способом выполнения таких преобразований.
Made in HTML/CSS
Этот метод является простым и удобным способом выполнения таких преобразований.
Made in HTML/CSS
👍7
Sniper CSS — расширение для Chrome, помогающее находить неиспользуемые CSS-стили. Оно анализирует все CSS-правила, включая медиазапросы, псевдосостояния (hover, focus, active), CSS-анимации и keyframes, а также учитывает prefers-motion, pointer и другие пользовательские предпочтения. Плагин может эмулировать различные сценарии (темы, User Agents) для более точного анализа. Это упрощает оптимизацию CSS и повышает производительность веб-приложений.
Made in HTML/CSS
Made in HTML/CSS
👍8
Что такое прототипное наследование?
У каждого объекта в JavaScript есть свойство - прототип. Методы и свойства могут быть добавлены в прототип. На основе прототипа могут быть созданы и другие объекты. Созданный объект автоматически наследует методы и свойства своего прототипа. Если в объекте отсутствует свойство, то его поиск будет выполнен в прототипе.
Made in HTML/CSS
У каждого объекта в JavaScript есть свойство - прототип. Методы и свойства могут быть добавлены в прототип. На основе прототипа могут быть созданы и другие объекты. Созданный объект автоматически наследует методы и свойства своего прототипа. Если в объекте отсутствует свойство, то его поиск будет выполнен в прототипе.
Made in HTML/CSS
👍7
JavaScript Event KeyCodes — получаем KeyCode любой нажатой клавиши, пригодится в приложениях, которые обрабатывают ввод с клавиатуры.
Made in HTML/CSS
Made in HTML/CSS
🔥4👍2
В JavaScript преобразование числа в строку можно выполнить различными способами. Один из таких способов — использование оператора + для конкатенации числа с пустой строкой.
Это быстрый и простой метод, который часто используется для преобразования типов.
Made in HTML/CSS
Это быстрый и простой метод, который часто используется для преобразования типов.
Made in HTML/CSS
👍5🔥2
Creatie – это бесплатная ИИ-платформа для разработки, аудита и улучшения UI/UX, представляющая собой продвинутую альтернативу инструментам вроде Figma. Платформа предлагает широкий набор функций, которые значительно облегчают процесс создания и оптимизации интерфейсов.
Made in HTML/CSS
Made in HTML/CSS
👍4🔥2
Что такое Shadow DOM?
Shadow DOM — это набор веб-стандартов, который позволяет инкапсулировать структуру и стили элементов на веб-странице. Он представляет собой специальный сегмент модели DOM, который находится внутри элемента и отделен от остальной части страницы. Shadow DOM используется для создания компонентов и виджетов с изолированным и стилизованным контентом, который не конфликтует с общей структурой страницы.
Made in HTML/CSS
Shadow DOM — это набор веб-стандартов, который позволяет инкапсулировать структуру и стили элементов на веб-странице. Он представляет собой специальный сегмент модели DOM, который находится внутри элемента и отделен от остальной части страницы. Shadow DOM используется для создания компонентов и виджетов с изолированным и стилизованным контентом, который не конфликтует с общей структурой страницы.
Made in HTML/CSS
👍7
Regex101 — сервис, позволяющий деконструировать чужие регэкспы и объяснить функцию каждого оператора. Ссылки на объяснения можно размещать прямо в комментариях к коду для удобства работы в команде.
Так же можно протестировать свой код, получая при этом в реальном времени полное объяснение, как обрабатывается искомый запарос. Ну и да, на сайцте есть справочная информация и раздел с вопросами для тех, кто только входит в мир «регулярок».
🌐Подробнее
Made in HTML/CSS
Так же можно протестировать свой код, получая при этом в реальном времени полное объяснение, как обрабатывается искомый запарос. Ну и да, на сайцте есть справочная информация и раздел с вопросами для тех, кто только входит в мир «регулярок».
🌐Подробнее
Made in HTML/CSS
🔥6👍1
Методы flat() и flatMap() в JavaScript упрощают работу с вложенными массивами:
flat(): Убирает указанное количество уровней вложенности.
flatMap(): Применяет функцию к элементам и уплощает результат на один уровень.
Made in HTML/CSS
flat(): Убирает указанное количество уровней вложенности.
flatMap(): Применяет функцию к элементам и уплощает результат на один уровень.
Made in HTML/CSS
👍6🔥1
Конструктор Icon Maker, предоставляет удобные инструменты для создания и редактирования иконок для различных целей, включая веб-сайты, приложения и социальные сети.
Made in HTML/CSS
Made in HTML/CSS
👍4🔥2
Что такое рекурсия? Как им пользоваться?
Рекурсия — это подход к решению проблем, при котором функция решает проблему, повторно используя себя в своем собственном теле функции. Проще говоря, это когда функция вызывает саму себя.
Рекурсивная функция состоит из:
- Условного завершения или базового случая
- Рекурсивного шага (способ свести проблему к более простым формам)
Made in HTML/CSS
Рекурсия — это подход к решению проблем, при котором функция решает проблему, повторно используя себя в своем собственном теле функции. Проще говоря, это когда функция вызывает саму себя.
Рекурсивная функция состоит из:
- Условного завершения или базового случая
- Рекурсивного шага (способ свести проблему к более простым формам)
Made in HTML/CSS
👍3🔥3
Отдаём на вход неформатированный JSON, получаем на выходе отформатированный.
Бонусом проверка на валидность по трём разным RFC и ECMA-404.
Made in HTML/CSS
Бонусом проверка на валидность по трём разным RFC и ECMA-404.
Made in HTML/CSS
👍4🔥2
Скевоморфизм — это тенденция в дизайне, в основе которой лежит реалистичное изображение объектов. Элементы, выполненные в этой стилистике, отличает достаточно точная имитация внешнего вида и образа оригинальных предметов из реальной жизни.
Задача скевоморфизма — создать метафору, которую пользователь сможет безошибочно считать, чтобы упростить знакомство с новым устройством или интерфейсом
Made in HTML/CSS
Задача скевоморфизма — создать метафору, которую пользователь сможет безошибочно считать, чтобы упростить знакомство с новым устройством или интерфейсом
Made in HTML/CSS
🔥5👍1
JSON Placeholder — бесплатный REST API, который можно использовать для тестирования, когда вам нужны какие-нибудь фейковые данные в проекте.
🌐Подробнее
Made in HTML/CSS
🌐Подробнее
Made in HTML/CSS
🔥4👍2
Методы Array.from() и Array.of() помогают легко создавать массивы.
Array.from() преобразует итерируемые объекты, такие как множества или строки, в массивы.
Array.of() создает массив из переданных аргументов.
Made in HTML/CSS
Array.from() преобразует итерируемые объекты, такие как множества или строки, в массивы.
Array.of() создает массив из переданных аргументов.
Made in HTML/CSS
👍7🔥2
TypeScript Hero — это расширение для Visual Studio Code, которое упрощает работу с TypeScript. Оно позволяет быстро искать и вставлять операторы импорта, организовывать импорт и без проблем переходить между файлами, классами и функциями в проекте
Made in HTML/CSS
Некоторые функции расширения:
- Интеллектуальное завершение кода.
- Автоматический импорт.
- Инструменты для рефакторинга.
Made in HTML/CSS
👍4🔥3
В чем разница между выражением функции и объявлением функции?
Объявление функции и выражение функции — это два различных способа определения функций в JavaScript
Объявление функции — это способ определения функции с использованием ключевого слова function
Выражение функции — это способ определения функции в контексте выражения, например, присваивания её переменной
Made in HTML/CSS
Объявление функции и выражение функции — это два различных способа определения функций в JavaScript
Объявление функции — это способ определения функции с использованием ключевого слова function
Выражение функции — это способ определения функции в контексте выражения, например, присваивания её переменной
Основное различие между объявлением функции и выражением функции заключается в предварительном объявлении. Объявления функций обрабатываются до выполнения блока кода, что делает их доступными для вызова до их определения. В то же время, выражения функций создаются только тогда, когда выполнение кода достигает их.
Made in HTML/CSS
👍6🔥2
Bundlephobia — наглядно показывает, какие зависимости притянет npm-пакет. Можно загрузить package.json и проверить его.
Это полезно, ведь мы тонем в зависимостях и нам это нравится.
🌐Подробнее
Made in HTML/CSS
Это полезно, ведь мы тонем в зависимостях и нам это нравится.
🌐Подробнее
Made in HTML/CSS
👍4🔥2
Проблема заключается в том, что доступ к свойствам объектов, передаваемых в обратные вызовы, может быть громоздким.
Решение состоит в использовании деструктуризации параметров в обратных вызовах, что позволяет напрямую обращаться к свойствам объектов и делает код более чистым и лаконичным.
Made in HTML/CSS
Решение состоит в использовании деструктуризации параметров в обратных вызовах, что позволяет напрямую обращаться к свойствам объектов и делает код более чистым и лаконичным.
Made in HTML/CSS
👍7🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
Dendron — это инструмент для управления знаниями и создания заметок, который помогает организовать информацию и улучшить продуктивность. Он работает на основе файловой системы и использует текстовые файлы в формате Markdown, что делает его совместимым c Visual Studio Code
Dendron особенно полезен для тех, кто работает с большими объемами информации и нуждается в эффективной системе для их организации и поиска.
Made in HTML/CSS
Dendron особенно полезен для тех, кто работает с большими объемами информации и нуждается в эффективной системе для их организации и поиска.
Made in HTML/CSS
👍3🔥3