Архивы за Июнь, 2013

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

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

Создаем красивые кнопки для сайта на CSS3
20 Июн
Красивы кнопки будут не только привлекать взор посетителя, но и дополнять общую картину сайта с помощью простой и в тоже время, уникальной анимацией. Сейчас на просторах веб-дизайна царит минимализм, все чаще разработчики стараются придерживаться этой тенденции и ровняться на дизайн Metro. В данном уроке мы рассмотрим именно такие кнопки. Этот набор кнопок состоит из простых, креативных кнопок с простыми стилями и эффектами. На определенных кнопках эффекты можно увидеть при наведении, на некоторых при нажатии.

Создаем эффект при наведении курсора мыши
14 Июн
Каждый веб-мастер хочет создать отзывчивый для своего посетителя, если вам необходимо привлечь внимание посетителя при этом затратив минимум усилий тогда этот урок будет вам интересен. Мы рассмотрим как можно оживить изображения при наведении курсора. Такой эффект можно использовать не только к изображением, а, к примеру, к баннерной рекламе, это не оставит равнодушным посетителя, ведь такой простой эффект будет сразу бросаться в глаза, и так, давайте посмотрим, что у нас получилось.

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

Текстовые сцены с применением анимации CSS
10 Июн
В данном уроке мы рассмотрим как реализовать красивую смену текста с эффектами плавного перехода и фокусировки, кроме этого текст будет изменять размеры, это будет создать иллюзию растворения и полета текста. Все что нам понадобится это только трансформации css, фильтры и прочие фишки. Следует отметить, что данный урок это просто эксперимент, мы пытаемся показать все возможности работы со стилями, по этому кроссбраузерности не всегда получается добиться. И так, давайте посмотрим, что у нас получилось.