Твит

Сегодня мы будем разбираться с псевдо-селекторами, а заодно создадим довольно интересное слайд меню. Для начала мы создадим меню используя техники CSS3. Потом мы реализуем то же самое без использования псевдо-селекторов, дабы пример был кроссбраузерным. И в самом конце мы заменим все новые штучки из CSS3 на старый добрый jQuery. Одна из основных целей этой статьи показать реальный пример использования псевдо-селекторов.

Твит

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

Действие плагина можно проверить самостоятельно, пройдя по ссылке и твиттнув пост.

Твит

С типографикой на сайте можно экспериментировать бесконечное количество раз. Одним из инструментов, который помогает это делать является свойство CSS3 text-shadow. На первый взгляд свойство text-shadow достаточно простое, но при должном внимании и сообразительности можно добиться потрясающих эффектов. Сегодня я хочу вам показать несколько таких примеров, которые вы легко сможете использовать в своих проектах.

Твит

Простой и дефолтовый счётчик сервиса линкопомйки и микроанонсов Twitter поставили все.В нём нет ничего не обычного - число твиттов и тыцка, что бы его пополнить.У меня точно такой же есть в спойлере (кто не видел, найдите самостоятельно; кто хочет сделать также - ищите через поиск заметку про спойлер).
Вроде как поставил и забыл, но иногда возникает желание усложнить некоторые устаканенные и примитивные вещи...
Поробности в статье.

Твит

Тема статьи - очередной обзор скриптов для ютуба. Я который раз вернулся к теме добавления плеера с кастомным (собственным списком видеороликов) плейлистом в содержимое статьи на блоге. Способ тяжеловат ради одноразового использования, но для видеоблога или частых публикаций в блоге видеороликов вполне подойдёт.
Для показа тамбнейлов используется отдельный скрипт jquery.jcarousel.min.js, который позволяет циклически перемещать превьюшки видеоклипов в оба направления. Функционал и внешний вид подстраиваются посредством css.
Работает скрипт, точнее это целая группа скриптов, фактически на любом блогодвижке (включая Blogger), где разрешается использовать функции библиотеки jQuery.

Твит

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

Твит

Установка поиска видеороликов и окна встроенного плеера Youtube на страницу блога.
С помощью json, jquery и ajax можно отображать и загружать видеоклипы в плеере без перезагрузки страницы.
Статья укомплектована примером кода (должно работать в любой cms, где разрешается использование javascrypt & jquery) и наглядной демонстрацией возможности youtube search api.
Данный поиск может быть полезен для "прокачки" видеоблога дополнительными возможностями.
Подробности в статье (кнопка "подробнее").

Твит

Scrolling Parallax это jQuery плагин, который добавляет эффект параллакса при прокрутке страницы с помощью скролбара или колеса мыши. Это позволяет фону страницы прокручиваться с другой скоростью нежели остальной контент страницы. Эффект параллакса позволяет с легкостью создавать иллюзию глубины вашего сайта. Самый простой вариант использования плагина это просто указать плагину путь до изображения. Плагин возьмет данное изображение и растянет его на всю ширину страницы и на 150% высоты страницы. Дополнительные 50% послужат для плавной прокрутки фона вместе с основным контентом. У плагина масса опций, которые позволяют скролить быстрее, медленнее, зацикливать скрол и т.д.

Твит

Как сделать, чтобы при наведении на ссылку курсора мыши появлялся автоматический скриншот (изображение страницы) запрашиваемого сайта? Несложный ответ - мегаплагин jQuery для всевозможных подсказок под названием qTip.
Модальные окна, подсказки, предпросмотры с картинками, т.е. всё, что всплывает поверх страницы и не требует её перезагрузки - всё реально сделать при помощи qTip.
Подробности по ссылке в статье. Плагин должен работать на любом движке, позволяющем использовать джаваскрипты.

Твит

Наверное каждый веб-мастер участвует в какой-либо партнерской программе и я не исключение. И для продвижения партнерских товаров все большей популярности набирают ротаторы баннеров. Пример такого ротатора Вы можете наблюдать на моем сайте в правом сайдбаре.

Обычно для того, чтобы разместить такой ротатор на своем сайте достаточно установить специальный javascript-код. Если разбираться глубже, то задачей этого javascript-а является встраивание на Вашу страницу специального iframe, который уже и загружает ротатор баннеров на Вашу страницу с сайта разработчика.

Все бы ничего, но у данного подхода есть несколько недостатков...

Твит

У Google есть такая замечательная штука как Google Libraries. Это CDN для популярных open-source javascript библиотек. Загрузка библиотеки jQuery с Google Libraries позволяет увеличить скорость загрузки страницы и снизит траффик на ваш сервер.

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