Очередное название, с переводом которого я испытываю сложности. Прогрессив-пситранс:
Совсем хорошо становится с 3:55, но надо слушать по порядку, это же прогрессив.
Ещё прогрессив-пситранс: Суппенкаспа.
В анонсе беты 2.7 я обещал рассказать, как встраивать её в существующие сайты. Понадобится платная версия движка.
Задача: сделать, чтобы Эгея использовала стили, шапку и подвал от вашего сайта, а внутри была сама собой.
Вам нужно сделать свою тему оформления на базе «Встраиваемой». Зайдите в папку themes и сделайте копию папки embeddable. Назовите как-нибудь нормально.
<?php return array (
'display_name' => 'Минвайл',
'max_image_width' => '1200',
'meta_viewport' => 'width=device-width, initial-scale=1',
'global_styles' => '../css/main.css',
); ?>Самая важная тут с точки зрения нашей задачи — строчка global_styles. Тут нужно указать путь к стилям вашего сайта относительно папки Эгеи (а не этого файла).
Готово!
Всё будет выглядеть как настоящее, потому что к этой странице подцепляются те же стили, что и к другим страницам сайта. А внутренности Эгеи не разваливаются, потому что она также подцепляет ещё и собственные стили. Но делает это избирательно: она не подцепляет стили стандартных ХТМЛ-элементов и поля вокруг страницы. Поэтому эти части выглядят родными.
Если вам нужно перекрыть какие-то стили, используйте файл styles/overrides.css. Изначально он пустой.
Если вы используете систему сборки, то имеет смысл «запечь» стили «Встраиваемой» и ваши перекрытия в основной ЦСС-файл. Перенесите из папки вашей темы styles/main.css и styles/overrides.css куда-то в папку исходников стилей. Это нужно, чтобы Эгея перестала их подцеплять из папки темы. И заимпортируйте в общие стили сайта, например, с помощью СЦССа:
@import 'aegea-embeddable-styles/main';
@import 'aegea-embeddable-styles/override';Так вы будете подключать один ЦСС-файл, а не три.
Мне написал Андрей Ильинский и попросил рассказать о такой вакансии.
Реклама. Текст предоставлен клиентом
Ищу опытного дизайнера, который интерфейс соберёт и банером не побрезгует; единомышленника, которому интересно развивать марку и развиваться самому.
Дизайнер-единомышленник, на мой взгляд:
Работа удалённая, но можно и в офисе на Серафимовича, 2.
Желающим предлагаю выполнить тестовое задание. На странице поисковой выдачи есть панель с фильтрами:
Какие, по-вашему, недостатки у этой панели и как бы вы её переделали?
Результат в формате джипега шириной 1000 пк присылайте на почту andreymbeat@gmail.com до 17 сентября. Ссылки на портфолио присылайте туда же :−)
Если остались вопросы — не стесняйтесь задавать.
Хороший редактор избегает повелительного наклонения в интерфейсе и навигации. С чего бы программе или магазину командовать человеком?
Но повелительное наклонение само по себе нейтрально. В интерфейсе электронного киоска:
Вставьте купюры
В обращении на «мы» уже чувствуется пассивная агрессия и совковое хамство. На турникетах московского метро:
Проходим слева
А в обращении в прошедшем времени слышится угроза физической расправой при непослушании. В тёмном дворе:
Мобилу сейчас же отдал!
Если даёте инструкцию, используйте повелительное наклонение. Оно вполне уместно, а если инструкция прошеная — то и вовсе дружелюбно.
Поезд из аэропорта в город — красный, как обычные пригородные электрички в Германии:
Внутри:
Непонятно, WC значит, что туалет занят или свободен?
Куда едет:
Станция Хакешер-маркт. Городские электрички — жёлто-красные:
Внутри:
Схемы метро висят на соединении вагонов. На экране — название следующей станции и с какой стороны откроются двери.
Метро и городские железные дороги в Берлине объединены в одну систему и изображаются на общей схеме. Хотя визуально и поезда, и станции очень разные. Кольцевая линия здесь не метро, а электрички (S — schnellbahn).
Станция Остбанхоф:
Табличка:
По какому принципу на некоторых станциях написано слово «Берлин» в начале, а на некоторых нет — загадка. В Лондоне такая же петрушка: London Victoria, но просто Liverpool Street. Вроде обе станции в равной степени вокзалы.
Офигенное немецкое расписание:
На жёлтом фоне отправления, на белом — прибытия:
Зум:
Станция Потсдамер-плац:
Против часовой стрелки идёт линия S42, по — S41. Платформы обозначаются соответствующими иконками направлений. Снимают кино:
Станция Александерплац:
Пассажиры изучают расписание:
Обычная станция за пределами самого центра:
Станция «Варшауэрштрассе». Отсюда 10 минут пешком до «Бергхайна» — главного техноклуба мира. Хорошее место:
Главный вокзал Берлина. Расписание занимает два плаката:
Сейчас сюда приедет поезд во Франкфурт-на-Майне:
Смотрите, слева обозначение поезда с буквами A...G. Эта штука показывает, как именно поезд остановится на платформе. Под экраном на фото видно знак D. Это значит, вагон-ресторан остановится там, вагоны первого класса — в зонах A...C, а второго — в зонах E...G.
А вот схема остановки всех поездов на этой платформе:
Красная «струна» между двумя кружками — это где мы сейчас.
Пассажир знает свой номер вагона, поэтому сразу ждёт поезд там, где этот вагон остановится:
Красивый поезд:
Фотографии из поездок в марте и мае 2016.
Ещё Берлин:
Фотография DSCF6813 добавлена 9 ноября 2021 года, когда заметка «Берлин в марте 2016» переносилась из раздела «Мир» в блог и сокращалась
Готова новая Эгея 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 |
Есть страница микса на Промодиджее.
Предыдущий похожий микс: Дизайн
Ведите списки вопросов ко всем крутанам:
