Позднее Ctrl + ↑

Эгея 2.7 бета

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

В конце заметки — ссылка на дистрибутив. А пока расскажу вам, что нового.

Проект «Холборн»: трансляция заметок на центральный сервер

Заметки, которые вы пишете в 2.7, отображаются в разделе «Блоги» на сайте движка:

Ссылки из этой ленты ведут на ваши сайты, а текст не индексируется поисковиками, поэтому для вас это просто бесплатный источник читателей. Здесь можно подписаться на РСС и читать все блоги на Эгее в одном месте, например.

Чтобы ваш блог появился в ленте, ничего не нужно настраивать, но по умолчанию заметки появляются только после моего одобрения. Если вы постоянно пишете хорошее, я одобрю блог целиком и заметки будут публиковаться в «Блогах» мгновенно.

Не бойтесь сделать опечатку — изменения тоже мгновенно приходят в «Блоги». Это же не Фейсбук вам. И если вы удалите заметку, она удалится и из «Блогов».

О том, как работают «Блоги» под капотом и почему это круто я напишу ещё отдельно.

Новые темы

В новой версии встроено несколько тем, например:

Я надеюсь, что теперь блоги на Эгее перестанут выглядеть все как один и станут выглядеть хотя бы как семь.

Кстати, помните, в заметке о пуске хостед-версии Эгеи я писал про семь тем оформления на выбор? Ну это они и есть.

Темы на основе переменных

Все новые темы сделаны на основе «Простой», но не перекрытием её стилей, а через переменные:

Это тема «Дуглас», выглядит так:

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

В системной теме не осталось вообще никакого ЦССа — он весь переехал в «Простую». Если вы делали свою тему, вам придётся посмотреть диффы «Простой» и понять, что теперь нужно доопределить в своей, что не унаследуется из системной. Благодаря этому теперь вам не нужно бороться с системной и переопределять что-то, что было определено в ней.

Предпросмотр тем

В «Настройке» рядом с выбором тем появилась новая ссылка «Предпросмотр»:

По этой ссылке открывается специальная страница, на которой собраны основные элементы, из которых состоит блог, и дизайн которых полезно бы проверить. Она собственным текстом объясняет, на что стоит обратить внимание:

Откройте, например, предпросмотр темы моего блога.

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

Встраиваемость в сайты (для платных пользователей)

Появилась специальная тема «Встраиваемая» (Embeddable). Это тема, в ЦССе которой определяются только специфические для Эгеи внутренности — заметки, комментарии, теги, элементы навигации — но не обёртка и вид стандартных тегов ХТМЛ. Если подключить к Эгее ЦСС от вашего основного сайта и добавить ХТМЛ вашей шапки и подвала в тему «Встраиваемая», Эгея волшебным образом будет выглядеть как страница вашего сайта (у меня теперь работает именно так, а раньше приходилось использовать сто костылей).

Я напишу отдельную пошаговую инструкцию о том, как это настроить.

Абзацы с классами

Любая самостоятельная строка, начинающаяся с .something, превращается в абзац с классом something. Пишете:

.loud Какой-то громкий текст

Получаете (увидите только в браузере):

Какой-то громкий текст

Ну, это у меня. У вас может выглядеть иначе.

Вы можете легко определить свои классы для каких-то особенных элементов текста. Важно понимать, что это просто ЦСС-класс, и он не сработает в РССе. Поэтому когда используете такое, убеждайтесь, что текст не теряет смысла без выделения. Именно поэтому, кстати, это абзац, а не див.

В самой Эгее и всех новых темах определены стили для .lead (подзаголовок или въезд), .loud (как выше) и .foot (сноска или примечание).

Вот это как раз примечание.

Клавиатура в редакторе

Игорь Адаменко, который сделал клёвое автосохранение в 2.6, реализовал для редактора 2.7 ещё одну отличную фичу — клавиатурное управление. Так быстрее. Работают такие сочетания (как в Гугль-доке):

⌘B жирный
⌘I курсив
⌘K ссылка
⌘⌥1 заголовок
⌘⌥2 подзаголовок
⌘⌥0 обычный абзац
⌘] увеличить уровень цитирования
⌘[ уменьшить уровень цитирования

Это работает и в заметках, и в комментариях, и в тегах, и в описании блога. В Виндоусе вместо ⌘ работает Ctrl.

Ссылки на твиты

В дополнение к видосами на Ютюбе и Вимео, Эгея теперь умеет вставлять твиты просто по урлу. Вы пишете в редакторе ссылку на твит:

https://twitter.com/omelekhin/status/902835411034271744

Получаете сам твит:

Спасибо Илье Гельману за это.

Остальное

Как вы помните, с версии 2.6 в Эгее новый поиск на базе движка «Роза». Теперь используется новая версия, которая ещё лучше рассчитывает релевантность. За это спасибо Роману Парпалаку.

Теперь вдобавок к РСС поддерживается джейсон-фид — новый стандарт для подписки. Читайте об РССе и джейсон-фиде. Помимо ленты всего блога и ленты по тегу, доступна «лента» из любой одной заметки, например — этой. Если зачем-то нужно вытащить смысловые куски заметки, не нужно пытаться парсить ХТМЛ. У меня это используется для моих трансляций в раздел «Блоги».

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

Ещё Серёга Чикин нарисовал клёвую иконку-лимончик, которая теперь показывается в подвале (посмотрите у меня, например).

Технические детали

Лайкли и Жуэль обновились.

Скрипты теперь собираются вебпаком. Игорь Адаменко их переписал более прямыми руками, чем мои.

Как попробовать и что тестировать

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

  1. Отредактировать и сохранить любую заметку (на всякий случай, это гарантирует, что сделается актуальный бекап базы).
  2. Забекапить всю папку на сервере, включая бекапы базы данных, которые лежат в /user/backups/.
  3. Заменить файл .htaccess в корне, папку /system/ и все подпапки в /themes/ (то есть убрать старые, положить новые, а не дозалить в старые новые файлы).

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

Что тестировать:

  • трансляцию;
  • создание тем оформления на основе переменных;
  • встраивание в свой дизайн через тему «Встраиваемая»;
  • клавиатурное управление;
  • поиск.

Ссылка: e2_distr_v3201.zip Релиз.

Пишите, чё как.

Если вы пользуетесь платной версией и хотите бету платной 2.7, напишите мне.

О предыдущей версии: 2.6

Курс о пользовательском интерфейсе и представлении информации 7—11 октября

Четырёхдневный курс «Пользовательский интерфейс и представление информации» пройдёт в Москве, в нашем «Коворкафе» на Флаконе с 7 по 11 октября. Это наиболее крутой курс из всех дизайнерских курсов: спросите или почитайте отзывы наших участников.

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

Кстати, всякий раз, когда я приглашаю на курс, я прикладываю какую-нибудь дикую картинку из своей коллекции. В этот раз — фоточка участника курса Леонида Иванова. Лёня пишет: «Это ребус. Нужно угадать, как они работают в понедельник».

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

Живой микс: Юз ми

26 августа сыграл техно в «Урал-Бункере». Так:

Живой микс: Юз ми

Плейлист:

0:00:00 Sleeparchive 2
0:00:44 Cirkle Immersion (Original Mix)
0:03:36 Sev Dah Svarog
0:07:07 Tensal Achievement 2
0:09:53 Yan Cook Pauk
0:13:19 Sasha GameOvr (Original Mix)
0:17:53 Daniel Boon Use Me
0:22:19 Israel Toledo Madness (Original Mix)
0:25:01 TWR72 X3
0:29:31 Sleeparchive 1
0:31:16 Christian Wünsch Optical Illusion
0:34:49 Ilya Birman Octomore
0:40:37 Planetary Assault Systems Whistle Viper (Live Edit)
0:45:38 Tensal Achievement 3
0:48:56 Fixon Detachment
0:53:01 Israel Toledo Standing
0:57:28 Sleeparchive 6
0:58:49 Lewis Fautzi Binary (Oscar Mulero Remix)
1:01:30 Marcel Dettmann Linux
1:04:58 Tessela Rub
1:06:06 Cirkle Tension (Original Mix)
1:08:48 Orion Forerunner (Original Mix)
1:11:38 Shifted Clairvoyance Part II

Есть страница микса на Промодиджее.

Предыдущий похожий микс: Дизайн

Выбор из синонимов

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

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

Так же я не думаю, говоря по-английски, когда сказать fast, а когда — quick («быстрый»); когда comfortable, а когда — convenient («удобный»).

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

Не используйте аккордеон

Есть такой элемент интерфейса — аккордеон. Это когда в вертикальном списке есть распахивающиеся секции:

Из работы студента школы дизайнеров

Этот элемент очень неудобен.

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

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

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

Не используйте аккордеон.

Что почитать на выходных — 159

Вот:

  1. Сорок правил философии ответственности. «Если человек скучает, это значит, что не все его потребности удовлетворены». «Трудно быть взрослым и понимать, что ты — сам по себе, один как перст». «Мораль — это костыли, которые помогают ходить больным и мешают передвигаться здоровым». Очень важно, всё по делу, за исключением некоторых странноватых аналогий.
  2. Появление транспортных схем. Саша Караваев, с которым мы делали челябинскую схему, и который теперь работает над московской, нарыл несколько фактов, о которых я понятия не имел.
Ранее Ctrl + ↓