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

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

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

Сегодня мы обратим внимание на один из распространенных приемов CSS: цветной блок, размещенный под углом в нижней части родительского элемента. Уверен, что Вы неоднократно встречались с таким решением.

С помощью HTML-ссылок мы можем открыть панель набора телефонного номера на мобильном устройстве. Да, эта функция актуальна только для смартфонов, но Google Chrome предлагает неплохую альтернативу для обладателей ноутбуков и настольных компьютеров - мы можем нажать на ссылку и здесь, звонок будет переведен на мобильный телефон. Такие ссылки называются “click to call links”