Архивы за Декабрь, 2015

Новогодний параллакс для сайта на JS и CSS3
31 Дек
В предвкушении нового года мы бы хотели поделиться праздничным эффектом, который можно применить у себя на сайте в качестве шапки. При этом добавить замечательный эффект параллакса, который так цениться нашими пользователями, и весьма приятно воспринимается посетителями сайтов. Нам понадобиться немного стилей и магии скриптов, и в результате мы получим эффект движение елок и текста при движении курсора мыши. Давайте посмотрим, что у нас получилось в канун нового года.

Сегодня проекту rudebox исполняется 5 лет
18 Дек
Пять лет назад, мне пришла мысль о создании проекта, в котором я бы смог делиться интересными наработками в области дизайна с людьми. Это были как и собственные наработки так и материалы которые я нашел на зарубежных сайтах. С каждым годом сайт наполнялся новыми, интересными материалами, у нас появился свой стиль который стал узнаваем не только в странах СНГ, но и за рубежом. И сегодня мы бы хотели поблагодарить всех тех, кто с нами и поддерживает нас.

Модальные окна с размытым фоном на CSS3
15 Дек
Модальные окна являются неотъемлемой частью современного веб-дизайна, с помощью их, разработчик может прибегнуть к методу зацикливания на одной странице и не перебрасывания посетителя на вспомогательные страницы. В данном уроке мы рассмотрим как создать замечательные модальные окна с размытым фоном для сайта с использованием jQuery и CSS3. Благодаря данным правилам мы создадим размытый фон при появлении окна, что привяжет взор посетителя только к необходимой информации на сайте.

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