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

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

От автора: на первый взгляд создать макет masonry с помощью flexbox довольно просто; все, что вам нужно сделать, это установить для flex-flow — column wrap, и вуаля, у вас есть макет masonry. Что-то вроде того. Проблема этого подхода заключается в том, что он создает сетку с визуально перетасованным и непонятным порядком. Элементы будут (без ведома пользователя) отображаться сверху вниз, и кто-то, анализирующий сетку слева направо, будет читать поля в произвольном порядке, например, 1, 3, 6, 2, 4, 7, 8, 5 и так далее, и тому подобное.

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

От автора: в этом видеоуроке показано, как можно реализовать эффект слайда для изображения, используя возможности CSS3, без сторонних библиотек и скриптов. По результатам урока вы узнаете, как создаются такие эффекты и сможете попробовать реализовать похожее поведение в собственных проектах.

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

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

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

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

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

От автора: CSS (Cascading Style Sheets) — одна из основных технологий, используемых для создания веб-страниц. Поскольку это ЕДИНСТВЕННЫЙ язык таблиц стилей, который могут понять браузеры, очень важным является глубокое изучение CSS.

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

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

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

От автора: Responsive Font Size (RFS) представляет собой движок, который автоматически вычисляет и обновляет свойство font-size для элементов на основе размеров окна просмотра браузера.

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

От автора: я хотел бы рассмотреть некоторые примеры выравнивания текста с помощью text-align CSS, так как многие из нас, включая и меня, могут даже не подумать о подобных вещах.

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

От автора: пользовательские свойства CSS уже давно стали горячей темой с множеством замечательных статей о них, от прекрасных пособий о том, как они работают, до креативных руководств о том, что реально можно создать с их помощью. Если вы прочитали более одной или двух статей по этой теме, то я уверен, что вы заметили, что примерно в 99% случаев они начинают с настройки CSS root var.

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