Все для веб-дизайнера
Архивы за Октябрь, 2012
Создаем выпадающее меню с помощью CSS3
27 Окт
Навигация на сайте это неотъемлемый элемент, ведь с помощью нее пользователь с легкостью может перейти к необходимой информации, не задаваясь поиском информации теряя на это драгоценное время. Но порой необходимо поместить в меню достаточно много информации, а это не весьма удобно, ведь меню станет достаточно объемным и будет занимать много места, а это плохо скажется на визуальном оформлении сайта. Что же делать в таком случае? выход достаточно простой, нам необходимо создать выпадающее меню для сайта, которое будет отлично вписываться в дизайн сайта.
Адаптивный слайдер изображений на jQuery
25 Окт
Адаптивность весьма удобная штука, ведь размер сайта изменятся вслед окну браузера или подстраивается под разрешения экрана мобильного устройства, а именно последняя ниша девайсов весьма актуальна в наше время, ведь смартфоны и планшеты широко заполонили рынок устройств. В сегодняшнем уроке мы рассмотрим как создать замечательный адаптивный слайдер миниатюр для сайта с помощью небольшого плагина jquery который обладает широкими возможностями. В данном примере мы рассмотрим несколько вариантов различного позиционирования.
Слайдер с эффектом разреза с помощью jQuery
24 Окт
Наверняка хоть раз но сталкивались с полноэкранной галереей, это весьма удобно, ведь данный прием организации контента отлично подходит для портфолио или сайта-визитки, где необходимо красиво оформить изображения. Но при переходе изображений нужно применить какой-нибудь эффект, чтобы скрасить полноту слайдера. В данном уроке мы рассмотрим как создать полноэкранный слайдер с эффектом разреза. При помощи различных атрибутов мы определим тип, угол вращения и масштаб слайдов, давая нам возможность создать уникальные эффекты переходов у каждого слайда.
Изменяем цвет при выделении текста на сайте
23 Окт
Несомненно каждый из вас хоть раз выделял текст на сайте, если вы заметили цвет выделения зачастую одинаковый, это используются стандартные параметры системных файлов. Зачастую пользователи не особо вдаются в такие нюансы и не замечают этого, но если вам, разработчику какого нибудь интересного проекта, необходимо изменить данный параметр для того, чтобы придать сайту маленькую изюминку или просто подчеркнуть дизайн сайта данным эффектом тогда данная статья будет интересна, ведь в ней мы рассмотрим как изменить стандартный цвет выделения текста на сайте.
Создаем меню для ресторана с помощью CSS3
22 Окт
В последнее время все чаще можно встретить сайты для ресторанов, зачастую они очень красочные, ведь посетителя надо привлечь красочностью блюд. Но если вам заказали сделать такой сайт, и вы не знаете как оформить данный проект, а именно раздел меню, ведь это должен быть не просто скучный листок бумаги с ценами и непонятными названиями, а меню должно напоминать произведение искусства как и сами блюда. Как вы уже поняли, сегодня мы рассмотрим создания замечательного объемного меню для ресторана с эффектом разворота.
Как создать подписи для изображений на CSS3
21 Окт
Зачастую создавая галерею миниатюр нам необходимо присвоить некоторые заголовки, для отображения дополнительной информации. Это весьма умный подход к организации контента на сайте, ведь посетитель получает информацию о содержании материала. В основном такие подписи весьма скучны и однообразны, по этому они не очень привлекают внимание читателя. В сегодняшнем уроке мы рассмотрим как создать анимационные подписи к изображениям с различными эффектами. В примере мы рассмотрим несколько различных вариантов отображения.
Создаем изображения реагирующие на наклоны
19 Окт
Как часто вы встречали трансформации изображения которые создавали эффект трехмерности одной и той же картинки? согласитесь, такой эффект достаточно редко встречается, и это может сыграть вам на руку, ведь применив такой простой эффект вы получите сайт с весьма интересной изюминкой. С появлением различных плагинов jquery, реализация данных возможностей стала весьма простой. В данном уроке мы рассмотрим как создать эффект трехмерности изображений с помощью плагина lenticular. Основная идея состоит в том, что плагин собирает все изображения..
Загрузка ...