Вёрстка адаптивного навигационного меню

Меню навигации всегда были довольно простыми в создании. Сверстайте неупорядоченный список, установите float:left и готово. С адаптивным дизайном, который сейчас очень популярен, вы столкнётесь с некоторыми новыми трудностями. Сейчас мы с нуля сверстаем простое, но эффектное адаптивное навигационное меню, которое вы сможете легко модифицировать и...

Создание адаптивной галереи миниатюр

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

Приклеенный подвал (Sticky Footer) на jQuery или CSS

Бывают такие проекты, когда требуется, чтобы подвал сайта был приклеен к низу окна браузера. В этой статье мы покажем вам, как это можно сделать на чистом CSS или с помощью jQuery.

SlickMap CSS

SlickMap CSS — это простая таблица стилей для отображения готовой карты сайта из неупорядоченных списков HTML. Эта таблица подходит для большинства сайтов, так как с помощью нее можно строить трехуровневые списки навигации по страницам и, дополнительно, ссылки на утилиты. Кроме того, все это легко изменяется и...

Портфолио с хронологией событий

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

CSS анимация в Media Queries

Сегодня мы поговорим о CSS анимации при переходах с одних Media Queries на другие. Преимущество использования CSS очевидно — это простота и размер кода, поддержка аппаратного ускорения и отсутствие jQuery. Вы, наверное, в курсе, что, в основном, анимация CSS строится на основе состояния :hover или добавлением...

Динамический раздел FAQ с помощью jQuery, YQL & Google Docs

В этом уроке мы сделаем динамический раздел FAQ. Наш скрипт, с помощью jQuery & YQL, будет извлекать содержимое общедоступной электронной таблицы из вашего аккаунта Google Docs, и использовать эти данные, чтобы заполнить раздел FAQ вопросами и ответами.

Скрипт радио-потока

Если вы задумываете разработку собственной программы для интернет-радио, то мы бы хотели поделиться с вами этим опытом. В этой статье пойдет речь о создании радио-скрипта с прекрасным дизайном (CSS3). Он будет состоять из трёх основных элементов: шапки (с красиво анимированной поисковой строкой и интегрированным радио-плеером),...

Retro shop – макет главной страницы интернет-магазина в ретро-стиле

Сегодня мы подготовили вам следующий  интересный шаблон.  Это шаблон макета в стиле винтаж или, если хотите, в ретро-стиле. В приятных и теплых цветах. Мы уверены, что вам он понравится. Давайте посмотрим, из чего сделан «Retro shop».

Использование Google+ для улучшения вашего UI

Google представил новый дизайн многих из своих сервисов, таких как Google+. Новый вид представляет собой более гладкий, упрощённый стиль Google, который делает акцент на ваши данные, а не на интерфейс. Часть успеха дизайна составляют новые кнопки. Хороший пользовательский интерфейс — это тот интерфейс, которого не видно....