Апр 07

Файловый менеджер для TinyMCE и CKEditor

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

Что выбрать в качестве редактора текстов особых вопросов нет, сразу на помощь приходят TinyMCE или CKEditor - оба можно использовать бесплатно в соответствии с LGPL лицензией. Но вот для того, чтобы пользователь мог загружать картинки на сайт - универсального решения нет. Конечно к каждому редактору предлагаются решения от производителей (к TinyMCE - MCImageManager и MCFileManager, к CKEditor - CKFinder), но все они платные.

Из бесплатных альтернатив неплохой является Ajex File Manager.

Ajex File Manager

Плюсы:

  • Бесплатный;
  • Умеет уменьшать разрешение картинок в процессе загрузки;
  • Показывает уменьшенные версии картинок при просмотре;
  • Поддерживает групповое удаление файлов.
  • Встраивается как в TinyMCE, так и в CKEditor (на сайте автора есть примеры).
  • Автоматически преобразует русские имена файлов в кириллицу.

Минусы:

  • Интерфейс пользователя с первого взгляда не понятен.  Становится очевидным не сразу, а после некоторой работы с ним и изучения подписей к кнопкам.
  • Параметр $cfg['url'] в настройках задает базовую директорую, в которую, как мне показалось, загрузить посредством редактора ничего нельзя (в редакторе, кстати, она всегда стоит на самом верхнем уровне и называется upload, что тоже не очевидно). Проблема решается размещением в этой директории других директорий, например, image, file и т.п. В которые уже можно заходить и сохранять файлы.
Опубликовать в Мой Мир
Опубликовать в Одноклассники
Опубликовать в Google Plus
Опубликовать в LiveJournal
Апр 03

Фриланс. Плюсы и минусы

У фриланса, как и у работы по найму, есть определенные плюсы и минусы.

Плюсы Минусы
Полная свобода действий. Отсутствие оплачиваемых больничных и отпусков.
Свободный график, свободное планирование работ, плавающие выходные и отпуск. Отсутствие оплачиваемых больничных и отпусков.
Гибкость при выборе задач и проектов. Одновременное выполнение нескольких задач часто приводит к повышенным нагрузкам.
Нет надоедливого и своенравного начальника. Начальников обычно несколько и все хотят получить всё и сразу.
Оплата по факту выполнения заданий. Хорошо работаешь — много зарабатываешь. Лень, плохое настроение и отсутствие мотивации заметно снижают доходы.
Возможность профессионального роста, развития бизнеса, изменения направлений деятельности. Меньшая экономическая стабильность, чем на обычной работе.
Фрилансер обычно регистрируется как ИП (или ООО) и переходит на упрощенную систему налогообложения, это дает некоторую экономию на налогах и обязательных платежах в страховые фонды. Необходимость вести и в срок сдавать отчетность, платить налоги и обязательные платежи в фонды самостоятельно.

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

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

Опубликовать в Мой Мир
Опубликовать в Одноклассники
Опубликовать в Google Plus
Опубликовать в LiveJournal
Мар 02

Отображаем картинки красиво: FancyBox и другие

Очень часто хочется, чтобы при клике на уменьшенную копию картинки большая картинка открывалась не в новой вкладке и не в новом окне, а прямо на текущей странице, причем красиво. Как этого добиться? Существует множество готовых инструментов, таких как: LightBox, LyteBox, FancyBox и другие.

Остановимся на последнем - FancyBox, т.к. на мой субъективный взгяд он отображает информацию приятнее всего и при этом более гибок в настройках.

Вот некоторые особенности FancyBox:

  • Возможность отображения изображений, HTML кода, Flash-роликов (*.swf), объектов IFrame и Ajax-запросов;
  • Гибкая настройка через параметры и CSS;
  • Организация навигации по отображаемым объектам;
  • Простота установки кода.

Посмотреть примеры использования и скачать FancyBox можно с сайта:  http://fancybox.net/

Опубликовать в Мой Мир
Опубликовать в Одноклассники
Опубликовать в Google Plus
Опубликовать в LiveJournal
Фев 21

Делаем гиперссылку при клике на флеш-баннер

Поначалу кажется странным, но проблема создания гиперссылки из флеш-объекта существует очень давно. Обычным тегом <A> никак нельзя создать гиперссылку с флеш-объекта. Не помогает и более хитрый вариант с <DIV onClick='location.href=""'>, потому что у флеш своя собственная активная зона на экране, где могут обрабатываться какие-то события, связанные с мышкой.

Как обойти эту проблему? Большинство людей советуют встроить ссылку в сам Flash-файл. Делается это очень просто - прямо в Adobe Flash - создается прозрачный слой-кнопка, которой прописывается обработчик события onRelease().

button.onRelease = function() {
getURL("http://www.codething.ru/");
};

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

Если же вам приносят множество готовых флеш-роликов (чаще всего это баннеры), в которых ссылка явно не задана, то следует применять другой, более экзотический способ создания гиперссылки. Например, можно воспользоваться javascript библиотекой jQuery и её расширением jQuery SWFObject plugin.

Для этого выполним следующие действия:

1. Качаем jQuery с сайта http://jquery.com/
2. Качаем плагин jQuery SWFObject plugin с сайта http://jquery.thewikies.com/swfobject/ (заодно читаем там документацию и смотрим примеры).
3. Размещаем на странице нехитрый код:

<a href="http://www.codething.ru/">
 <div id="myflash"></div>
</a>
<script>
$(document).ready(
 function() {
  $('#myflash').flash(
  {
   swf: '/images/banner.swf',
   width: '120px',
   height: '120px'
  });
 }
);
</script>

4. Радуемся результату!

Опубликовать в Мой Мир
Опубликовать в Одноклассники
Опубликовать в Google Plus
Опубликовать в LiveJournal
Фев 15

Коллекция пиктограмм

При разработке пользовательского интерфейса часто требуются пиктограммы. Но, ведь, не всегда хочется рисовать их самому, и тут на помощь к нам приходит сайт: http://www.iconsearch.ru/

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

Опубликовать в Мой Мир
Опубликовать в Одноклассники
Опубликовать в Google Plus
Опубликовать в LiveJournal