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

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

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

Публикация математических формул, особенно сложных, на веб-странице может стать «головной болью» для разработчика. Библиотека KaTeX может значительно облегчить этот процесс. Она не имеет зависимостей от других библиотек, зато имеет довольно простой API. Еще одним преимуществом KaTeX – является высокая скорость работы во всех современных браузерах.

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

В этом уроке будет показано как при помощи CSS можно добиться такого же hover эффекта. Кроме того, будет рассказано как можно настроить анимацию под себя.

Как известно, размещение карты Google на своем сайте довольно простая задача. Однако, по-умолчанию, карта не адаптируется под размер экрана.