Эффект с помощью CSS3 Transform 3D

      CSS

Здравствуйте, уважаемые читатели XoZbloga! Есть много способов, показать информацию о продукте. В этом уроке я собираюсь рассказать Вам, как можно сделать куб с информацией на гранях. Будет применен эффект, который основан на CSS3 Transform 3D. Эффект корректно работает в FF, Chrome и Safari, Opera и IE пока не поддерживают CSS Transform 3D.

CSS слайдер изображений с эскизами

      CSS

Здравствуйте, уважаемые читатели XoZbloga! Сегодня разберем на практическом примере использование CSS3 transitions, которое позволяет изменить свойство CSS плавно и в течение некоторого времени. А именно на примере создания простого слайдера изображений с эскизами. Благодаря CSS3 можно добиться следующего равновесия — кода минимум, а действий максимум.

Создаем аккордеон для сайта

Здравствуйте, уважаемые читатели XoZbloga! В этой статье разберем 3 способа создания аккордеона для сайта:

  • с помощью jQuery;
  • с помощью CSS3;
  • с помощью HTML5.

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

Тема для WordPress — Launch

Здравствуйте, уважаемые читатели XoZbloga! Launch — это свеженькая бесплатная премиум тема для WordPress от ThemeZilla. Тема отлично подходит для личного блога. Можно выбирать тип записи будь то: видео, аудио, изображения, ссылки, цитаты и конечно стандартные сообщения.
Работает на WordPress 3.1 и выше. Также в теме есть видео-виджет, виджет последних твиттов и другие «примочки». Скачать можно по ссылке выше с сайта автора, необходимо ввести свой электронный адрес. Либо по кнопке ниже, но с этого блога (так сказать запасной вариант). В архиве с темой присутствует .PSD файлы со слоями.

Таймер обратного отсчета для сайта

Здравствуйте, уважаемые читатели XoZbloga! Вы наверняка уже видели на сайтах таймер обратного отсчета. То есть таймер отсчитывает время до начала чего-либо. Например Вы запускаете новый проект, и уже зарегистрировали адрес в сети, но сайт пока не готов, как правило создается страница с таймером до запуска проекта! Еще можно включить таймер до начала проведения акции или начала действия скидок в интернет-магазине. Одним словом безграничные возможности для применения таймера на сайте. Предоставляю Вашему вниманию таймер обратного отсчета для сайта.

Текстовый редактор для сайта — wysihtml5

      HTML

Здравствуйте, уважаемые читатели XoZbloga! В этой статье расскажу Вам о wysihtml5 — текстовом редакторе для сайта с открытым исходным кодом. wysihtml5 использует сложные концепции безопасности и стремится создать правильную и чистую разметку HTML5, предотвращая добавление ненужных тегов и встроенных стилей, которыми так часто грешат другие текстовые редакторы. В тоже время очень быстрый и легкий в работе. Поддерживается даже речевой ввод для Chrome! Одним словом хороший текстовый редактор, который можно настроить для своих нужд!

Google Play вкладки на jQuery и CSS3

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