Дешевый хостинг



 

Эффект увеличительной линзы для картинок

Автор: mnogoblog | Дата: 10-08-2012 в 17:53 | Просмотров: 1550 | Комментариев: 0



Эффект увеличительной линзы для картинок
Здесь расскажу вам как вставить на страничку, запись на сайте wordpress картинку с эффектом лупы (линзы, lens, zoom, масштабирование изображения).

Данный метод достаточно прост в отличие от других, которые описаны на аналогичных блогах.

Что нам понадобиться?
Подключить JQuery
Подключить ImageLens плагин – jquery.imagelens.js
Изображение

Для начала нам необходимо закачать скрипты, вот по этой ссылке:

Категория: Создание и разработка

 

Создание Google Play вкладок для сайта на jQuery и CSS3

Автор: ducks99 | Дата: 23-05-2012 в 13:41 | Просмотров: 730 | Комментариев: 0



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

Категория: Создание и разработка

 

Форма e-mail подписки с валидатором на jQuery

Автор: ducks99 | Дата: 8-05-2012 в 16:05 | Просмотров: 764 | Комментариев: 0



В этом уроке я покажу, как мы можем сделать форму e-mail подписки на HTML5 с проверкой введенного адреса на JQuery. Для проверки будем использовать регулярные выражения, а сохранять введенный адрес будем в базе данных MySql. Таким образом при сохранении будет использован AJAX (т.е. вызовем PHP сценарий без перезагрузки страницы). Результат можно посмотреть на демонстрационной странице, а также скачать исходники. Приступаем!

Категория: Создание и разработка

 

Предзагрузка страниц на jQuery

Автор: ducks99 | Дата: 1-05-2012 в 14:41 | Просмотров: 1146 | Комментариев: 0



Предзагрузка страниц на jQuery
В этой коротенькой статье хочу рассказать Вам о предзагрузке страниц, с помощью скрипта QueryLoader2.
Он производит предварительное загрузку изображений, фоновых изображений, а уже после показывает готовую страницу. Это версия доработана специально для тех, кто пользуется jQuery, дабы минимизировать конфликты. Проверял во всех браузерах (последних версий) и даже в Internet Explorer 7, 8, 9 - работает.

Категория: Создание и разработка

 

Компактные формы комментариев для сайта

Автор: Cospi | Дата: 28-03-2012 в 00:42 | Просмотров: 797 | Комментариев: 1



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

Проблема: Сделать форму комментариев для блога с тремя вкладками (контакт, фэйсбук, стандартные wordpress коментраии). Вкладки плавно переключались на jQuery и выглядели более менее компактно и красиво.

Более подробно, вы можете прочитать на страницах блога Cospi

Категория: Создание и разработка

 

Эффект на Google Chrome Extension с помощью CSS3, jQuery и MooTools

Автор: ducks99 | Дата: 27-03-2012 в 16:41 | Просмотров: 857 | Комментариев: 0



Эффект на Google Chrome Extension с помощью CSS3, jQuery и MooTools
Вы наверняка знаете, что такое Google Chrome и возможно даже пользуетесь им. Тогда Вам должен быть хорошо известен Интернет-магазин Chrome, так вот там применяется следующий эффект — при наведении курсора мыши на миниатюру расширения, снизу «выезжает» панель с описанием и кнопкой добавить. В этоq статье реализуем подобный эффект тремя разными способами:
- на CSS3;
- с помощью jQuery;
- и MooTools.

Категория: Создание и разработка

 

Плавающее сообщение для блога

Автор: aldous | Дата: 19-03-2012 в 08:05 | Просмотров: 508 | Комментариев: 0



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

Категория: Создание и разработка

 

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

Автор: ducks99 | Дата: 9-03-2012 в 08:48 | Просмотров: 1313 | Комментариев: 0



Скроллер контента для сайта на jQuery
В сегодняшнем уроке разберем создание очень простого, но в тоже время удобного, а главное нужного скроллера (прокрутчика) контента на сайте. В последнее время стало очень модным делать сайты только одной страницей, и использовать в главном меню ссылки на параграфы в этом документе. Так вот давайте рассмотрим пример создания такого прокрутчика страницы на jQuery.Для большей наглядности посмотрите Демо страницу и посмотрите как происходит прокрутка текста, а также не забудьте скачать Исходники.

Категория: Создание и разработка

 

ColorBox - делаем слайдшоу и галереи

Автор: aldous | Дата: 27-02-2012 в 21:28 | Просмотров: 1726 | Комментариев: 0



ColorBox - делаем слайдшоу и галереи
Что такое ColorBox? Это jQuery плагин модальных окон. Он выводит фактически любой контент в красивом окне с анимацией и затемнением поверх страницы. В прошлыq раз я показывал, как отображать в таких окнах красиво отформатированный текст с картинкой (html код), в этой статье описываю прямое предназначение ColorBox - работа с группой изображений. Получается нечто вроде галерей и можно сделать слайдшоу с автопролистыванием картинок.

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

Категория: Создание и разработка

 

Модальное окно и скрытый текст с помощью ColorBox

Автор: aldous | Дата: 26-02-2012 в 13:14 | Просмотров: 763 | Комментариев: 0



Модальное окно и скрытый текст с помощью ColorBox
В статье описана процедура показа скрытого на странице отформатированного текста с изображением в красивом всплывающем модальном окне. Реализовано это с помощью плагина на jQuery под названием ColorBox и его функции Inline (показ контента со странице). ColorBox умеет работать с изображениями, заменяя Lightbox, ютобвскими роликами и фремами.
Поддерживаются разные стили. Скрипт универсальный, должен работать везде, пример расписан для платформы Blogger/Blogspot.
Остальные подробности с демкой и скриншотами в статье.

Категория: Создание и разработка

 

Dnews - слайдер последних новостей из RSS ленты

Автор: aldous | Дата: 17-02-2012 в 20:45 | Просмотров: 734 | Комментариев: 0



Dnews - слайдер последних новостей из RSS ленты
Приглянулся мне тут один слайдер ссылок. Называется он Dynamic News и предназначается для показа заголовков любой валидной rss ленты со всплывающим фрагментом текста (то есть статьи).
Ниже я дам готовое решение, а любознательные пользователи могут скачать скрипт со стилями и самостоятельно настроить этот слайдер.
Варианты использования в : динамический показ заголовков статей (фид определённого сайта) где-нибудь в футере или над статьями.
Подробности с демо в статье.

Категория: Создание и разработка