Модальное окно с помощью CSS и jQuery

Рассказывая о различных техниках сайтостроения, было бы нелепо не рассказать, о некоторых способах создания модальных окон. О назначении, полезности и возникающих проблемах использования всплывающих, модальных окон мы рассуждать не будем. Разберем лишь один из многочисленных примеров создания таких окошек. Бывают ситуации когда нет возможности использовать специальные плагины, например такие как fancybox и prettyPhoto, поэтому стоит понять, как ...

Создание выпадающего меню с помощью CSS

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

Приемы оформления границ блока с помощью CSS

Однажды я уже как то касался темы форматирования блоков средствами CSS в статье 5 CSS Стилей для блока с фоном. Сегодня расскажу как благодаря CSS3 мы можем расширить свои возможности при оформлении блочных элементов страницы. Практически любой элемент, браузер воспринимает как прямоугольную область. С помощью CSS мы можем переопределить характеристики каждого блока-прямоугольника - его положение на странице, цвета, толщину и наличие ...

Стабильный информационный блок при прокрутке страницы

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

Отличное горизонтальное меню с CSS и jQuery

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

Эффект Высокой печати с CSS для текста

По причине неуемного интереса к работе с CSS и растущей популярности стандартов CSS3, просто не могу пройти мимо одного замечательного способа оформления текста без использования изображений и javascript, так называемого эффекта "Высокой печати". Этот метод является одним из типов промышленного способа печати. Почему бы не использовать такой же способ в веб-дизайне, оказывается реализовать данный метод на страницах сайта довольно легко, о чем ...

Создание кнопок с помощью CSS, HTML без javascript

Какая то фобия у наших пользователей в отношении использования javascript, довольно часто встречаю в комментариях вопросы о том, что при отключенных скриптах в браузерах, что то перестает работать. Люди порой не удосуживаются даже вникнуть в процесс создания того или иного решения. Ну, а раз есть потребность и неуемное желание не использовать javascript в работе, на примере создания кнопок покажу, как можно создать и придать динамичность ...

Меню навигации в стиле Lava-Lamp

Продолжая серию статей о различных видах меню для сайта, сегодня хочу обратить внимание всех страждущих, на отличное горизонтальное меню навигации, выполненное в стиле Lava-Lamp. Что это за стиль такой, расписывать не буду, кому вдруг станет интересно, могут почитать о нем у достопочтенных буржуинов: lava-lamp style. Мы же с Вами рассмотрим сам способ создания такого меню, как говориться, разложим все по полочкам.     Прежде чем ...

Микро Галерея Изображений на jQuery

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

Создание интересного эффекта раскрытия для миниатюр с помощью CSS и JQuery

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

Оформление цитат с помощью CSS

Оформление цитат с помощью CSS Цитаты на сегодняшний день являются неотъемлемой частью любого мало-мальски серьезного интернет проекта, да и одностраничные сайтики нет-нет да и вставят что нибудь этакое в форме цитаты. Вставить, это мы все горазды, у многих же возникает проблема с оформлением цитат. В первую очередь цель цитирования - это привлечь внимание посетителя впечатав умную мысль, свою или чужую. Кто-то обходится просто наклонным текстом, кто-то использует готовые ...

Эффект уменьшения фото с jQuery

Эффект уменьшения фото с jQuery Сегодня я покажу вам, как создать простой эффект изменения изображения с помощью jQuery. Идея заключается в том что изображения, которые изначально показаны в увеличенном формате при наведении на него курсора принимают реальный размер и форму. Этот эффект может быть применен к фотографии или любому другому изображению,а также при использовании веб-сайт галерей. В примере авторов выведены черно-белые изображения, чтобы сосредоточить Ваше ...
1 2 3 4 5 6
Рейтинг@Mail.ru