Привет! В свое время я немало попарился с этой темой, когда нужно было сделать svg-карту. Конечно, я покажу в статье чуть более простой вариант использования, но тем не менее вполне себе рабочий. Поехали! SVG Map — довольно часто используемая фича для сайтов. Необязательно это карта страны\города. Есть еще сайты с использованием svg-дома, где можно выбирать этажи, и т.д. В моем случае это карта России. Посмотреть реальный пример можно тут: Русский металл. Суть была такая — нужно было сделать целую структуру карт, т...

Привет, всем будущим фронтенд разработчикам! В этой статье мы разберем как удобно верстать различные карточки. Любая карточка состоит из изображения и контента: Красным выделена верхушка карточки (изображение), а оранжевым контент. Исходя из этого мы можем создать два контейнера: Зачем нам создавать отдельный див для изображения, почему не вставить ее фоном в .card? - Если вставлять ее фоном в .card, мы должны будем вручную высчитывать отступы контента от изображения и решать остальные мелкие проблемы по ходу адаптива наших карточек, а зачем, если можно сделать намного проще...

Это первый из серии уроков по программному интерфейсу (API) Яндекс.Карт. API позволяет создать карту, которая выглядит и работает в точности как на Яндексе. Но главное, что карту можно настроить: выбрать центр и масштаб, убрать ненужные функции или добавить дополнительные, показать на карте специальную информацию. Мы начнём с основ, чтобы руководство было понятно без подготовки. В первом уроке создадим стандартную карту. Карты предназначены для размещения на веб-страницах, поэтому нам придётся кое-что узнать про инструменты, с помощью которых делают веб: HTML, CSS и JavaScript...