Категории: Web разработка

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

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

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

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

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

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

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

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

Собственный сервис поиска с помощью 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.

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

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

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

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

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

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

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

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

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

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

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

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

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

jQuery + Chili = подсветка кода

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

Некоторое время назад я делал обзор библиотек, предназначенных для подсветки кода. Но тогда я упустил из виду одно очень интересное решение (скорее всего не одно 🙂 ).

Называется эта библиотека Chili и представляет собой плагин к jQuery. Т.е. в данном случае речь идет о подсветке кода на стороне браузера.

Это очень удачное решение, особенно если вы уже используете jQuery для других целей. В этом случае объем дополнительного JavaScript кода сводится к минимуму.

Прежде всего, посмотрите на список поддерживаемых языков: C++, C#, CSS, Delphi, Java, JavaScript, LotusScript, MySQL, PHP и XHTML.

Конечно, если сравнивать с библиотеками вроде GeShi (которые выполняют подсветку на стороне сервера), то список выглядит совсем не впечатляюще. Но, с другой стороны, вы не используете ресурсы сервера для подсветки.

Да и по большому счету все самые распространенные языки присутствуют.
Читать дальше

Как убедить посетителей пользоваться нормальным браузером

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

О браузере компании Microsoft написано очень много. Он стал настоящей костью в горле у большинства web мастеров.

Если не верите, почитайте описания различных CSS эффектов. Уверен, что вам не придется долго искать слова «IE hack» 🙂

К сожалению, дело не ограничивается только проблемами с поддержкой web стандартов. Internet Explorer попросту не безопасен. Например, многие мои знакомы отметили, что у них стало гораздо меньше проблем с вирусами после перехода на Opera или FireFox.

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

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

Вот теперь мы и подошли к основной теме поста.
Читать дальше

Создаем рейтинги с помощью jQuery

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

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

Называется он jQuery Star Rating Plugin.

Принцип работы очень простой.

На web странице вы размещаете несколько радиокнопок (radio buttons) и подключаете плагин. После этого ваши кнопки превратятся в звездочки, которые будут менять цвет при наведении мышки на них.

Как это выглядит, смотрите на скриншоте

jquery_stars1

Уверен, что вы не раз встречали подобную систему на различных сайтах.

Теперь посмотрим, что нужно для работы плагина.
Читать дальше

Генератор форм для новой версии CodeIgniter

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

Думаю, все кто работает с CodeIgniter в курсе – на этой недели вышла его очередная версия (1.7).

Изменения довольно интересные и существенные (на русском здесь). Самое главное — добавлена новая библиотека для проверки форм (Form Validation).

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

То же самое касается и моего генератора форм. Работать со старой версией можно, но код будет совместим только с версиями 1.6 и более ранними.

Т.к. отставать от развития не правильно, я написал новую версию генератора.
Читать дальше

Определяем нагрузку на сервер Apache

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

В этой статье я расскажу о том, как получить данные о работе web сервера Apache и представить их в удобном для анализа виде.

Начнем с получения данных.

Для того этого, необходимо подключить модуль mod_status. Он отслеживает работу сервера и показывает данные в виде обычной html страницы. С его помощью можно узнать:

1) количество процессов, выполняющих обработку запросов;

2) количество процессов, которые находятся в состоянии ожидания;

3) состояние каждого процесса, число обработанных им запросов и переданных данных;

4) общее количество запросов и переданных данных;

5) время работы сервера (запуск, перезапуск и общее время работы (uptime));

6) общая статистика: среднее число запросов в сек, байт на запрос, байт в сек;

7) использование CPU каждым процессом отдельно и apache’ем в целом в данный момент;

8 ) хосты и их запросы, которые обрабатываются в данный момент.

Переходим к настройке
Читать дальше