Блог Web-мастера

jQuery, php, CSS и немножко SEO


Холивар - горячие споры!

апреля 17, 2009
holywars

Холивар - горячие споры!

Сегодняшнее утро началось с открытия для себя одного интересного ресурса - holywars.ru . Приятный дизайн и удобство в использовании заставили зависнуть всем отделом на полдня. Решил о нем отписаться.

Что это за проект?:

Холиварс.ру — это удобная платформа для проведения споров на самые разные (серьёзные и не очень) темы:

  • Кокаин vs Онлайн игры
  • Одноклассники.РУ vs Вконтакте.РУ
  • pc vs mac
  • добро vs зло
  • лево vs право
  • и т.д.

Здесь 2 стороны пытаются переубедить друг друга, пишут свои аргументы, контраргументы и контрконтраргументы, и контрконтрконтраргументы.
Но логотипе сервиса хоть и стоит значёк beta, я не заметил никаких багов, всё работает должным образом.

Заходите, проверьте сами, пока!

Google Bookmarks Digg I.ua Linkstore Myscoop Communizm Ru-marks Webmarks Ruspace Linkomatic Kli.kz Web-zakladka Zakladok.net Reddit delicious Ma.gnolia Technorati Slashdot Yahoo My Web News2.ru БобрДобр.ru Ваау! Memori.ru rucity.com МоёМесто.ru Mister Wong

Если Вам понравилась эта статья,
подпишитесь на RSS !

Библиотека JavaScript Image Processing Library

апреля 16, 2009
Библиотека javascript pixastic

Библиотека javascript pixastic

Давиче хотел найти  как сделать эффект мутной прозрачности как в Vist’е и наткнулся на интересную javascript библиотеку pixastic, о ней, собственно и пойдет речь.

Для начала покажу пример.

Довольно занятно не правда ли? И это без подмены изображений, на чистом javascript.

С помощью этой библиотеки к изображениям можно применять  следующие эффекты:

  • Blend - наложение изображений
  • Blur - размытие
  • Blur Fast -  размытие (можно задать силу размытия)
  • Brightness/Contrast - яркость/контраст
  • Color Adjust - цвето-фильтры
  • Color Histogram - цветовая гистограмма
  • Crop - обрезание изображения
  • Desaturate - чёрно-белое
  • Emboss - рельефное изображение
  • Flip Horizontally - отразить по-горизонтали
  • Flip Vertically - отразить по-вертикали
  • Glow - свечение
  • Hue/Saturation/Lightness - оттенок / насыщенность / яркость
  • Invert - инверсия
  • Lighten - яркость
  • Mosaic - мозаика
  • Noise - шум
  • Posterize - пастеризация
  • Remove Noise - убрать шум
  • Sepia - сепия
  • Sharpen - четкость
  • и.т.д

Область применения:

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

Кстати о наведении мыши, на сайте разработчиков не нашел как сделать так, чтобы при onmouseover применялся эффект, а при onmouseout - возвращались исходные значения. Пришлось сделать самому на jquery, скачать и просмотреть реализацию (39 Kb)  можно!

На сайте разработчиков можно собрать свою сборку библиотеки, в которую Вы сможете добавить только те эффекты, которые Вам нужны. Так же можно скачать библиотеку в виде плагина jquery.

P.S. По просьбам читателей реализован обратный эффект, т.е. при загрузке страницы изображение - чёрно-белое (к примеру), а при наведении мыши становится цветным.

Скачать демо обратного эффекта.

P.P.S. Добавлен пример эффекта blur fast

Скачать демо blur-fast.

Google Bookmarks Digg I.ua Linkstore Myscoop Communizm Ru-marks Webmarks Ruspace Linkomatic Kli.kz Web-zakladka Zakladok.net Reddit delicious Ma.gnolia Technorati Slashdot Yahoo My Web News2.ru БобрДобр.ru Ваау! Memori.ru rucity.com МоёМесто.ru Mister Wong

Если Вам понравилась эта статья,
подпишитесь на RSS !

11 плагинов WP, которыми пользуюсь сам.

апреля 13, 2009

В этом посте хочу поделиться плагинами моего любимого движка для блогов - Wordpress. Сначала хотел их упорядочить по-значимости, но не смог, так как все они хороши, и у каждого своё предназначение. Не долго думая, расположу их в алфавитном порядке. Поехали…

1. All in One SEO Pack

All in One SEO Pack - позволяет устанавливать заголовки, тайтлы, метаописания , ключевые слова как для всего блога в целом, так и для каждого поста в отдельности.

2. CyStat

CyStat - очень подробная статистика посещения блога.

Основные возможности плагина:

  • Статистика по блогу (популярность страниц, последние комментируемые страницы, наиболее активные авторы комментариев, популярные метки и рубрики, статистика баз данных.)
  • Статистика клиентов (браузеры, операционные системы, браузеры по версиям, поисковые системы, инструменты и скрипты)
  • Источники траффика
  • Роботы и инструменты
  • Страницы (самые посещаемые страницы блога, страницы входа, ошибки 404)
  • Временной анализ (подробная статистика просмотров и визитов за час, день, неделю, месяц, год)
  • Параметры (настройка фильтров, управление базами данных)

3. FeedBurner FeedSmith

FeedBurner FeedSmith - перенаправляет rss фид блога через сервис feedburner, что позволяет вести статистику по подписчикам, использованию фида и даже поможет монетизировать ваш фид, не без участия AdSense, конечно.

4. FeedBurner Widget

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

5. Google XML Sitemaps

Google XML Sitemaps - очень полезный плагин. Когда я публикую пост, он автоматически обновляет файл sitemap.xml и оповещает об обновлениях Google.com, Ask.com,MSN.com

6. highlight.js

highlight.js - плагин подсветки синтаксиса кода. Облегчает написание постов, в которых необходимо выложить исходники для примера. Плагин сам подсвечивает код.

Знает следующие языки:

  • 1C
  • AVR Assembler
  • Apache
  • Axapta
  • Bash
  • C#
  • C++
  • CSS
  • DOS .bat
  • Delphi
  • Django
  • HTML, XML
  • Ini
  • Java
  • Javascript
  • Lisp
  • MEL (Maya Embedded Language)
  • PHP
  • Perl
  • Python
  • Python profile
  • RenderMan (RIB, RSL)
  • Ruby
  • SQL
  • Smalltalk
  • VBScript
  • diff

Есть две темки оформления для плагина моего производства: brown paper и school book

7. MaxSite Russian Date

MaxSite Russian Date -  выводит даты в “Русском формате”. Например: вместо «13 Апрель 2009» выведет «13 апреля 2009».

8. RusToLat

RusToLat - плагин производит транслитерацию русских символов URL в английские.

9. WordPress Related Posts

WordPress Related Posts - плагин в конце поста выводит похожие записи. Помогает подольше удержать посетителей в блоге.

10. WP Super Cache

WP Super Cache - плагин  генерирует HTML файлы, которые обслуживаются непосредственно Apache, без обработки сравнительно тяжелых PHP скриптов. С помощью этого плагина Вы сможете значительно ускорить ваш блог.

11. Zakladka

Zakladka - плагин для добавления статей в закладки.

Основные возможности:

  • Управление отображаемыми ссылками через админку
  • Возможность как автоматической (в конце статьи по умолчанию), так и ручной вставки кода
  • Возможность включать/отключать аттрибут rel=”nofollow”
  • Возможность включать/отключать открывание ссылок в новом окне
  • Автоматическое отслеживание текущей версии плагина

Заключение

Все плагины проверены мной лично, все просты в установке и не прихотливы в использование. Одним словом, советую

The end.

    Google Bookmarks Digg I.ua Linkstore Myscoop Communizm Ru-marks Webmarks Ruspace Linkomatic Kli.kz Web-zakladka Zakladok.net Reddit delicious Ma.gnolia Technorati Slashdot Yahoo My Web News2.ru БобрДобр.ru Ваау! Memori.ru rucity.com МоёМесто.ru Mister Wong

    Если Вам понравилась эта статья,
    подпишитесь на RSS !

    Фотогалерея Image.VIT

    апреля 9, 2009

    Фотогалерея Image.VIT — галерея пользователей феодосийской городской сети ООО ТКК «ВИТ»

    image-vti-net-ua

    Фотогалерея

    Фотография - это в первую очередь воспоминания, мгновение, сохраненное для будущего. Раньше эти мгновения хранились в фотоальбомах, в шкафу. Но для нашего стремительного “цифрового” времени этого мало. Необходимо дать всем желающим, или только тем, кому мы доверяем,  возможность вместе с нами просматривать наши счастливые  моменты жизни, для этого и была создана фотогалерея Image.vit

    Галерея Image.VIT — это:

    • личные фотоальбомы
    • участие в общих альбомах различных тематик
    • доступ к своим альбомам не только из Феодосийской локальной сети VIT, но и Интернет
    • возможность давать ссылки на свои альбомы и фотографии друзьям и знакомым со всего мира
    • Коды для вставки изображений на сайт, форум, блог
    • Интересные акции и конкурсы для всех

    Компания ВИТ с удовольствием приглашает Вас принять участие в новом проекте — тематических фотоконкурсах. Любой конкурс - это, прежде всего, великолепная возможность заявить о себе и своих возможностях, продемонстрировать свое умение в той или иной области. Цель конкурса - выявить новых талантливых участников-фотографов, которые готовы поделиться своим взглядом на мир сквозь объектив своей фотокамеры.

    Google Bookmarks Digg I.ua Linkstore Myscoop Communizm Ru-marks Webmarks Ruspace Linkomatic Kli.kz Web-zakladka Zakladok.net Reddit delicious Ma.gnolia Technorati Slashdot Yahoo My Web News2.ru БобрДобр.ru Ваау! Memori.ru rucity.com МоёМесто.ru Mister Wong

    Если Вам понравилась эта статья,
    подпишитесь на RSS !

    10 галерей для Вашего сайта

    апреля 7, 2009

    1. Лайтбокс Lightbox2

    Лайтбокс - простой, ненавязчивый скрипт, используется для наложения изображения на текущую страницу. Легко и быстро настраивается и работает во всех современных браузерах. Особенности: можно использовать с группами изображений и легко переключаться между ними (предыдущее - следущее).  Лайтбокс анимированно ресайзится под размеры изображения. Используется prototype.

    lightbox | jquery

    lightbox | prototype

    2. Cлайдер изображений jQuery Image Strip

    jQuery Image Strip - слайдер изображений, с эффектом скольжения по-горизонтали. Используется jQuery.

    jQuery Image Strip

    Image Strip | jquery

    3. Cлайдер изображений slideViewer  1.1

    slideViewer 1.1 - простой слайдер изображений, с эффектом скольжения по-горизонтали. Построен на ненумерованных списках. Используется jQuery.

    gallery-3

    slideViewer | jquery

    4. Cлайдер изображений Photo Slider

    Photo Slider - слайдер изображений, отличается от остальных автоматической прокруткой изображений, с возможностью приостановки. Используется jQuery.

    gallery-4

    Photo Slider | jquery

    5. Обрезание изображений jQuery Thumbs

    jThumb - динамично обвертывает изображения  и / или ссылки с изображениями в div. Вы можете задать им конкретные размеры (ширина и высота) в CSS файле. В кадр попадает середина изображения. Используется jQuery.

    gallery-5

    jQuery Thumbs | jquery

    6. Слайдер изображений  jCarousel Lite

    jCarousel Lite - очень легкая галерея, всего лишь 2 kb.  Позволяет прокручивать изображения, HTML - код. Используется jQuery.

    gallery-6

    jCarousel Lite | jquery

    7. Эффекты смены изображений jQuery Cycle Plugin

    Cycle Plugin - плагин jquery, используется для создания эффектов при смене изображений в галерее.

    gallery-7

    Cycle Plugin | jQuery

    8.  Галерея с миниатюрами lightweight image gallery

    lightweight image gallery - галерея с миниатюрами. Используется javascript. gallery-8

    9. Галерея с миниатюрами Galleria

    Galleria - красивая галерея с миниатюрами. Особенности: показ описания изображения, возможность  листания изображений (предыдущее - следующее) Используется jQuery.

    gallery-9

    Galleria | jquery

    10.  Простая галерея на HTML - HTML vs jQuery

    html vs jquery - самая простая галерея. В ее основе лежит html - тэг “marquee”. Управление галереей осуществляется небольшими функциями javascript. Код галереи - 10 строк (галерея + управление). Используется HTML.

    Галерея на HTML

    html vs jquery | html + javascript

    Вот, собственно, и всё! Желаю блестящих реализаций всех ваших идей.

    Google Bookmarks Digg I.ua Linkstore Myscoop Communizm Ru-marks Webmarks Ruspace Linkomatic Kli.kz Web-zakladka Zakladok.net Reddit delicious Ma.gnolia Technorati Slashdot Yahoo My Web News2.ru БобрДобр.ru Ваау! Memori.ru rucity.com МоёМесто.ru Mister Wong

    Если Вам понравилась эта статья,
    подпишитесь на RSS !