elRTE: Наш ответ всяким там.

Добавляя онлайновый редактор контента к проекту elgrand-shop.ru, обнаружил, что в природе появился новый редактор, аналогичный CKeditor. Более сырой, это минус. Русский, это плюс. И с развитым файл-менеджером, который у СКeditor идёт как платная опция, это уже плюс-плюс.

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

1. В документации сказано:

Создаем редактор:

бла-бла

url : 'connector/connector.php',

Последнюю строчку надо читать как

connector/php/connector.php

Коннектор работает только если положить его в www-корень. Раскурочивать этот момент не стал, пусть так. А вот скрипты на релокацию не обижаются.

Если коннектор подключен неправильно, при нажатии на кнопку файл-менеджера выскакивает алерт "error: undefined" — проверяйте этот пункт.

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

i18n/elfinder.ru.js и i18n/elrte.ru.js

— без них русский есть в морде редактора, но не в диалогах.

3. Редактор создаётся на произвольном элементе DOM (например, div), но кнопка сохранения автомагически сабмитит форму, то есть создавать его всё же лучше на textarea.

4. Каталог для загруженных файлов. Он должен быть. Его местонахождение должно быть правильно отражено в connector/php/connector.php. Он должен быть read/write на сервере, иначе кнопка загрузки файлов будет серой. В случае винды (пфи!) надо посмотреть коннектор на предмет DIRECTORY_SEPARATOR, кое-где вместо него стоит юниксовый слэш (но в УРЛах он должен быть!).

5. В конкретно этом проекте body имеет белый цвет (выворотка, пожелание), в результате в селектах редактора позиции писались белым по белому (а я гадал, куда они пропали). Лечится добавлением в elrtefinder.full.css элементу .el-select свойства color: #000000 (надо написать разработчикам, это должно там быть).

6. Это написано в доках, но мимоходом, поэтому тоже спотыкачный момент: скрипты с именем elrtefinder содержат и редактор, и файл-менеджер в одном флаконе! Не надо подключать скрипт менеджера отдельно.

Вроде всё, а вообще — куча респектов авторам, ну и ждём обновлений.

ElGrand-Shop.ru: идёт бурная разработка сайта

После затяжного старта резко двинулся elgrand-shop.ru — мой первый настоящий проект интернет-магазина.



Настоящий — потому что проекты с рудиментарными магазинными функциями можно не считать. Игрушки.

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

Всё управление построено на AJAX. Пример: добавление ценового ряда не отходя от кассы.







Править любую цену можно прямо на листе, мимоходом, просто щёлкнув мышкой:



Магазин пишется по принципу drop-in: все обслуживающие его файлы — скрипты, шаблоны, стили — находятся в одной папке, чтобы в будущем прикрутить магазин к любому сайту можно было за 15 минут. Очень актуально, потому что продавать такую поделку можно не раз (следующий магазин уже стоит в очереди на январские каникулы).

Ах, да, ответ на неминуемый вопрос: да потому что нет нормальных решений :-) Лучше иметь своё, чем вечно биться о лимиты чужих.

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

Собрано, как водится, с миру по нитке:

• FCKeditor, потерявший за это время букву F;
• jQuery с dimensions, cookie, dropshadow;
• 960.css от 960 Grid System;
• phpThumbLib;
• мои собственные тулкиты, используемые во всех сайтах (и постоянно растущие: для магазина сделал, наконец, trigger_button — активирующую Аякс кнопку-самоуничтожайку, их много на скриншотах).

Grand Opening... первая половина января.

Helena Elange: оборот листовки дисконтной акции

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



Inkscape, Gimp, Separate+ — проверенная цепочка.

G'MIC спасает трёх отцов русской демократии

Ситуация: надо изготовить подарочные портреты.

Условия: исходные фото — либо никакие, либо мелкие, а печатать надо А3 @ 300 dpi.

Что делать, что делать... G'MIC! Анамезонное... тьфу... анизатропное сглаживание!

Всё получилось просто замечательно, далее до и после.

Фото 1.

ДО (фрагмент)



ПОСЛЕ (фрагмент)



Пожертвовалась фотографичность, а заодно и все шумы. Фото стало рисуночным. Особенно мне нравится бородка. Прям пастель. Это уменьшено, но все результатные изображения увеличены до 300 dpi, можно представить себе, как они выглядели до фильтра.

Фото 2.

ДО (фрагмент)



ПОСЛЕ



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

Фото 3.

Это фото сразу было хорошим. Снимок профессиональный. Однако в квадратном размере 1024х1024. Немножко маловато для печати. Пришлось тоже обработать.

ДО



ПОСЛЕ



Тоже лёгкое тонирование. Я не смог подобрать параметров, сохранявших бы щетину и одновременно убиравших артефакты увеличения. Лицо получалось свежевыбритым, то есть абсолютно. Поэтому тупо наложил щетину сверху с оригинального снимка умножением, сделав её предварительно очень контрастной.

Час назад забрал из печати портреты на холсте. Вот честно... загляденье.

Этикетка растительного масла

Черновик, отправлен на согласование. Inkscape, Gimp.

Сезонные изменения в отдельных частях рунета

Пробежался недавно... и поскользнулся.

Сайт товарищества «ТИГР», прославившего себя лозунгом «Путлер капут»:



Это сейчас, а несколько дней назад там было примерно то же, что и на странице цикла комиксов о Человеке-Грызлове, который молча поправит всё:



Что-то правда зима пришла, ребята.

Google Maps: как сохранять состояние карты при смене страницы

Сделано только что для развивающегося проекта Прим-Поиск.

Ситуация: страница с картой, по которой посетитель может перемещаться. Сходив на другие страницы и вернувшись на карту, он видит её в дефолтном виде, а не в том, в каком покинул. Раздражает.

Задача: сделать так, чтобы состояние карты сохранялось при повторном открытии страницы.

Решение: Очевидно, через cookies с использованием jquery.cookie (плагин гуглить).

1. Выносим объявление переменной карты в глобальный скоп:

Было:

$(document).ready(function(){
var map = new GMap2(document.getElementById('map_canvas'));
. . .

Стало:

var map;
$(document).ready(function(){
map = new GMap2(document.getElementById('map_canvas'));
. . .

2. Пишем функцию сохранения центра и зума карты в куки:

function save_map() {
var center=map.getCenter();
var lng=center.lng();
var lat=center.lat();
var zoom=map.getZoom();
$.cookie("map_state", lng+"_"+lat+"_"+zoom);
}

3. Прицепляем вызов этой функции при выходе, до гугловского сборщика мусора:

Было:

onunload="if (typeof(GUnload)!='undefined') GUnload();"

Стало:

onunload="if (typeof(GUnload)!='undefined') save_map(); GUnload();"

4. Проверяем куки перед инициализацией карты и выковыриваем сохранённые значения:

var saved_state=$.cookie('map_state');
if (saved_state!=null) {
var saved_vals=saved_state.split('_');
prim = new GLatLng(parseFloat(saved_vals[1]), parseFloat(saved_vals[0]));
zoom = parseInt(saved_vals[2]);
}
else {
prim = new GLatLng(44.68,134.0);
zoom=7;
}
map.setCenter(prim, zoom);

5. Заразо, работает! :-)

Слова на три буквы, или ностальгическое о раскладках

Помню, когда-то в любом каталоге с текстами непременно валялся знаменитый файл ЗКТ — след неудавшейся из-за неправильной раскладки клавиатуры попытки отправить файл на печать.

Заметил, что самое популярное слово этого класса у меня сейчас — БзЮ :-)

БзюТакие нынче времена :-)Б.зЮ

Ну вот и Новый Год... — 2: зимняя шкурка сайта «Златы»

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

Giorgino

Посмотрел весь.

Долгая пауза.

Интересно, на какой такой успех рассчитывал Бутонна, снимая трёхчасовой (в оригинале 4) фильм, в котором он предложит зрителю детей-утопленников, людей-животных, двух повешенных, глумление над трупами, дефлорацию слабоумной и акт некрофилии?

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

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

Смотреть в одиночку, вечером. Ни в коем случае не в депрессии.

Думал, что Милен Фармер — это удачный проект Милен-Жанны Готье при участии Лорана Бутонна. Сейчас подозреваю, что Милен Фармер — это самое удачное из произведений Лорана Бутонна, в котором Милен-Жанна Готье послужила глиной исключительного качества.

Хочу посмотреть полную версию.

Ключевые слова сюжета на IMDB

• Village
• Doctor
• Church
• Priest
• Dead Father
• Countryside
• Orphanage
• Snow
• Winter
• Psychiatric Hospital
• Dead Children
• Shrew
• Dead Mother

Кадры.



"It's not a dog, it is a wolf".



"...And she said, Father, what if it's pain that makes a bird sing?"



"Degrâce! Come in, Degrâce! Show yourself!"



"You bitch! You filthy bitch!"



"Why? I'll tell you why. Because she blew out the candles, that is why".



"Mr. Voli won't shoot. He's going to give me his revolver. We are going to cure him. Because he is sick."



"Don't go up there. There's nothing we can do for her now. You know there never were any wolves around here. She did it! She killed them!"



"Come back!"

Логотип сочинской Олимпиады

...ну и ушлёпище, прости господи.

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

Второе. Этот логотип — диверсия порноиндустрии на спортивной арене. Сходите на этот сайт, заранее извиняюсь за то, что вы там можете увидеть (но интересовать вас должно только лого). Ничего не смахивает на сочинский zoih?

Вот вам и источник вдохновения.

Ну вот и Новый Год...

...пошла группа в полосатых купальниках: