Все для веб-дизайнера
Объемный индикатор загрузки для сайта на CSS3
7 Июл
Иногда возникает необходимость сделать индикатор загрузки, это необходимо, чтобы подать пользователю всю информацию сразу, а не частично, пока страница загружается. Такой прием часто используется на «тяжелых» сайтах, уведомляя посетителя, что сайт загружается с помощью индикатора. В сегодняшнем уроке мы рассмотрим как создать один из таких индикаторов. Чтобы страницу не загружать еще больше, данный индикатор будет создан с помощью правил css3. Это позволит существенно сократить вес индикатора и увеличить скорость загрузки.
Оригинальный hover-эффект иконки в стиле Apple
5 Июл
Прогресс не стоит на месте, это относится также к веб-дизайну, недавно мы наблюдали презентацию крупного обновления для mac os, где мы получили множество интересных вкусняшек и эффектов. В данном уроке мы рассмотрим как создать один из таких эффектов, а именно эффект при наведении на иконку. Чтобы получить данный hover-эффект иконки в стиле Apple нам необходимо немного усилий и заранее подготовленные иллюстрации, которые нам помогут в создании данного эффекта. И так, давайте посмотрим, что у нас с этого получилось.
Устанавливаем видео для фона сайта на HTML5
3 Июл
Все чаще я замечаю использования видео для фона сайта, дизайнеров уже не смущает такой нюанс как весомость сайта, с современным интернетом такой вопрос уже не стоит остро, по этому дизайнеры разрешают себе фантазировать в любых направлениях, не является и исключением «живые» фоны сайта, а именно использование видео в качестве фона. В данном уроке мы рассмотрим один из замечательных примеров реализации фонового видео в виде морской глубины с помощью небольших манипуляций Html5.
BeatStudio- пишем музыку с помощью JavaScript
1 Июл
Как часто Вам приходилось сочинять самому музыку? наверное каждый из нас хоть раз но пытался написать свой маленький шедевр, все вы знаете,надеюсь, популярное течение музыки как dub step ? и хоть раз но встречали машину для создания этой музыки. Устройство выглядит достаточно просто, но оно запрограммировано на разные звуки. В данном уроке мы рассмотрим как создать именно такую машину под названием BeatStusio, с помощью данной машинки вы сможете почувствовать себя диджеем.
Вертикальная прокрутка изображений на jQuery
30 Июн
Все чаще я встречаю сайты где галерея реализована в полномасштабном формате, не в новом окне, а именно на самой странице, без всяких нажатий на картинку и развороте материала. Как Вы уже догадались, сегодня речь пойдет о реализации полноэкранной вертикальной прокрутки изображений при скроллинге страницы. Для реализации мы уберем стандартную полосу прокрутки и заменим ее на более нам подходящую в виде точек. Также у нас будет дюжина изображений, которые будут плавно замещать друг друга при прокрутке страницы вниз.
Анимированный подвал сайта с адаптацией на CSS
29 Июн
На сайте важны все детали, зачастую дизайнеры разрабатывают красочную шапку экрана, но забывают о не менее важно элементе как подвал. Зачастую пользователь дочитывая материал на сайте прокручивает страницу именно вниз, где должна находится важная информация для него. Дизайнеры размещают пару стандартных ссылок, которые обеспечивают быструю навигацию, но если Вам необходимо разметить множество информации, и при этом сохранив максимально места. В данном уроке мы рассмотрим как реализовать замечательный подвал на Вашем сайте.
Простой эффект прокрутки с параллаксом на CSS3
26 Июн
Параллакс один из самых красивых эффеков в современном сайтостроении, простота, и необычность эффекта заставляет посетителя восхищаться такой изюминкой. Мы много уделяем внимания данной теме, и она все больше набирает обороты в читаемости. В данном уроке мы рассмотрим один из достаточно простых эффектов, это прокрутка с эффектом параллакса реализованного с помощью CSS3 и JS. У нас будет четыре изображения, которые будут плавно замещать друг друга при прокрутке страницы. Такой эффект уже реализован на многих сайтах.
Загрузка ...