Главная » Записи по метке: сниппеты

Скрытый текст (спойлер) с помощью Javascript

Скрытый текст (спойлер) с помощью Javascript С помощью нескольких строк javascript, вы сможете легко организовать скрытые блоки с содержанием, раскрывающиеся по клику. Согласитесь, иногда лучше сделать маленький блок скрытого текста с аккуратной кликабельной надписью, скрыть под ней, например: правила комментирования, html-код кнопки или баннера и т.д. Тот, кому это очень нужно - нажмёт на выделенную надпись и всё увидит. Нет необходимости постоянно держать на виду у всех определённые ...

Вертикальное меню в стиле аккордеон CSS и jQuery

Различными блоками, менюшками выполненных в стиле "аккордеон", сейчас уже никого не удивишь. Предлагается масса интересных решений и техник исполнения, как с использованием jQuery, так и основанных исключительно на CSS. Сегодня хочу познакомить вас с ещё одним вариантом компактного, вертикального меню в стиле "аккордеон", которое отлично впишется в боковую колонку любого сайта. Работа меню основана на небольшом jQuery плагине в связке с ...

Простые подсказки на CSS3 и HTML5

Простые подсказки на CSS3 и HTML5 Часто спрашивают, какой самый простой способ реализации подсказок к ссылкам. Самый простой, это не особо заморачиваясь по поводу внешнего вида подсказок, использовать встроенные средства браузеров, прописывая атрибут title="" в ссылках. В то же время существует масса других способов создания простых всплывающих подсказок, о некоторых из них я писал ранее, да и в "интернетах" материала по этой теме не мало. Сегодня, поделюсь ещё одним, очень ...

Эффект прозрачности для изображений при наведении с помощью CSS3

Эффект прозрачности для изображений при наведении с помощью CSS3 Как оригинально оформить изображения в момент взаимодействия с пользователем? То есть как-то интересно выделить картинку при наведении на неё указателя мыши. Технических решений этой задачи предостаточно и расписаны они в мельчайших подробностях. Так что нового ничего не открою, а просто-напросто поделюсь простеньким фрагментом кода CSS, который в разных вариация часто использую сам.Для создания привлекательного эффекта прозрачности, или ...

Эффект печатающегося текста с помощью CSS3

Эффект печатающегося текста с помощью CSS3 Существует немало решений для реализации эффекта печатающегося текста с помощью javascript. На jQuery например, можно с текстом выписывать такие кренделя, что диву даёшься. Но меня всегда интересует возможность выполнения той или иной задачи с помощью свойств CSS3, конечно только тогда, когда это оправданно и не несёт явных потерь в общей картине конечного результата. На одном из проектов, мне понадобилось (с легкой руки и по прихоти заказчика) ...

Сниппет для вкладок навигации на css3

Сниппет для вкладок навигации на css3 Простейший способ создать эффективную панель вкладок без использования каких-либо javascript и изображений. Самое простое решение из всех, которые я встречал. Ничего лишнего, минимум кода и, компактный блок с переключаемыми вкладками легко интегрируется в любой макет страницы. Экспериментируя с параметрами свойств CSS, вы всегда сможете сформировать внешний вид вкладок, так чтобы они гармонично вписывались в общий дизайн ваших проектов. ...
Рейтинг@Mail.ru