С кофеваркой надо разговаривать. Интервью Дениса Филиппова, главного по речевым технологиям в Яндексе. «Грубо говоря, наш синтез речи умеет говорить. И надо выяснить, какие числа в нем нужно крутить, чтобы он начал говорить как, не знаю, таджик. Или как грузин. Или армянин. Или русский из какого-нибудь региона с характерным говором».
Во всех редакторах кода, которые я видел, табы используют для файлов. Вот ВС Код, например:
Это полная тупня: список файлов у меня и так слева есть, зачем мне он же ещё раз в табах?
Чего я хочу, так это чтобы табами открывались целые проекты. В одном табе — один список файлов и папок слева, в другом — другой. Сейчас приходится плодить окна.
В ВС Коде можно исхитриться и всё-таки открыть несколько проектов в виде табов, но это адски сложно и неуправляемо. Клавиатура по-прежнему управляет бессмысленными табами файлов, и жить так нельзя.
В анонсе беты 2.7 я обещал рассказать, как встраивать её в существующие сайты. Понадобится платная версия движка.
Задача: сделать, чтобы Эгея использовала стили, шапку и подвал от вашего сайта, а внутри была сама собой.
Вам нужно сделать свою тему оформления на базе «Встраиваемой». Зайдите в папку themes и сделайте копию папки embeddable. Назовите как-нибудь нормально.
Откройте файл theme-info.php и раскомментируйте в нём все строчки. Пролучится примерно так (это мой):
Самая важная тут с точки зрения нашей задачи — строчка global_styles. Тут нужно указать путь к стилям вашего сайта относительно папки Эгеи (а не этого файла).
Зайдите в настройку Эгеи и выберите свою тему.
В templates/layout.tmpl.php добавьте вёрстку шапки и подвала вашего сайта, то есть заверните содержимое блога в ту же обёртку, что на основном сайте.
Готово!
Всё будет выглядеть как настоящее, потому что к этой странице подцепляются те же стили, что и к другим страницам сайта. А внутренности Эгеи не разваливаются, потому что она также подцепляет ещё и собственные стили. Но делает это избирательно: она не подцепляет стили стандартных ХТМЛ-элементов и поля вокруг страницы. Поэтому эти части выглядят родными.
Если вам нужно перекрыть какие-то стили, используйте файл styles/overrides.css. Изначально он пустой.
Если вы используете систему сборки, то имеет смысл «запечь» стили «Встраиваемой» и ваши перекрытия в основной ЦСС-файл. Перенесите из папки вашей темы styles/main.css и styles/overrides.css куда-то в папку исходников стилей. Это нужно, чтобы Эгея перестала их подцеплять из папки темы. И заимпортируйте в общие стили сайта, например, с помощью СЦССа:
Поезд из аэропорта в город — красный, как обычные пригородные электрички в Германии:
Внутри:
Непонятно, WC значит, что туалет занят или свободен?
Куда едет:
Станция Хакешер-маркт. Городские электрички — жёлто-красные:
Внутри:
Схемы метро висят на соединении вагонов. На экране — название следующей станции и с какой стороны откроются двери.
Метро и городские железные дороги в Берлине объединены в одну систему и изображаются на общей схеме. Хотя визуально и поезда, и станции очень разные. Кольцевая линия здесь не метро, а электрички (S — schnellbahn).
Станция Остбанхоф:
Табличка:
По какому принципу на некоторых станциях написано слово «Берлин» в начале, а на некоторых нет — загадка. В Лондоне такая же петрушка: London Victoria, но просто Liverpool Street. Вроде обе станции в равной степени вокзалы.
Офигенное немецкое расписание:
На жёлтом фоне отправления, на белом — прибытия:
Зум:
Станция Потсдамер-плац:
Против часовой стрелки идёт линия S42, по — S41. Платформы обозначаются соответствующими иконками направлений. Снимают кино:
Станция Александерплац:
Пассажиры изучают расписание:
Обычная станция за пределами самого центра:
Станция «Варшауэрштрассе». Отсюда 10 минут пешком до «Бергхайна» — главного техноклуба мира. Хорошее место:
Главный вокзал Берлина. Расписание занимает два плаката:
Сейчас сюда приедет поезд во Франкфурт-на-Майне:
Смотрите, слева обозначение поезда с буквами A...G. Эта штука показывает, как именно поезд остановится на платформе. Под экраном на фото видно знак D. Это значит, вагон-ресторан остановится там, вагоны первого класса — в зонах A...C, а второго — в зонах E...G.
А вот схема остановки всех поездов на этой платформе:
Красная «струна» между двумя кружками — это где мы сейчас.
Пассажир знает свой номер вагона, поэтому сразу ждёт поезд там, где этот вагон остановится:
Готова новая Эгея 2.7 бета (сборка v3201). Не обновляйтесь на живых сайтах, если только вы не суперпродвинутый технарь, обложившийся бекапами со всех сторон. Не забывайте, что бета — это очень страшно.
В конце заметки — ссылка на дистрибутив. А пока расскажу вам, что нового.
Проект «Холборн»: трансляция заметок на центральный сервер
Заметки, которые вы пишете в 2.7, отображаются в разделе «Блоги» на сайте движка:
Ссылки из этой ленты ведут на ваши сайты, а текст не индексируется поисковиками, поэтому для вас это просто бесплатный источник читателей. Здесь можно подписаться на РСС и читать все блоги на Эгее в одном месте, например.
Чтобы ваш блог появился в ленте, ничего не нужно настраивать, но по умолчанию заметки появляются только после моего одобрения. Если вы постоянно пишете хорошее, я одобрю блог целиком и заметки будут публиковаться в «Блогах» мгновенно.
Не бойтесь сделать опечатку — изменения тоже мгновенно приходят в «Блоги». Это же не Фейсбук вам. И если вы удалите заметку, она удалится и из «Блогов».
О том, как работают «Блоги» под капотом и почему это круто я напишу ещё отдельно.
Новые темы
В новой версии встроено несколько тем, например:
Я надеюсь, что теперь блоги на Эгее перестанут выглядеть все как один и станут выглядеть хотя бы как семь.
Кстати, помните, в заметке о пуске хостед-версии Эгеи я писал про семь тем оформления на выбор? Ну это они и есть.
Темы на основе переменных
Все новые темы сделаны на основе «Простой», но не перекрытием её стилей, а через переменные:
Это тема «Дуглас», выглядит так:
Теперь делать новые темы, отличающиеся только цветами, шрифтами и полями стало намного проще: клонируете папку с нравящейся темой и ставите другие значения переменных в ЦСС.
В системной теме не осталось вообще никакого ЦССа — он весь переехал в «Простую». Если вы делали свою тему, вам придётся посмотреть диффы «Простой» и понять, что теперь нужно доопределить в своей, что не унаследуется из системной. Благодаря этому теперь вам не нужно бороться с системной и переопределять что-то, что было определено в ней.
Предпросмотр тем
В «Настройке» рядом с выбором тем появилась новая ссылка «Предпросмотр»:
По этой ссылке открывается специальная страница, на которой собраны основные элементы, из которых состоит блог, и дизайн которых полезно бы проверить. Она собственным текстом объясняет, на что стоит обратить внимание:
Это ещё одна штука чтобы темы было проще делать — теперь можно на одной странице оценить, как выглядит ваша тема, и подкрутить что-то, а не ходить по всему блогу в поисках элементов, про стили которых вы забыли подумать.
Встраиваемость в сайты (для платных пользователей)
Появилась специальная тема «Встраиваемая» (Embeddable). Это тема, в ЦССе которой определяются только специфические для Эгеи внутренности — заметки, комментарии, теги, элементы навигации — но не обёртка и вид стандартных тегов ХТМЛ. Если подключить к Эгее ЦСС от вашего основного сайта и добавить ХТМЛ вашей шапки и подвала в тему «Встраиваемая», Эгея волшебным образом будет выглядеть как страница вашего сайта (у меня теперь работает именно так, а раньше приходилось использовать сто костылей).
Я напишу отдельную пошаговую инструкцию о том, как это настроить.
Абзацы с классами
Любая самостоятельная строка, начинающаяся с .something, превращается в абзац с классом something. Пишете:
.loud Какой-то громкий текст
Получаете (увидите только в браузере):
Какой-то громкий текст
Ну, это у меня. У вас может выглядеть иначе.
Вы можете легко определить свои классы для каких-то особенных элементов текста. Важно понимать, что это просто ЦСС-класс, и он не сработает в РССе. Поэтому когда используете такое, убеждайтесь, что текст не теряет смысла без выделения. Именно поэтому, кстати, это абзац, а не див.
В самой Эгее и всех новых темах определены стили для .lead (подзаголовок или въезд), .loud (как выше) и .foot (сноска или примечание).
Вот это как раз примечание.
Клавиатура в редакторе
Игорь Адаменко, который сделал клёвое автосохранение в 2.6, реализовал для редактора 2.7 ещё одну отличную фичу — клавиатурное управление. Так быстрее. Работают такие сочетания (как в Гугль-доке):
⌘B
жирный
⌘I
курсив
⌘K
ссылка
⌘⌥1
заголовок
⌘⌥2
подзаголовок
⌘⌥0
обычный абзац
⌘]
увеличить уровень цитирования
⌘[
уменьшить уровень цитирования
Это работает и в заметках, и в комментариях, и в тегах, и в описании блога. В Виндоусе вместо ⌘ работает Ctrl.
Ссылки на твиты
В дополнение к видосами на Ютюбе и Вимео, Эгея теперь умеет вставлять твиты просто по урлу. Вы пишете в редакторе ссылку на твит:
Как вы помните, с версии 2.6 в Эгее новый поиск на базе движка «Роза». Теперь используется новая версия, которая ещё лучше рассчитывает релевантность. За это спасибо Роману Парпалаку.
Теперь вдобавок к РСС поддерживается джейсон-фид — новый стандарт для подписки. Читайте об РССе и джейсон-фиде. Помимо ленты всего блога и ленты по тегу, доступна «лента» из любой одной заметки, например — этой. Если зачем-то нужно вытащить смысловые куски заметки, не нужно пытаться парсить ХТМЛ. У меня это используется для моих трансляций в раздел «Блоги».
Списки теперь можно начинать не с единицы (если список прервался на другой объект). Слайдер тегов заработал на мобилах.
Ещё Серёга Чикин нарисовал клёвую иконку-лимончик, которая теперь показывается в подвале (посмотрите у меня, например).
Технические детали
Лайкли и Жуэль обновились.
Скрипты теперь собираются вебпаком. Игорь Адаменко их переписал более прямыми руками, чем мои.
Как попробовать и что тестировать
Ещё раз скажу, что не рекомендую пока обновляться на живых сайтах. Как обновиться:
Отредактировать и сохранить любую заметку (на всякий случай, это гарантирует, что сделается актуальный бекап базы).
Забекапить всю папку на сервере, включая бекапы базы данных, которые лежат в /user/backups/.
Заменить файл .htaccess в корне, папку /system/ и все подпапки в /themes/ (то есть убрать старые, положить новые, а не дозалить в старые новые файлы).
Если вы делали свою тему оформления, посмотрите, что изменилось в комплектной, и аккуратно повторите эти изменения у себя.
Что тестировать:
трансляцию;
создание тем оформления на основе переменных;
встраивание в свой дизайн через тему «Встраиваемая»;
Четырёхдневный курс «Пользовательский интерфейс и представление информации» пройдёт в Москве, в нашем «Коворкафе» на Флаконе с 7 по 11 октября. Это наиболее крутой курс из всех дизайнерских курсов: спросите или почитайте отзывы наших участников.
Первый день полностью посвящён пользовательскому интерфейсу, второй — представлению информации, хотя эти темы и сильно пересекаются. Третий день — практические задания и разбор результатов. После трёх дней в классе — однодневный перерыв на домашку. В последний день — её разбор.
Кстати, всякий раз, когда я приглашаю на курс, я прикладываю какую-нибудь дикую картинку из своей коллекции. В этот раз — фоточка участника курса Леонида Иванова. Лёня пишет: «Это ребус. Нужно угадать, как они работают в понедельник».
Запись открыта до 1 октября, если свободные места не кончатся раньше.
