Все для веб-дизайнера
Онлайн покупка билетов в кинотеатре для сайта
Янв 12
В данном уроке мы рассмотрим интересный концепт организации покупки мест в кинотеатре. По умолчанию у нас откроется видеопроигрователь, который можно будет запустить благодаря индикатору воспроизведения, в низу будет организована плашка, в которой указано название ролика, а также выделен текст о возможности покупки билетов. При нажатии на меню выбора покупки билетов, то вы увидите анимацию, и развертывания киноряда для отображения мест.
Новогодний параллакс для сайта на JS и CSS3
Дек 31
В предвкушении нового года мы бы хотели поделиться праздничным эффектом, который можно применить у себя на сайте в качестве шапки. При этом добавить замечательный эффект параллакса, который так цениться нашими пользователями, и весьма приятно воспринимается посетителями сайтов. Нам понадобиться немного стилей и магии скриптов, и в результате мы получим эффект движение елок и текста при движении курсора мыши. Давайте посмотрим, что у нас получилось в канун нового года.
Сегодня проекту rudebox исполняется 5 лет
Дек 18
Пять лет назад, мне пришла мысль о создании проекта, в котором я бы смог делиться интересными наработками в области дизайна с людьми. Это были как и собственные наработки так и материалы которые я нашел на зарубежных сайтах. С каждым годом сайт наполнялся новыми, интересными материалами, у нас появился свой стиль который стал узнаваем не только в странах СНГ, но и за рубежом. И сегодня мы бы хотели поблагодарить всех тех, кто с нами и поддерживает нас.
Модальные окна с размытым фоном на CSS3
Дек 15
Модальные окна являются неотъемлемой частью современного веб-дизайна, с помощью их, разработчик может прибегнуть к методу зацикливания на одной странице и не перебрасывания посетителя на вспомогательные страницы. В данном уроке мы рассмотрим как создать замечательные модальные окна с размытым фоном для сайта с использованием jQuery и CSS3. Благодаря данным правилам мы создадим размытый фон при появлении окна, что привяжет взор посетителя только к необходимой информации на сайте.
Создаем временную шкалу для сайта на CSS3
Дек 14
В данном уроке мы хотели бы рассказать и показать, как можно создать достаточно простую горизонтальную временную шкалу для сайта, с удобной навигацией и анимированным слайдом при переходе к необходимому контенту. Каждая точка времени на шкале будет кликабельной, пользователь может воспользоваться как ползунком, так и навигацией с помощью точек. При нажатии на точку, будет происходить событие, в результате которого будет отображаться информация на заданном временном отрезке. Все работает очень плавно и привлекательно.
Галерея для сайта в виде табов с помощью CSS3
Ноя 10
Вкладки весьма интересная и удобная штука при создании сайта, она позволяет правильно организовать информацию, при этом сэкономив немного места на сайте. В сегодняшнем уроке речь пойдет о совмещении приятного с полезным, а именно об галереи изображений которая реализована в виде вкладок. Если вы хотите создать интернет магазин, то для отображения дополнительной информации о вашем продукте данный прием станет отличным решением.
Многоуровневое выпадающее меню на CSS3
Ноя 8
В сегодняшнем уроке мы рассмотрим замечательный прием, который поможет сохранить место у вас на сайте, а именно многоуровневое выпадающее меню, которое позволит сэкономить много на сайте, при этом пользователю интуитивно понятно, что следует за дочерним элементом. Благодаря такой навигации вы можете сократить количество отображаемой информации на сайте при этом качественно ее оформить. Данный пример разработан исключительно средствами CSS. Так же мы добавили и версию с применением jQuery.
Загрузка ...