Интерактивное слайд-шоу. Интерактивный — Слайдер.

Slideshow

Это экспериментальный интерактивный слайд-шоу компонент с математическими формами и текстом, с использованием Canvas. Каждый слад этого Слайд-шоу состоит из символа или фигуры и текста, которые всвою очередь сделаны из интерактивных частиц, с которыми пользователь может взаимодействовать. С Canvas можно динамически рисовать 2D вещи с помощью JavaScript и этот эксперимент показывает некоторые из возможностей.

Читать далее »

Табы с помощью CSS3

1359374875_tabs

Табы на мой взгляд являются одним из лучших решений для тематического структурирования информации, а также  для компактного предоставления контента пользователю на одной странице. Сегодня мы разберемся как создать такую функциональную штучку без использования Javascript на одних лишь HTML и CSS3.
Читать далее »

Как сделать адаптивный (резиновый) слайдер изображений с помощью jQuery и CSS3

logo

 

Прежде чем начать, скажу что нам потребуется подключить две внешних библиотеки:

  1. FlexSlider — плагин используемый разработчиками WooThemes, работает быстро без нареканий. Вы можете скачать плагин отдельно с официального сайта или все вместе с исходниками в конце статьи.
  2. Библиотека jQuery — ее мы подключим непосредственно из репозитория Google.

Читать далее »

Модальные всплывающие окна с помощью CSS3 без Javascript

css-modal-wind

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

Читать далее »

Слайдер на чистом CSS3

 

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

Webform — плавное исчезновение текста при наведении курсора

К примеру, вы создали форму обратной связи при помощи модуля  Drupal  «webform». Теперь мы хотели бы, чтоб название в поле (label) выводилось в самом поле ( имеется ввиду, не над полем и не с лева от него, а именно внутри данного поля. При наведении курсора на данное поле, название плавно исчезало и не создавало дополнительных лишних действий.

Для чего это необходимо? А все просто, вы наверное часто замечали формы обратной связи, в которых необходимо удалять текст приведенный для примера в поле «Имя»  пишут надпись «ИВАН», как будто мы не понимаем, что необходимо написать. Ну и мало того, эту надпись ещё необходимо удалить, так вот, что бы не мучать наших клиентов мы сегодня научимся её удалять при наведении мышки.

Для этого нам понадобиться добавить в наш css следующий код:

Читать далее »

Скрипт кэширования сайта на wordpress

wp-speed

Скрипт кэширования.

Скрипт для сайта – это тема сегодняшней статьи, а конкретно – скрипт кэширования для сайта на wordpress. На блоге я уже рассказывал о кэшировании сайта в статье. Но в этой статье я предлагал выполнять кэширование с помощью плагина huper cache, а в данной статье я расскажу о том, как это самое кэширование можно делать, установив на сайте небольшой скрипт.

Читать далее »

Кнопка возврата на предыдущую страницу

Easy_Returns-512

Иногда на сайте возникает потребность поставить кнопку или ссылку возврата на предыдущую страницу. Эту не сложную задачу можно решить при помощи следующего кода:

Читать далее »

Вкладки (Табы/Tabs) на чистом CSS

Вкладки (Табы/Tabs) на чистом CSS с интересным эффектом появления — исчезновения, из минусов высоту вкладки нужно задавать в ручную.

Читать далее »