Рисуем иконку календаря с помощью CSS3

Рисуем иконку календаря с помощью CSS3 Всем снова здравствуйте! Все мы привыкли видеть на страницах сайтов и блогов, в записях или комментариях, иконки дат календаря, обозначающие дату. Фича без сомнения полезная во многих отношениях, но согласитесь, мало кто напрягался по поводу того, как эти иконки создавались. Чаще всего вывод дат прописан в шаблонах в виде подгружаемой готовой картинки или же ставится какой-нибудь плагин, в котором все эти прибамбасы предусмотрены, и опять же с ...

Меню «Аккордеон» без javascript и изображений

Меню «Аккордеон» без javascript и изображений

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

Стильные CSS3 — кнопки без графики

Стильные CSS3 — кнопки без графики

Доброго времени суток!

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

CSS3 Генератор кнопок для сайта

CSS3 Генератор кнопок для сайта Здравствуйте Всем! Кто не сталкивался с подбором кнопок для своего проекта? Да наверное каждый, кто хоть что-нибудь делал сам в web-разработке и в частности работал над оформлением своего сайта или блога. Кнопки,кнопочки,кнопищи, они порой бывает нужны разные и по цвету и по форме. Каждый раз копаться в коде и вымучивать какой-нибудь стиль играя с параметрами CSS - занятие конечно увлекательное и полезное в плане самообразования, но иногда ...

Неоновый эффект для форм с помощью CSS3 и JQuery

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

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

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

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

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

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

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

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

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

Делаем блоки с закругленными углами без использования изображений

Давайте рассмотрим способ создания и вывода блока на страницах сайта, не прибегая к использованию ни одного графического изображения. В этом варианте каждый пиксель угла прорисовывается с помощью CSS.Тем самым уменьшается время загрузки страницы, да и редактировать параметры выводимого блока довольно просто.    Посмотрите как будет выглядеть выводимый блок на примере: Смотреть Демо Теперь как всегда, разберем за счет чего ...
1 2 3 4 5 6
Рейтинг@Mail.ru