Все для веб-дизайнера
Архивы за Октябрь, 2011
Красивая загрузка изображений на jQuery
29 Окт
Порой на сайте хочется скачать изображения, нажав при этом правой кнопкой мыши на изображение, но не всегда скачанное изображение будет необходимого качества и размера. На многих сайтах содержится специальная страница с изображениями логотипа в высоком разрешении, но такие страницы бывает очень непросто найти. По этому предлагаем просмотреть урок, как создать красивый вариант загрузок изображений, средствами jQuery мы создадим модальное окно с предложениями загрузки разных вариантов изображений.
Стилизуем ссылки сайта с помощью CSS
28 Окт
Когда на блоге публикуются материалы связанные ссылками, то возникает вопрос как их скрасить чтобы привлечь внимание посетителей. В данном уроке мы рассмотрим решение, на мой взгляд, стилизации ссылок только средствами CSS. Суть состоит в том, когда при наведении курсора мыши на ссылку, она анимируется и немного смещается влево или вправо. Данный эффект позволят оживить унылые ссылки на сайте. Работать будет в браузерах, поддерживающих стандарт CSS3.
Скользящие панели с помощью jQuery
25 Окт
Зачастую сайты загромождены различной информацией, опросами и прочей информацией которая на первый взгляд не являет необходимости для посетителя сайта. В сегодняшнем уроке мы рассмотрим как создать скользящие панели с помощью jQuery Данное решение идеально использовать для контактных форм или опросов на сайте, что делает панели многофункциональной. Расположить его можно с любого края страницы. Это позволит сосредоточить внимание посетителей на интересующей Вас информацией, вот так выглядит простая панель..
Эффект размытия элементов сайта на jQuery
24 Окт
Порой на сайте хочется выделить красиво какую либо информацию, тем самым привлечь внимание пользователя к необходимой информации. Все это можно сделать с помощью различных эффектов, в данном уроке мы рассмотрим как создать эффект размытия элементов сайта сайта с помощью CSS3 и jQuery. Идея заключается в организации набора блоков с текстом, которые будут размываться и уменьшаться в масштабе при наведении курсора мыши на один из них. Блок, который получает фокус ввода, наоборот будет увеличиваться.
Указываем важные элементы на странице
24 Окт
Создавая свой сайт веб-мастер хочет сделать его более понятным и практичным, но в некоторых ситуациях, особенно это относится к новичкам, пользователь не может найти необходимую функцию. В сегодняшнем уроке мы рассмотрим как можно просто и весьма своеобразно указать пользователю на необходимую информацию на сайте средствами jQuery. Идея заключается в том, что к курсору мышки привязан указатель, который постоянно следует за мышкой и указывает на что нужно обратить внимание. Когда указатель приближается к необходимой информации то он плавно исчезает..
Создаем форму поиска с помощью CSS3
23 Окт
Создаете свой сайт с множеством информации и хотите осуществить привлекательный поиск, который будет удобный посетителям и простой в использовании, при этом иметь стильный дизайн. В этом уроке речь пойдет о создании простой формы поиска средствами CSS3 с применением HTML5 атрибута placeholder. Для того, чтобы оформление было одинаково во всех браузерах, мы будем использовать Modernizr. Мы рассмотрим как создать сам стиль формы, непосредственно средствами CSS, не подключая элементы поиска..
