От автора: в данной статье мы поговорим с Вами об автоматической CSS инверсии цвета текста в зависимости от фона.

Читать далее →

От автора: SVG обладает поистине уникальными методами перемещения и манипуляции объектами в области веб-анимации. Возможно, самым зрелищным из них является «морфинг» — способность перемещать и плавно менять форму объектов.

Читать далее →

От автора: после появления моей статьи о полноэкранном HTML5 видео фоне в комментариях посыпались вопросы, как сделать фоновое видео для сайта, а именно «полноэкранного видео при прокрутке страницы»: видео, которое находится на заднем плане, но поверх которого появляется какой-либо контент.

Читать далее →

От автора: В данной статье мы рассмотрим основы SVG: группы. Группы или тег <g> в SVG по значению сродни <div>’у в HTML в том плане, что это контейнер для управления внутренними SVG элементами. Тем не менее, в отдельных вопросах они существенно отличаются, и эти различия очень важно понять.

Читать далее →

От автора: раньше фавиконам не уделялось такое внимание, и только в последнее время появилось множество способов их создания, сам подход к созданию фавикона сильно усложнился. А это значит, что для создания продвинутых и современных превью изображений можно использовать такие инструменты, как Real Favicon Generator. Данный генератор все сделает за вас; а в данной статье речь пойдет о создании более простых фавиконов. В том числе мы узнаем как сделать фавиконку для сайта.

Читать далее →

От автора: простые, часто геометрические и выполненные в различных размерах иконки (favicon) отлично подходят под SVG формат. К сожалению, до недавнего времени браузеры очень плохо поддерживали SVG фавиконы. В Firefox 41 появилась поддержка данного формата, в Safari 9 для десктопной и мобильной версии (с некоторыми уступками). Однако в IE/Edge и Chrome все еще нет поддержки, по крайней мере, на данный момент. Тем не менее, ситуация вскоре изменится (должна измениться). Так что стоит уделить немного времени и изучить возможности и синтаксис SVG фавиконов, дабы подготовить ваш сайт к грядущим временам.

Читать далее →

От автора: в своей первой статье о создании графиков я использовал методы на чистом CSS. Я говорил, что это далеко не лучшие решения в большинстве случаев; слишком много костылей в дизайне придется сделать. А вообще, самым лучшим решением будет комбинация из SVG, JS и CSS для создания графиков.

Читать далее →

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

Читать далее →

От автора: в этом уроке вы узнаете, как сделать интересные 3D прогресс бары с тенью с помощью CSS/Sass, а также как использовать свойство box-shadow и градиенты.

Читать далее →

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

Читать далее →