Позднее Ctrl + ↑

Нисден и плеер

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

Для начала скачайте экстеншен и положите в /user/neasden/extensions/. Он уже включает сам Джейплеер там. Не забудьте в /user/neasden/config.php дописать слово jplayer в список экстеншенов там через запятую. Да, я знаю, что это коряво, что надо конфиг ради каждого чиха править, но пока так. На всякий случай возьмите последнюю (v2540) сборку движка.

Синтаксис использования плеера такой:

[play] урл-мп3-файла Текст с названием композиции

Да, даже если файл лежит где-то локально, всё равно нужен полный урл. Надо будет, наверное, убрать этот [play] в начале, фигли, и так понятно, что раз музыка, то нужен плеер.

Короче, например, пишете так:

[play] http://mp3.juno.co.uk/MP3/SF391281-01-01-01.mp3 Tiësto: Flight 643 (фрагмент)

Получается так:

Посмотрите, чё там к чему. Особенно если вы технолог. Как сделать, чтобы плеер лучше работал? Чтобы было меньше всякого кода? Ещё было бы круто переверстать плеер так, чтобы ему не нужно было 20 картинок. Я по-старинке делал, а модные ребята всё умеют на ЦССе же. Вот, может вы как раз один из них. Я как-то (раз, два) бросал клич среди технологов, типа, давайте сделаем вместе хороший плеер. Несколько человек отозвались, даже начали что-то делать, но потом как-то отвалились. Пришлось фигачить самому. Теперь-то хоть не поленитесь посмотреть и поправить.

Я бы с удовольствием вложил плеер прямо в комплект Эгеи, чтобы не надо было ничего прикручивать, но я не уверен, что лицензия Джейплеера это позволяет. Вы разбираетесь в лицензиях? На его сайте сказано, что у него GPL/MIT-лицензия. Это ведь жесть, как может быть две лицензии сразу? В митовской лицензии вроде сказано, что можно вообще всё, но что, если в ГПЛ сказано иное?

Спасибо.

Промо-микс: Хочу назад

На каникулах сделал новый промо-микс. Теперь слушать его можно прямо тут:

Давно хотел сделать техновый микс, и вот сделал. Микс, как и все другие мои миксы живёт на Промодиджее и у меня в музыкальном разделе.

Плеер вроде стал понадёжнее работать. Про то, как прикрутить такой плеер, тоже скоро расскажу. Как нетрудно догадаться, тут тоже без Нисдена не обошлось.

5 лет Айфону

Трудно себе представить, насколько другим был мир ещё 5 лет и 1 день назад. Кадры исторической хроники:

Если вы вдруг не видели это, то стоит посмотреть, особенно первые минут 15. Даже если вы предпочитаете Андроид, посмотрите, хоть узнаете, откуда он взялся. Лучшая презентация Джобса, из-за которой «аналитики» оказывались «разочарованными» всеми последующими.

Нисден, Ютюб и Фоторама

Вчера я писал про Нисден, новый форматтер в Е2, и упоминал, что он расширяемый. Сегодня я выложил более свежую сборку Эгеи (v2535) с более свежей версией Нисдена в ней. Теперь можно расширять. Например, я вот Фотораму прикрутил:

Сейчас объясню.

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

Нисден лежит в Эгее в папке /system/neasden/. А в подпапке /extensions/ лежат расширения для вставки картинок, таблиц и всего такого. Каждое расширение определяет с помощью регвыражения типы строк, которые его интересуют, и группы, которые оно умеет отображать.

Посмотрим, например, на youtube.php. Там определяется строка класса youtube как строка, состоящая из урла видика на Ютюбе, а потом группа youtube как строка youtube и любое количеством простых текстовых строк (p) за ней. После чего идёт функция, которая превращает это дело в ХТМЛ. В результате чтобы вставить кино с Ютюба теперь достаточно просто вставить в отдельной строке ссылку на ролик. Аналогично там с Вимео.

Расширения, лежающие в /system/neasden/extensions/ идут в комплекте с Эгеей, но добавлять в эту папку свои не нужно, потому что при обновлении движка папку /system/ целиком заменяют на новую. Свои расширения кладут в /user/neasden/extensions/.

Как прикрутить Фотораму? Вот так:

  1. Скачать расширение для Нисдена и положить в /user/neasden/extensions/.
  2. Скачать саму Фотораму с её сайта и положить в /user/neasden/extensions/fotorama/.
  3. Положить в /user/neasden/ файл config.php следующего содержания:
<?
  $_neasden_config = array (
    ’__extensions’ => array (
      ’fotorama’,
    ),
  );
?>

Теперь несколько подряд идущих строк с названиями файлов картинок будут превращаться в Фотораму. Если нужно, чтобы они были отдельными картинками, разделите их пустыми строками. Если разберётесь, как устроено расширение и почему оно работает, то сможете сделать свои по аналогии. Клёвые расширения присылайте мне. Вопросы и замечания — тоже.

Хочу обратить ваше внимание на то, что Фоторама не является частью Эгеи и не поставляется вместе с ней, поэтому правовые вопросы её использования вам нужно решать не со мной, а с Артёмом Поликарповым (его координаты есть на сайте Фоторамы).

Богатые и бедные

Наверняка все уже видели вот эту картинку, представляющую результаты опроса богатых и бедных:

Если вы ещё не видели, посмотрите внимательно, прежде чем читать дальше.

Интересна картинка, прежде всего, тем, какие выводы из неё для себя делают разные ребята. Вот два варианта:

  1. «Мне нужно лучше учиться, больше трудиться и быть смелее!»
  2. «Богатые склонны отрицать роль связей и обмана в своём успехе и врать, что его причина — в упорном труде».

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

Обратите внимание, что совершенно безразлично, какая из этих точек зрения правильна. Самое интересное — сторонники какой точки зрения окажутся успешнее. Пока одни уличают богатых в лукавстве, другие делают что-то полезное. Пока одни критически смотрят на окружающих, другие заняты собой.

Sigward: Obvious Cinema

Один из лучших треков 2011 года:

Где-то между поп-музыкой и техно нашлось прогрессив-что-то. Как «Яки-да» (была песня I Saw You Dancing), только как бы всерьёз. Очень технично и тепло. Стоит найти в хорошем качестве и послушать. Как всегда в таких случаях, очень грустно, когда трек кончается, можно слушать хоть час по кругу.

Эгея 2.1 бета 3

Доступна более свежая сборка Эгеи 2.1 (v2526).

Из заметного:

  • на Маке для навигации теперь используются Альт-стрелки, а не Контроль-стрелки;
  • для посетителей кнопка отправки комментария была всегда доступна, даже если форма не заполнена;
  • мелкие правки, связанные с новой загрузкой картинок;
  • если комментарии отключены, блок «Обсуждаемое» не отображается.

Ну и куча работы под капотом. Пришла пора рассказать об одной из таких «работ». Она называется Нисден. Нисден — это новый форматтер, который придёт на замену старому глючному и тормозному Каллиопе. Его главные отличия от Каллиопе:

  1. Корректное форматирование абзацев тегами <p> вместо разделения двойными переносами.
  2. Поддержка ХТМЛ-кода безо всяких специальных тегов.
  3. Корректная работа с древовидными списками.
  4. Почтовый синтаксис для цитат (>).
  5. Маркдауновый синтаксис для заголовков (#, ##, ###...).
  6. Нисден объединяет в себе форматтер и типограф (после Каллиопе нужно было ещё отдельно типографить).
  7. Более высокая производительность.
  8. Расширяемость.

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

Интерфейсные тени в Фотошопе

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

Кнопка с эффектом дроп-шадоу

Смысл эффекта — плашка по форме объекта кладётся под него, размывается и сдвигается. Вот какие параметры выставлены у этой тени:

Параметры эффекта дроп-шадоу

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

Во-первых, контур. Его можно гнуть:

Контур тени в Фотошопе

График изображает характер схождения тени на нет. Правда, почему-то он развёрнут задом наперёд: слева самая дальняя от объекта точка, а справа — самая ближняя. Почти всегда стоит опускать серединку пониже, чтобы тень на половине своего радиуса была густой уже менее, чем наполовину.

В комплекте с Фотошопом идут какие-то совершенно невменяемые контуры, дискредитирующие саму эту фичу (речь о первых двух строчках):

Контуры тени в Фотошопе

Последние четыре контура — мои. Нужно не лениться добавлять себе в набор удачные контуры, чтобы можно было быстро их выбирать. Вот, например, последний контур в деталях:

Контур тени в Фотошопе

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

Во-вторых, шум. Шум просто стоит добавить на уровне 2-3%:

Шум у теней в Фотошопе

С такими контуром и шумом кнопка получится уже вот такая (остальные параметры те же):

Кнопка с улучшенным эффектом дроп-шадоу

Конечно, если рисовать тень руками, можно сделать ещё лучше, но цена производства такой кнопки неоправданно вырастет. А здесь всё остаётся векторным, кнопку можно как угодно искажать, клонировать и т. д.

Среди недостатков такого подхода то, что такую кнопку не сделать на голом ЦССе. В некоторых случаях технологичность важнее, поэтому красотой можно и пожертвовать. Ну и да, здесь речь только об интерфейсных тенях (от кнопок, плашек и всего такого). Когда нужна настоящая тень от настоящего предмета, дроп-шадоу бесполезен.

Ранее Ctrl + ↓