Архивы за месяц: ноября 2008

Говнокод онлайн

Владимир | | Разное.

На днях меня попросили написать об одном ресурсе под названием Говнокод онлайн.

Обычно я такие обзоры не пишу, но тут мне понравилась идея. Точнее не сама идея (она далеко не новая), а потенциал, заложенный в неё.

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

Явных ограничений по языкам программирования нет, но в форме для отправки кода только 10 вариантов. Кроме того, вместо кода можно написать обычный текст.

Также присутствует система рейтингов. Правда, не совсем понятно, влияет ли она на сортировку. В начале главной страницы находятся записи с меньшим рейтингом.

Кроме того, я так и не понял, на кого рассчитан ресурс. Большинство авторов дает минимум пояснений к коду. Т.е. новичку разобраться будет сложно, а профессионалу – не интересно (разве что захочется посмеяться над чужими ошибками).
Читать дальше

Переключение чекбоксов с помощью jQuery

Владимир | | HTML, JavaScript, Web разработка.

На днях мне нужно было написать небольшую JavaScript функцию (на jQuery), которая переключала бы группу чекбоксов. Т.е. все отмеченные чекбоксы должны были стать неотмеченными и наоборот.

Кстати, это довольно широкораспространенная задача.

Количество чекбоксов изменялось динамически и некоторые из них могли быть не активными (их трогать нельзя).

Вобщем, уложился я в шесть строк (включая объявление функции).
Читать дальше

Подключаем FCKeditor к CodeIgniter

Владимир | | CodeIgniter, PHP, Web разработка.

FCKeditor, на мой взгляд, один из лучших online редакторов. И в теории его можно подключить практически к любому сайту, независимо от того какой движок/фреймворк/CMS используется.

Но, естественно, всегда существует несколько нюансов, которые немного усложняют жизнь 🙂

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

Дело вот в чем. Плагины и библиотеки (пользовательские) обычно находятся в папке application, которая не обязательно должна находиться внутри DOCUMENT_ROOT. Точнее, с точки зрения безопасности, эту папку лучше убрать за пределы DOCUMENT_ROOT чтобы исключить любую возможность прямого доступа к скриптам сайта (т.е. скрипты будут доступны только через index.php).

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

Как оказалось, обойти эту проблему совсем не сложно.
Читать дальше

Психологический поиск в WordPress

Владимир | | WordPress.

Сегодня речь пойдет о плагине для WordPress, который помогает узнать желания посетителей. Естественно, речь идет о желании почитать что-нибудь интересное на блоге, а не пойти попить пивка (для этого плагин не нужен 😉 ).

Любой блоггер старается стать популярным, но для этого нужно написать что-то интересное и полезное для читателей. И тут сразу возникает вопрос: «А что интересует посетителей?»

Рекомендаций на эту тему масса, но рабочих способов всего два:

1) проанализировать статистику (например, и Google, и Яндекс предоставляют инструменты для оценки популярности поисковых фраз);

2) спросить ваших читателей (устроить опрос или просто попросить высказаться в комментариях).

Второй способ, конечно, более точный, но требует определенных действий со стороны посетителя. А если человеку что-то нужно именно сейчас, то вряд ли он будет писать в комментариях автору просьбу написать статью на такую-то тему. Скорее всего, он продолжит поиск где-нибудь ещё.

Анализ поисковых запросов очень полезен, но его можно дополнить. Ведь люди ищут информацию не только с помощью поисковых систем вроде Google и Яндекс. Например, встроенная система поиска есть в любом блоге на движке WordPress.

Плагин о котором я хочу рассказать называется Psychic Search и предназначен для сбора статистики поиска по блогу и её анализа.

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

Подсветка тегов в редакторе WordPress

Владимир | | WordPress.

Вчера наткнулся на очень интересный плагин для WordPress. Называется WP Advanced Code Editor.

Если говорить кратко, то этот плагин расширяет возможности стандартного HTML редактора. Визуальный режим (WYSIWYG) при использовании WP Advanced Code Editor должен быть отключен.

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

Нормально вставить их в визуальном редакторе практически невозможно, т.к. он пытается внести в них изменения. Кроме того, чтобы правильно работала подсветка кода мне необходимо указать язык программирования в теге pre:

<pre lang="php">...</pre>

Этого тоже нельзя сделать в WYSIWYG режиме.

Конечно, если вы пользуетесь визуальным редактором, то можете дальше не читать. Вряд ли этот плагин вам пригодится.

Теперь подробнее о возможностях.
Читать дальше

Собственный сервис поиска с помощью Google Maps

Владимир | | HTML, JavaScript, Web разработка.

Современные web сервисы позволяют с минимальными усилиями существенно расширить функциональность сайта.

Сегодня речь пойдет об использовании карт от Google на собственном сайте.

Для начала определимся с задачей.

Допустим, нам нужно сделать поиск по картам. Т.е. посетитель вводит название города в поле формы, нажимает кнопку «Найти».

После этого наше приложение показывает соответствующую карту.

В общем, должно получиться что-то похожее на эту страницу.

Переходим к реализации.

Для использования карт Google на собственном сайте нужно получить специальный ключ (AJAX Search API Key).

Процедура предельно простая. Заходим на страницу регистрации, соглашаемся с лицензией, вводим адрес сайта в форму и жмем кнопку «Generate API Key».

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

Размещаем карту на странице.
Читать дальше

А вам нужна собственная социальная сеть?

Владимир | | Web разработка, Разное.

Сегодня я хочу сделать небольшой анонс бесплатного движка для создания социальных сетей LiveStreet.

Думаю, рассказывать о том зачем нужны социальные сети нет никакого смысла. Если вы ими не пользуетесь, то вряд ли вам потребуется этот движок 😉

На мой взгляд, LiveStreet заслуживает особого внимания по двум причинам:

1) он бесплатный;

2) его автор наш соотечественник, т.е. документация, комментарии в исходниках, общение с разработчиком – все на русском 🙂

Получить общее представление о возможностях движка можно на тестовом сайте.

Если не присматриваться, то впечатление такое, что попал на Хабрахабр (статьи там, конечно, другие 🙂 ). Дизайн очень похож. Все основные возможности тоже присутствуют:
Читать дальше

Создаем подсказки в стиле WP-Coda

Владимир | | CSS, HTML, JavaScript, Web дизайн, Web разработка.

Думаю, все кто интересуется web дизайном видели тему для WordPress WP-Coda.

Меня прежде всего заинтересовал эффект со всплывающим блоком (появляется над первым пунктом в горизонтальном меню).

Эффект очень красивый и мне захотелось сделать всплывающие подсказки в таком же стиле.

Как оказалось – ничего сверх сложного 😉 .

Прежде всего, рассмотрим принцип работы эффекта.

При наведении указателя мышки на какой-то элемент страницы плавно появляется блок с текстом. При этом одновременно применяются два эффекта: перемещение и изменение прозрачности.

Если переместить мышку на другой элемент страницы – блок плавно исчезает.

В оригинальном варианте при наведении мышки на блок с текстом он остается видимым. Но, я решил, что для подсказок такое поведение не самое удачное, т.к. под ними могут оказаться нужные посетителю элементы страницы. Поэтому у меня блок исчезает, как только посетитель убирает мышку с элемента, для которого установлена подсказка.
Читать дальше

Оригинальное поведение Google Reader'а

Владимир | | Разное.

Недавно я заметил, что смайлики в Google Reader'е начали отображаться в отдельных строках. По началу не обратил на это внимания, но потом заметил, что проблема возникла не только у меня.

Раньше, по-моему, все было нормально… или это мне кажется?

Сначала я подумал, что проблема в моей RSS ленте или FeedBurner'е.

Но оказалось, что и там и там все правильно. Смайлик находится внутри строки как и было задумано. HTML разметка такая:

<img class="wp-smiley" alt=":-)" src="https://www.simplecoding.org/wp-includes/images/smilies/icon_smile.gif"/>

А вот в Google Reader'е разметка уже немного другая:

<img class="content-block-fix" alt=":-)" src="https://www.simplecoding.org/wp-includes/images/smilies/icon_smile.gif"/>

Заметили class="content-block-fix"?

К нему прилагается два CSS правила:

.content-block-fix {
    display:block;
    margin:10px 0;
}

Думаю, особые пояснения здесь не нужны. Первое правило делает картинку со смайликом блочным элементом, который отображается, как и положено блочному элементу в отдельной строке.

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

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

1) Где ещё Google Reader использует класс .content-block-fix?

2) Стоит ли вообще возиться?

Плагины WordPress или как сделать чтобы блог перестал работать :)

Владимир | | Web разработка, WordPress.

Сколько раз говорю себе: не экспериментировать с рабочей версией блога. Но, как обычно, хочется сделать все побыстрее, а в результате получается черте как.

И вот, на днях искал я плагины для подсветки кода, даже несколько постов на эту тему написал (этот и этот).

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

Отзывы о них были очень хорошие, и я решил, что ничего страшного не произойдет, если я сразу установлю их на сервере.
Читать дальше