CSS – замечательная технология. Благодаря ей, сайты в сети становятся красочными и яркими. Очень часто используя CSS, разработчики присваивают элементам страницы значения атрибутов id и class для того, чтобы стилизовать их. Это замечательно, но что делать, если по какой-то причине у вас нет доступа к коду, чтобы добавить эти атрибуты к элементам?

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

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

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

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

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

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