Исторически сложилось так, что радио-кнопки имеют предустановленный дизайн, который зависит от используемого браузера. И так же, традиционно, этот факт определяет проблемы, возникающие у начинающих разработчиков, при попытке стилизовать эти элементы.

Функция, принимающая в качестве аргументов другие функции или возвращающая функцию в качестве результата, называется функцией высшего порядка. Такая функция имеет тот же статус, что и другие объекты данных. Одна из хороших особенностей JavaScript - способность принимать такие функции. Это делает язык пригодным для функционального программирования.

Сегодня мы напишем крошечную JavaScript-функцию, с помощью которой, мы сможем обрезать картинки в соответствии с установленными пропорциями. Эта функция очень полезна, например, при обработке фотографий перед размещением в ленте социальной сети или перед загрузкой изображения для профиля в личном кабинете, то есть в тех случаях, когда необходимые картинки должны иметь строго определенные соотношения сторон (пропорции).

В этом очень небольшом обзоре мы изучим, как установить соотношение сторон (пропорции) для изображения, размещаемого на HTML-странице. Для чего это нужно? К примеру, полученные знания будут полезны, если возникает необходимость уместить картинки различных размеров и пропорций в квадратный блок (или любой другой блок с четко определенными размерами и соотношением сторон), не искажая изображения.

Tailwind CSS - легконастраиваемый низкоуровневый CSS фреймворк, предоставляющий блоки, необходимые для создания оригинальных интерфейсов без навязывания каких-либо предустановленных стилей, требующих переопределения.