Скевоморфизм — это тенденция в дизайне, в основе которой лежит реалистичное изображение объектов. Элементы, выполненные в этой стилистике, отличает достаточно точная имитация внешнего вида и образа оригинальных предметов из реальной жизни.
Задача скевоморфизма — создать метафору, которую пользователь сможет безошибочно считать, чтобы упростить знакомство с новым устройством или интерфейсом
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
Что такое функции конструктора?
Функции-конструкторы — это обычные функции, которые используются для создания объектов. Однако есть два правила их использования:
- Имя функции-конструктора должно начинаться с заглавной буквы.
- Функция-конструктор должна вызываться с помощью оператора new.
Made in HTML/CSS
Функции-конструкторы — это обычные функции, которые используются для создания объектов. Однако есть два правила их использования:
- Имя функции-конструктора должно начинаться с заглавной буквы.
- Функция-конструктор должна вызываться с помощью оператора new.
При создании функции-конструктора с использованием оператора new происходит следующее:
- Создается новый пустой объект, которому присваивается новый пустой объект.
- Выполняется код внутри функции-конструктора. Как правило, этот код изменяет объект this и добавляет новые свойства.
- Возвращается значение this.
Made in HTML/CSS
🔥5👍3
TinyPNG — cжимает WebP, PNG и JPG и не портит картинки. Можно использовать для создания превьюшек.
Есть плагин для Фотошопа.
🌐Подробнее
Made in HTML/CSS
Есть плагин для Фотошопа.
🌐Подробнее
Made in HTML/CSS
🔥6👍4👨💻1
При работе с функциями, которые могут принимать опциональные коллбэки (функции обратного вызова), возникает необходимость проверять их наличие перед вызовом.
Это связано с тем, что попытка вызвать несуществующую функцию приведет к ошибке.
Решением проблемы является использование сокращенного вычисления (short-circuit evaluation). В данном случае перед вызовом коллбэка выполняется проверка его существования. Если коллбэк существует (не равен null или undefined), он вызывается; в противном случае ничего не происходит.
Made in HTML/CSS
Это связано с тем, что попытка вызвать несуществующую функцию приведет к ошибке.
Решением проблемы является использование сокращенного вычисления (short-circuit evaluation). В данном случае перед вызовом коллбэка выполняется проверка его существования. Если коллбэк существует (не равен null или undefined), он вызывается; в противном случае ничего не происходит.
Made in HTML/CSS
👍5🔥4
Адаптивная flex-сетка на CSS: разбираем реализацию на атомы
Статья посвящена созданию адаптивной flex-сетки на CSS с использованием SCSS. Автор фокусируется на практической реализации. Основная идея заключается в разделении страницы на определенное количество колонок, где каждый элемент может занимать нужное ему количество этих колонок.
🌐 Читать статью
Made in HTML/CSS
Статья посвящена созданию адаптивной flex-сетки на CSS с использованием SCSS. Автор фокусируется на практической реализации. Основная идея заключается в разделении страницы на определенное количество колонок, где каждый элемент может занимать нужное ему количество этих колонок.
🌐 Читать статью
Made in HTML/CSS
👍5🔥1👨💻1
Основные отличия функции-конструктора от класса в JavaScript:
- Синтаксис: Функция-конструктор использует function, класс — class.
- Прототипы: Функции добавляют методы на прототип объекта, классы объявляют методы внутри, автоматически добавляя их в прототип.
- Наследование: Классы используют extends для наследования, функции требуют ручного управления прототипами.
- Область видимости: Переменные внутри функций видны только в функции, в классах — только в классе.
- Удобство: Классы предоставляют более удобный синтаксис для создания объектов и настройки свойств и методов.
Made in HTML/CSS
- Синтаксис: Функция-конструктор использует function, класс — class.
- Прототипы: Функции добавляют методы на прототип объекта, классы объявляют методы внутри, автоматически добавляя их в прототип.
- Наследование: Классы используют extends для наследования, функции требуют ручного управления прототипами.
- Область видимости: Переменные внутри функций видны только в функции, в классах — только в классе.
- Удобство: Классы предоставляют более удобный синтаксис для создания объектов и настройки свойств и методов.
Made in HTML/CSS
👍7
Squoosh от Google является сервисом для сжатия изображений.
Инструмент позволяет использовать расширенные параметры, предоставляемые различными компрессорами изображений.
Меняем настройки, двигаем ручку, смотрим, что ничего не сломалось.
🌐Подробнее
Made in HTML/CSS
Инструмент позволяет использовать расширенные параметры, предоставляемые различными компрессорами изображений.
Меняем настройки, двигаем ручку, смотрим, что ничего не сломалось.
🌐Подробнее
Made in HTML/CSS
👍4🔥2
Преобразование функций, основанных на коллбэках, в промисы может быть громоздким, поэтому используется утилита promisify, которая автоматически оборачивает коллбэк-функцию в промис, позволяя удобно работать с асинхронным кодом через .then/.catch или async/await, что делает код более читаемым и совместимым с современными подходами.
Made in HTML/CSS
Made in HTML/CSS
👍3🔥3
Как работать с JSON в веб-разработке?
Статья посвящена работе с JSON в веб-разработке и анализу распространенных ошибок, которые могут привести к сбоям или длительным простоем сайта.
🌐 Читать статью
Made in HTML/CSS
Статья посвящена работе с JSON в веб-разработке и анализу распространенных ошибок, которые могут привести к сбоям или длительным простоем сайта.
JSON - это формат обмена данными между клиентом и сервером, представленный текстовой строкой с определенной структурой.
🌐 Читать статью
Made in HTML/CSS
👍5🔥1
Что такое генераторы?
Генераторы в JavaScript — это специальный тип функций, который позволяет вам приостанавливать и возобновлять выполнение функции. Они полезны для работы с асинхронным кодом, обработки потоков данных и создания итераторов
Made in HTML/CSS
Генераторы в JavaScript — это специальный тип функций, который позволяет вам приостанавливать и возобновлять выполнение функции. Они полезны для работы с асинхронным кодом, обработки потоков данных и создания итераторов
Для объявления генератора используется специальный синтаксис - функция генератора.
next() является основным методом генератора. При вызове next() начинает выполнение кода до ближайшего оператора yield. Значение может отсутствовать, в этом случае оно представляется как неопределенное. Когда доходность достигнута, выполнение функции приостанавливается, и соответствующее значение возвращается внешнему коду.
Made in HTML/CSS
👍5🔥1
Image Upscaler — нейросетевой увеличитель изображений, если вам досталась маленькая картинка, а дизайнер уже в отпуске.
🌐Подробнее
Made in HTML/CSS
🌐Подробнее
Made in HTML/CSS
🔥5👍1
Синтаксис async/await позволяет писать асинхронный код в стиле, похожем на синхронный, что делает его более читаемым и удобным для сопровождения.
Вместо использования цепочек промисов с .then/.catch, ключевое слово await приостанавливает выполнение функции до завершения асинхронной операции, а async делает функцию возвращающей промис. Например, функция fetchData использует await для последовательного получения данных из сети и их обработки, оборачивая всё в блок try/catch для обработки ошибок. Это упрощает восприятие кода и снижает его многословность.
Made in HTML/CSS
Вместо использования цепочек промисов с .then/.catch, ключевое слово await приостанавливает выполнение функции до завершения асинхронной операции, а async делает функцию возвращающей промис. Например, функция fetchData использует await для последовательного получения данных из сети и их обработки, оборачивая всё в блок try/catch для обработки ошибок. Это упрощает восприятие кода и снижает его многословность.
Made in HTML/CSS
👍7🔥1
Тёмная и светлая темы для SVG
Статья посвящена реализации темной и светлой тем для SVG-иконок с использованием современных CSS-инструментов. Основное внимание уделяется функции light-dark(), которая позволяет адаптировать внешний вид SVG-изображений в зависимости от предпочтений пользователя.
🌐 Читать статью
Made in HTML/CSS
Статья посвящена реализации темной и светлой тем для SVG-иконок с использованием современных CSS-инструментов. Основное внимание уделяется функции light-dark(), которая позволяет адаптировать внешний вид SVG-изображений в зависимости от предпочтений пользователя.
Рассматриваются различные способы применения этой функции, включая использование SVG как фонового изображения через background-image или как элемента <img>.
🌐 Читать статью
Made in HTML/CSS
👍6