Рецепты верстки

Статьи

HTML элемент ввода типа checkbox в виде переключателя (добавлено 7 января 2021 в 18:25)

Рецепт, как на CSS сделать так, чтобы HTML элемент ввода типа checkbox выглядел как переключатель.

Адаптивный виджет ВКонтакте (добавлено 2 декабря 2018 в 03:01)

Рассмотрим один из способов создания адаптивного виджета ВКонтакте, который подходит для любого виджета ВКонтакте и Facebook, как для виджета сообщества, так и, например, для виджета комментариев.

Разработка гибких и поддерживаемых круговых диаграмм с помощью CSS и SVG (добавлено 27 января 2016 в 13:00)

В статье описываются два метода разработки круговых диаграмм (в том числе и анимированных), которые сильно упрощают использование и поддержку. Первый способ использует CSS, второй – SVG.

Руководство по созданию SVG карт на основе данных сервиса Natural Earth (добавлено 19 октября 2015 в 22:33)

Интерактивные карты – это отличный способ предоставить географические данные пользователям вашего сайта. Одним из популярных вариантов реализации подобного являются такие сервисы, как Google Maps и Open Street Maps, которые преуспели в визуализации данных до уровня улиц. Тем не менее, для мелкомасштабных карт наиболее подходящим вариантом являются карты в формате SVG. Они легки, полностью настраиваемы и не обременены никакими ограничениями лицензирования.