Как и зачем использовать медиа-запросы в JavaScript
Медиа-запросы, впервые представленные в CSS3, составляют основной компонент адаптивного веб-дизайна. Приложения должны быть адаптированы к ограничениям каждого типа устройства (например, мобильных телефонов, планшетов, ноутбуков, настольных компьютеров), и медиа-запросы обеспечивают простой способ установки размеров области просмотра в зависимости от размера устройства, на котором работает приложение.
Медиа-запросы позволяют не только изменять размеры области просмотра в зависимости от размера экрана, но также могут помочь вам установить различные свойства стиля для разных устройств, включая цветовые схемы, стили шрифтов, настройки движения и анимацию, границы и интервалы, и почти любой другой CSS.
На первый взгляд некоторые фронтенд-разработчики упускают из виду тот факт, что медиа-запросы также поддерживаются в JavaScript. Хотя они в JavaScript не так популярны, как в CSS, они обеспечивают гибкость и ряд преимуществ, которые могут сделать их лучшим выбором для определенных случаев использования.
Как отсортировать словарь по значению в Python
Словарь в Python - это набор элементов, в которых данные хранятся в виде пар ключ-значение. В Python 3.7 и более поздних версиях словари сортируются по порядку вставки элементов. В более ранних версиях они были неупорядоченными.
Давайте посмотрим, как мы можем отсортировать словарь на основе содержащихся в нем значений.
Линейный поиск в JavaScript
В контексте компьютерных наук поиск - это процесс поиска определенного элемента в заданном списке / массиве. Если внимательно присмотреться, алгоритмы поиска можно найти везде.
Рассмотрим процесс входа на веб-сайт. Введенный адрес электронной почты и пароль ищутся по существующим парам ключ-значение в базе данных для проверки пользователя.
В этой статье давайте рассмотрим самый простой алгоритм поиска по заданному списку элементов - линейный поиск.
Angular Router: раскрываем некоторые интересные факты и особенности
Нельзя отрицать, что пакет angular/router полон полезных функций. На этот раз вместо того, чтобы сосредоточиться на одной конкретной теме, мы рассмотрим некоторые интересные факты и свойства этого пакета, о которых вы, возможно, не знали. Они могут варьироваться от различных видов сравнения (например, перенаправления relative против absolute) до неочевидных деталей (например RouterOutlet, иерархия; как URL-адрес устанавливается в браузере и т.д.).
В этой статье предполагается, что читатель имеет некоторые базовые знания об Angular Router (например, навигация по маршруту, outlets). К концу вы должны лучше понять, на что способен этот пакет.
Набор данных MNIST в Python - базовый импорт и построение
Добро пожаловать в этот учебник по набору данных MNIST. В этом руководстве мы узнаем, что такое набор данных MNIST, как импортировать его в Python и как построить его с помощью matplotlib.
Изменение частоты тиков в Matplotlib
Matplotlib - одна из наиболее широко используемых библиотек визуализации данных в Python. Большая часть популярности Matplotlib связана с его параметрами настройки - вы можете настроить практически любой элемент из его иерархии объектов.
В этом руководстве мы рассмотрим, как изменить частоту тиков в Matplotlib. Мы сделаем это как на уровне фигуры, так и на уровне оси.
2 простых способа нормализовать данные в Python
В этом руководстве мы узнаем, как нормализовать данные в Python. При нормализации меняем масштаб данных. Чаще всего масштабирование данных изменяется в диапазоне от 0 до 1.
Как форматировать качественные изображения с помощью AVIF, Squoosh и go-avif
AVIF (формат файлов изображений AV1) - это бесплатный формат изображений с открытым исходным кодом, основанный на ключевых кадрах видеокодека AV1. Он был разработан как преемник VP9 Alliance for Open Media, группой, в которую входят несколько поставщиков видео по запросу, таких как Google, Amazon, Microsoft и Netflix.
После выпуска в 2018 году он быстро зарекомендовал себя как лучший видеокодек. Такие компании, как Facebook и Netflix, протестировали его, чтобы увидеть, как он будет работать в их собственной инфраструктуре потокового видео, и были впечатлены результатами.
Разработчики кодека AV1 также решили создать формат файла изображения, в котором использовались бы те же алгоритмы сжатия для создания высококачественных изображений с меньшими размерами файлов, что в конечном итоге привело к разработке формата AVIF, который был официально утвержден в феврале 2019 года.
В этой статье показано, как использовать этот формат изображения для сжатия изображений с сохранением визуальной точности, что в конечном итоге обеспечивает лучший опыт для ваших пользователей.
Введение в Boxbox.js: создание клона Angry Birds с помощью JavaScript
Идея создания игр с использованием JavaScript поначалу может показаться сложной, если вы не знакомы с основами, такими как c чего начинать работу, различные игровые движки, доступные для оптимизации процесса разработки и т.д.
В этом руководстве мы продемонстрируем, как использовать Boxbox.js и Box2D, создав простой клон «Angry Birds». Мы сосредоточимся на том, как создавать объекты и блоки JavaScript Boxbox.js и как с их помощью представлять объекты реального мира.
Присоединяйся в тусовку
Поделитесь своим опытом, расскажите о новом инструменте, библиотеке или фреймворке. Для этого не обязательно становится постоянным автором.
