Все для веб-дизайнера
Создаем анимированный футер для сайта на CSS
7 Сен
Создавая хороший сайт не стоит забывать о деталях, каждый элемент должен быть продуман и подогнан к деталям и цветовой палитре. В сегодняшнем уроке мы рассмотрим как создать замечательный, анимированный подвал для сайта который будет отзывчивым для посетителя и адаптивным при просмотре. Идея заключается в том, что подвал сайта по умолчанию скрытый и будет появляться только при прокрутке страницы, при этом основная часть будет плавно сдвигаться вверх выделяя нам нужную информацию.
Создаем адаптивный слайдер с помощью SVG
3 Сен
На прошлой неделе мы экспериментировали с SVG анимированием содержания и сделали слайдер во всю страницу с интересными переходами. Сегодня мы используем ту же технику, чтобы создать адаптивный слайдер контента. На этот раз мы использовали SVG, чтобы непосредственно обрезать слайды изображения, чтобы показать промежуточный слой при перелистывании. Мы получаем простой, отзывчивую карусель с анимированными переходами SVG в качестве эффектов.
Дизайн радио-проигрывателя для сайта на CSS3
2 Сен
На протяжении всего времени, что мы занимаемся веб дизайном, мы сталкивались с различными взглядами на дизайн, проектами и требованиям к дизайну. Недавно нас просили показать и сделать набросок макета дизайна радио-проигрывателя для сайта, сегодня мы бы хотели поделиться с вами таким необычным макетом, при этом немного изменив его, чтобы не было сходства. В результате мы получили отличный дизайн радио-проигрывателя, в котором вы можете прослушивать любимые станции и добавлять их в избранное.
Превью новостей в виде кнопок с помощью CSS3
1 Сен
Иногда на сайте необходимо отобразить фрагмент новости, чтобы заинтересовать посетителя прочесть ее. Обычно такую информацию подают в виде блоков, которые расположены под прочитанной новостью или в сайдбаре, но в данном уроке мы рассмотрим немного иной подход к поставленной задаче, мы отобразить превью новости на кнопках, главной особенностью будет то, что текст будет прокручиваться, что привлечет внимание посетителя, так как кнопка будет «живая». Давайте посмотрим, что же у нас с этого получилось.
Популярные тенденции веб-дизайна в 2015 году
31 Авг
Веб-дизайн является динамичной и разнообразной сферой творчества, которая изменяется и развивается быстро. Веб-дизайн, это не конечный продукт, а лишь стадия развития, благодаря которой будет достигнут конечный результат. После рассмотрения более двухсот веб-сайтов в еженедельной серии «Вдохновляющих сайтов Недели» на Despreneur я сделал вывод об тенденциях которые доминируют в этом году и начинают развиваться. В сегодняшнем обзоре мы выделим основные тенденции и расскажем вам о них.
Настраиваемый эффект параллакса для сайта
30 Авг
Параллакс является одной из самых интересных тем для наших читателей. Сегодня мы бы хотели предложить Вам самостоятельно поиграться с настройками данного эффекта и увидеть какой может быть результат. Мы предоставим вам гибкие настройки движения, вращения и фильтров, которые можно применить, при этом вы увидите результат мгновенно, не стоит забывать, что вы можете скачать материал с исходным кодом и применить данный параллакс к своим проектам.
Подсказки в виде точек для сайта с помощью CSS
29 Авг
Допустим, вы хотите продемонстрировать лучшие черты своего нового приложения, и вы хотите, чтобы пользователи при этом получили дополнительную информацию и как пользоваться Вашей разработкой. В сегодняшнем уроке мы рассмотрим подход который заключается в использовании точек интерфейса соответственно которые будут распределены по конструкции предварительного просмотра. Основным преимуществом является то, что люди будут знакомиться с некоторыми возможностями вашего проекта еще до начала их использования.
Загрузка ...