Видео по вторникам: затмение в Америке
Норм:
Готова новая Эгея 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 в Эгее новый поиск на базе движка «Роза». Теперь используется новая версия, которая ещё лучше рассчитывает релевантность. За это спасибо Роману Парпалаку.
Теперь вдобавок к РСС поддерживается джейсон-фид — новый стандарт для подписки. Читайте об РССе и джейсон-фиде. Помимо ленты всего блога и ленты по тегу, доступна «лента» из любой одной заметки, например — этой. Если зачем-то нужно вытащить смысловые куски заметки, не нужно пытаться парсить ХТМЛ. У меня это используется для моих трансляций в раздел «Блоги».
Списки теперь можно начинать не с единицы (если список прервался на другой объект). Слайдер тегов заработал на мобилах.
Ещё Серёга Чикин нарисовал клёвую иконку-лимончик, которая теперь показывается в подвале (посмотрите у меня, например).
Лайкли и Жуэль обновились.
Скрипты теперь собираются вебпаком. Игорь Адаменко их переписал более прямыми руками, чем мои.
Ещё раз скажу, что не рекомендую пока обновляться на живых сайтах. Как обновиться:
Если вы делали свою тему оформления, посмотрите, что изменилось в комплектной, и аккуратно повторите эти изменения у себя.
Что тестировать:
Ссылка: e2_distr_v3201.zip Релиз.
Пишите, чё как.
Если вы пользуетесь платной версией и хотите бету платной 2.7, напишите мне.
О предыдущей версии: 2.6
Четырёхдневный курс «Пользовательский интерфейс и представление информации» пройдёт в Москве, в нашем «Коворкафе» на Флаконе с 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 |
Есть страница микса на Промодиджее.
Предыдущий похожий микс: Дизайн
Ведите списки вопросов ко всем крутанам:
Немного пситранса вам принёс:
4:33+ Бас. И обложка красивая.
Один из признаков хорошего владения языком — бессознательный выбор наиболее точного из синонимов.
Например, когда вы говорите по-русски, вы, скорее всего, не задумываясь выбираете среди слов «хозяин», «собственник» и «владелец», хотя они значат примерно одно и то же. Возможно, если вы подумаете минутку, вы сможете сформулировать отличия, но когда вы говорите, вы про это не думаете, а просто сразу берёте нужное.
Так же я не думаю, говоря по-английски, когда сказать fast, а когда — quick («быстрый»); когда comfortable, а когда — convenient («удобный»).
А вот чтобы выбрать наиболее подходящее из слов expensive и costly («дорогой»), мне нужно задуматься. Я понимаю разницу, но не чувствую её настолько, чтобы просто произносить нужное слово автоматически.
Есть такой элемент интерфейса — аккордеон. Это когда в вертикальном списке есть распахивающиеся секции:
Этот элемент очень неудобен.
Невозможно удержать в голове, какая секция раскрыта, а какая нет, поэтому найти что-то в таком списке очень трудно. В приятный и лёгкий процесс прокрутки вмешивается клик, причём эти жесты нужно чередовать, а кликать приходится в строчки, постоянно меняющие своё положение — это приводит к ошибкам. Расстояние между элементами тоже плавает из-за того, что между ними может оказаться сколько угодно раскрытых секций — это дезориентирует и мешает вырабатываться привычке.
Реализации, в которых при разворачивании одной секции все другие сворачиваются, ещё хуже: там все эти спецэффекты происходят ещё и помимо воли пользователя.
На телефоне, где экран маленький, с аккордеоном особенно тяжело. Недаром такого элемента нет среди стандартных элементов интерфейса Эпла и ни в одном их приложении.
Не используйте аккордеон.
Вот:
Безжалостно:
Пользуясь случаем напоминаю, что в эту субботу играю техно в «Урал-бункере» в Челябинске.