css

Параллакс эффект на чистом CSS - перевод

Параллакс эффект на чистом CSS - перевод

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

Но есть проблема - сделать параллакс без тормозов и дерганий может стать сложной задачей для начинающего (и не очень) веб-мастера.

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

Концепт морфинг кнопки

Концепт морфинг кнопки

Всем привет. Сегодня мы рассмотрим вдохновляющий концепт морфинг кнопки, несколько не понятно на первый взгляд. Но на самом деле все гениально, просто и круто! Здесь элемент действия – кнопка – трансформируется в другой объект.

В демонстрации вы увидите, как кнопка по нажатию превращается в модальное окно, сайдбар, форму и прочее!

CSS фон

CSS фон

Всем привет. Недавно, лежал я на пляже и слух мой ласкал звук морского прибоя. Я Думал о том как это увезти с собой или хотя бы воплотить в веб дизайне.

Неуплывающее плавающее меню на сайт.

Неуплывающее плавающее меню на сайт.

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

Однако, у этого подхода есть подводные камни, которые мы и рассмотрим в этой статье.

Flexbox - самый лучший способ сверстать это!

Flexbox - самый лучший способ сверстать это!

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

Наконец свершилась мечта миллионов веб мастеров – теперь позиционировать элемент по вертикали так же просто как и по горизонтали. Ура, товарищи.

Stylus - самый выразительный css препроцессор

Stylus - самый выразительный css препроцессор

Всем привет, сегодня мы поговорим о такой вещи как Stylus (Стайлус). Вообще препроцессоры css - довольно интересная тема. У них есть как и противники, так и защитники. В данной статье я постараюсь заинтересовать Вас этой технологией.

В этой статье мы сравним несколько препроцессоров, а так же сделаем мини проект, с автоматической сборкой стилей.