Архивы за Сентябрь, 2015

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

Создаем итересную игру с встиле Warehouse
9 Сен
Все мы знаем, что разработчики в сфере веб-верстки заходят за грани привычным нами граней, и создают удивительные примеры, к примеру: игры, анимации или объемные модели. Сегодня мы бы хотели вам рассказать, и показать как создать замечательную игру для создания которой нас вдохновила легендарная warehouse. Логическая игра которая заставит пользователя погрузиться в игровой процесс. Идея состоит в том, что игроку нужно передвинуть кубики, при этом не загнав себя в тупик, в установленные места отмеченные на карте.

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

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

Создаем адаптивный слайдер с помощью SVG
3 Сен
На прошлой неделе мы экспериментировали с SVG анимированием содержания и сделали слайдер во всю страницу с интересными переходами. Сегодня мы используем ту же технику, чтобы создать адаптивный слайдер контента. На этот раз мы использовали SVG, чтобы непосредственно обрезать слайды изображения, чтобы показать промежуточный слой при перелистывании. Мы получаем простой, отзывчивую карусель с анимированными переходами SVG в качестве эффектов.

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