Lorem ipsum dolor sit amet, consectetur…

5 заметок с тегом

Эгея

Эгея — движок блога, разработанный Бирманом. Если вам нужно помочь в установке — напишите мне на почту veqqa@veqqa.ru — помогу и расскажу.

Как сделать заметки на полях

Интерфейс анти-редактора против WYSIWYG

Я работаю в разных системах управления примерно лет шесть. Мой первый сайт в 2012 году был на ДЛЕ, затем на Вордпресе, Джумле и хрен знает на чём еще. В каждой системе меня раздражал способ добавления информации на сайт. Тогда еще не было визуальных редакторов, которые позволяли видеть, где ты редактируешь текст. Благо страшные времена прошли, и редакторы поумнели, не считая совсем отбитых по типу Битрикс. Теперь визуальный редактор — дефолт для любой системы наполнения сайта. Но я придумал ещё более удобный вариант — интерфейс анти-редактора.

Читайте меня в Дзене

С недавних пор я начал писать в Дзен, где проблема до сих пор осталась. На дворе 2018, алло:

Интерфейс редактора Дзен
редактор заметки

Непонятно что происходит. Я вообще в редакторе? Почему изображение 3000+ пикселей так поползло? А что с подписью?

Опубликованная заметка:

Дизайн редактора Дзен

Я не узнаю заметку, которую писал в редакторе. В опубликованной другая ширина страницы, меньше изображение, и вообще весь текст по центру.

Предлагаю концепцию анти-редактора — читайте описание концепта на сайте.

Как сделать заметки на полях, не воруя мой код

Вы точно видели мои чудесные заметки на полях (маргиналии). В этом посте рассказываю как они появились, как сделать такие же, или даже лучше.

Оригинальные и самые лучшие заметки на полях за последние тысячу лет. Я роняю...

Чуть больше года назад я перешел из ЖЖ в Эгею. Начал писать много постов, вдохновляясь книгами издательства Лебедева. Мне очень нравились маргиналии на полях в книгах Чихольда. Я решил перенести эту фичу к себе в блог. Тогда я обладал очень поверхностными знаниями в верстке, но загорелся идеей. В один вечер я изучил базу и все сверстал. До этого ни у кого маргиналий не было (не считая темы Поликарпова), что выделяло меня в куче одинаковых блогов.

Постепенно мой блог обрастал читателями. Через три месяца на меня посыпались вопросы: как активировать такие же заметки на полях. Я лично объяснял людям, что дефолтная Эгея не включает в себя такую фичу. Я мог бы спокойно отдать код, сказать куда его вставить и как с ним работать, но не хотел. Я хотел, чтобы каждый желающий расширить функционал Эгеи делал это сам. В чем прикол просто взять готовое? Я прокачивал людей и «отказом» заставлял их изучать верстку. Многим пошло на пользу.

Я тоже когда-то грешил воровством кода, когда был тупицей. Сейчас я делаю все сам, либо подключаю людей. Да, так тоже можно.

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

Появилась задача — решите ее сами. Посмотрите видео Ильяхова, почитайте про ЦСС, посидите пару часиков над своим блогом и сделайте. Это же ваш блог, неужели вы его не любите? Поймите, весь кайф не от маргиналий, а от общей картины поста, от процесса реализации. Прикол в собственном решении — сделаете свои заметки на полях, а не какого-то там Векка.

Я тоже когда-то грешил воровством кода, когда был тупицей. Сейчас я делаю все сам, либо подключаю людей. Да, так тоже можно.

Некоторые писали мне на почту и спрашивали разрешения. Конечно, я против заимствования и использования моего кода. Но с другой стороны я не могу запретить делать людям то что они хотят. Если не хотите прокачивать свой мозг — воруйте. Если хотите — делайте сами.

Например, Ваня Звягин, Александр Леонтьевский и еще пару человек сделали все сами — за что им крупный респектос. Они вот клевые, а ворюги — лохи, которые не способны посидеть немного над простой задачей. Не будем показывать на них пальцем.

Вопрос не в том, можно ли взять у меня код. Вопрос в том, лох ты или нет?

20 марта   Блог   веб   маргиналии   Эгея

Прекрасная Эгея 2.7

Я не раз писал о том, что Эгея — лучший движок блогов. Спасибо Илье Бирману и разработчикам за новый релиз. Мой обзор на 2.6 помог выбрать некоторым моим читателям именно Эгею в качестве движка. Теперь делаю обзор на 2.7.
Полное описание релиза можно почитать на сайте Бирмана.

Темы

Большинству не нравилось, что все блоги на Эгее похожи. Илья снова решил сделать темы:

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

Открываете файл main.css по адресу: хост/themes/выбранная-тема/styles/main.css и меняете значения переменных.

Трансляция заметок

Есть сайт на Тумблере, в котором собираются записи всех блогов на Эгее. Это совершенно прекрасный сервис, который помогает начинающим блогерам сразу получать читателей, а также читать всех блогеров на Эгее. Бирман решил сделать что-то подобное, но чуть лучше. На сайте Эгеи есть вкладка «Блоги». Если вы пишите хорошее, по мнению Бирмана, ваши заметки будут там публиковаться. Заметку можно править — изменения мгновенно переходят в «Блоги». Я чуть-чуть участвовал в процессе бета-тестинга и изначально все мои заметки транслировались в «Блоги». После публикации поста про косяки Бюро или по другим причинам, мои заметки больше туда не транслируются :c

Редактор

В Эгее не самый удобный редактор. Для того, чтобы верстать заметку нужно знать всякие приблуды, такие, как:

//курсив//
**жирное начертание**
((http://veqqa.ru/ ссылка))
и тд.

Теперь в 2.7 работают сочетания клавиш:

⌘B жирный
⌘I курсив
⌘K ссылка
⌘⌥1 заголовок
⌘⌥2 подзаголовок
и тд.

Со временем привыкаешь к такому редактору, но хотелось бы более удобный. Я предлагал что-то вроде этого:

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

Теги

Ссылка на теги теперь внутри формы поиска:

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

Поиск в черновиках

Во всей Эгее есть поиск, в том числе в черновиках. Однако, поиск там работает по заметкам, а не черновикам.

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

Страница тегов

Через поиск и любую заметку можно попасть к списку тегов.

Страница представляет собой огромную кучу ссылок. Я писал Бирману про косяк со слайдером тегов на мобилке — он не работал. В 2.7 косяк исправлен.
Но мне кажется, что теги нужно сделать более удобными.
Каждый конкретный тег можно наполнить — это хорошо. Например, вот так:

Но было бы просто замечательно перенять логику из нового поиска. Где, как писал Бирман: «Выдача стала намного удобнее: вместо простыни заметок она показывает небольшие „сниппеты“, содержащие найденный фрагмент текста и все картинки из заметки. Узнать нужную заметку по картинкам — самый кайф.»

Почему бы не сделать также в тегах? Чтобы Эгея из каждого тега доставала данные и располагала на странице всех тегов. В скобках — количество постов. У меня много мыслей по поводу этого раздела, может потом опубликую.

У меня на сайте была точно такая же проблема. Люди не кликали по куче ссылок. Я решил добавить иллюстраций и стало намного лучше. Если интересно, почитайте про обновления на моем сайте.

Всякое

  1. Список теперь не прерывается
  1. Было бы не плохо добавить возможность выделить пачку картинок при добавлении в заметку.
  2. СВГ все еще не грузит. На месте свгешки — ничего и крестик.
  1. Иногда заголовок длиннее поля. С телефона это дело очень неудобно править. Может, я просто не умею.
  1. Если имя не слишком длинное и не слишком короткое, как у меня, — звездочка переносится. Не очень.
  1. Поменялись чуть-чуть иконки и их цвета. Добавился логотип Эгеи в футер блога.
  2. В форме результатов поиска иконка и текст выглядят странно.
  1. В подвале моего блога раньше была почта и ссылка на сайт. Теперь там ничего нет. Зато в шапке появилась иконка, которая ведет на мой сайт. Пишу сюда, чтобы оповестить тех, кто не может найти.
  2. Новая иконка урны похожа на капкейк.
  3. Что-то случилось со шрифтом. Пока что не знаю, но мне нравится.

Новая версия Эгеи, как всегда, лучше предыдущей. Думаю, многие заценят темы для блогов. Моему блогу на Эгее скоро исполнится год. Я счастлив, что наткнулся на Бирмана и его шикарный движок. Призываю всех своих друзей и других ребят заводить блоги на Эгее. А блогеров обновляться.

Я рассказываю о Эгее всем вокруг и бесплатно помогаю установить потому она классная. Сделал блог Кате Кленовой, например. Если вы испытываете трудности с установкой блога — напишите мне на почту veqqa@veqqa.ru

24 октября 2017   обзор   Эгея

Прекрасная Эгея 2.6

Этим постом хочу доказать всей Эгеевской тусовке, что новое обновление 2.6 — безумно крутое и крайне важное. Всем Эгеевцем обязательно к прочтению до конца. Илья поскупился на радужные слова в своем посте, я постараюсь описать более детально. Внимайте неграмотный обзор.

Начну с текста Бирмана:

Готова Эгея 2.6 (сборка v3101) с автосохранением, новым поиском и платными фичами.

Автосохранение
Хоть убейте, но не поверю, что у вас не было ситуации, когда вы закончили пост, выдохнули, закурили, и тут БАМ! — обрубился интернет, или вы нечаянно нажали бэкспейс, что расценивается браузером: как выкинуть вас с текущей страницы на прошлую. Все ваши старания и часы, проведенные за постом, испарились. У меня такое происходит постоянно. Это настолько сильно бесит, что в бедной стене образовалась дыра от моих свирепых ударов. (Если меня что-то бесит, я либо сильно кричу матом, либо бью стену — очень помогает.

Локальное сохранения работает в метро, в переходах, и лифтах. Это фишка маленькая, но теперь я не боюсь писать длинный пост с телефона, потому что знаю, что он сохраняется в процессе. Заметки с не несохранёнными данными помечаются красной точкой. Это очень удобно, не понимаю как жил без этого раньше. Теперь легко можно отличить заметку, над которой вы только что работали (если у вас их куча, как у меня). Автосохранение — это безумно сложная технология. Стоит обновить свой блог только из-за того, что Бирман вложил хренову тучу времени, чтобы это реализовать. Уважение.

Поиск
Поиск — крутой. Я уверен в том, что вы очень часто пользуетесь своим поиском. Иногда нужно мысль почерпнуть, сослаться, понастальгировать или что-то еще. В первую очередь он будет удобен лично вам. Очень часто бывает, что меня что-то спрашивают, а я на эту тему уже писал. Вместо того, чтобы тратить время на разъяснения — я кидаю ссылку на заметку. Жиза, не так ли? Когда количество заметок переваливает за сотку, начинаешь забывать названия своих постов. Благодаря новому поиску, найти нужный пост, как два пальца обоссать: по слову. У Бирмана более 3000 постов, я вообще не понимаю как он каждый раз находит нужный. Сомневаюсь, что ваши читатели пользуются поиском, но для вас он будет необычайно полезен. Маст хэв!

Кегль
Основной кегль текста в увеличен с 15 до 16 пунктов. У меня очень большие проблемы со зрением. Меня раздражают маленькие буковки, именно поэтому в браузере у меня масштаб на 150%. Благодаря обновлению я могу не увеличивать стандартное разрешение. Увеличение в один пункт дает о себе знать — отличное решение, которое я хотел сам реализовать, но было очень лень. Теперь заметку легче и приятнее читать. Увеличение размера шрифта в вебе — это всегда хорошо.

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

Форматирование внутри Дивов
Самое сладкое я оставил на конец. Бирман пишет:

Теперь стандартное форматирование Эгеи поддерживается внутри тегов div, table и blockquote. Если вы хотите поставить текст на плашку или разбить на колонки, можете это сделать, а внутри продолжать использовать привычный синтаксис.

Вот, например заметка на полях, в которой нет форматирования Эгеи.

Уважаемые блогеры, вы даже не представляете какую свободу это дает. Если раньше вам разрешали раскрашивать кусочек стены 20 на 20 сантиметров, то теперь в вашем распоряжении вся стена километр на километр. Я очень долго хотел реализовать поддержку форматирование внутри дивов, не понимал как это сделать, и тут Илья сам это реализовал. Спасибо, еще раз. Илья совсем не уделил внимания этому новшеству, возьму на себя смелость и расскажу поподробнее. Для тех, кто вообще не понимает о чем это я тут: у Эгеи есть собственное крутое форматирование. Оно позволяет верстать заметку без использования ХТМЛ-тэгов. К сожалению, до 2.6 версии это форматирование не работало в жизненно важных тэгах: div, table и blockquote. C 2.6 работает.

<div>Какой-то код</div>

Фишка в том, что в дивы можно запихивать все что угодно.

Каллигракодизм
Благодаря этому чудесному обновлению я с легкостью научил Эгею добавлять картинку на поля со стандартным форматированием.

Теперь все ваши картинки, коды, таблицы, цитаты, видосы, списки... можно помещать между двух тэгов, которым можно прописывать стили.
Берем картинку, засовываем ее между двух дивов, ставим ей фон, прописываем ширину, и отступы:

<div style="max-width:300px; padding:10px; background-color:#ededed">
benweck.jpg
</div>

Получаем.

Круть?
Берем текст, заталкиваем в дивы, прописываем стили:

<div style="max-width:700px; padding:80px; border: 3px dotted black;
 background-color:#ededed; border-radius: 5px;">
Текст
</div>

Получаем.

Текст

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

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

<div style="border: 5px solid #da570f;font-size: 22px;
font-weight: bold;padding: 20px 20px 25px 20px;width: 100%;
margin-bottom: 2em;max-width: 760px;">
текст, картинка, ссылка, список...
</div>

Которые все начали тырить — ай-ай-ай :o

  1. Узнать боль покупателя, сформулировать полезное действие
  2. Много фото, видео и демонстраций. Основа страницы — демонстрации, а не текст
  3. В конце — самодостаточное предложение с условиями сделки

Чего не хватает

  1. Решить проблему со списками. Если в список добавить текст, а после него картинку (например пруф ваших слов), то список обнуляется.
  2. Возможность настроить ширину блога. Это было бы просто волшебно. Или сделать шире. Я не совсем понимаю почему картинки идут во всю ширину страницы, а текст в ~720 пикселей.
  3. Добавить к иконкам «метки», «поиск» в правом верхнем углу, иконку «все посты».
  4. Полноценный редактор. Согласитесь, каждый раз набирать по несколько кавычек, слэшев и звездочек — не очень удобно. Почему бы не добавить редактор с кнопками, который сам будет выполнять тупую работу за вас? Выделил слово, нажал на кнопку — слово «оболдилось».

В любом случае, я призываю вас не лениться и обновить свой блог. Мне кажется, совершенно неразумным сидеть на старой версии и тупить в дряхлость. А оправдания по типу: «лень» — выглядят смешно и нелепо. Посудите сами, читаю о вас на сайте: «Я такой-то крутой дизайнер или редактор. Я фигачу много, работаю по „Ресурсу“, делаю все в срок, ФФФ и всякая фигня.», но при этом вам в падлу обновиться. Илья не просто так делает обновления. Стоит обновиться хотя бы из-за того, что он продолжает работать над прекрасной Эгеей.
Сидеть на старых версиях — глупость и маразм. Айфон вы обновляете, а блог нет. ВТФ?

9 мая 2017   Блог   обзор   Эгея

Месяц на Эгее: плюсы и минусы

Итак, я уже месяц сижу на стэндалон блоге и хотел бы рассказать об этом.

Эгея
Эгея — движок блогов.

Я безумно рад, что переехал с ЖЖ, и благодарен Илье Бирману за лучший движок для блогов. Эгея очень умная. Дизайн создан с особым вниманием к виду текста. Интерлиньяж, отступы, поля, и размеры заголовков подобраны очень тщательно, а подчеркивание ссылок тонкое. Кавычки исправляются с учётом вложенности. Дефис превращается в тире и не перенесётся.

Претензии к ЖЖ

  1. Меня очень бесил ЖЖ. Каждый месяц я платил 200 рублей, чтобы мои читатели просматривали блог без рекламы;
  2. ЖЖ на десктопе с одним дизайном, на телефоне с другим — я постоянно терялся в своих же записях;
  3. ЖЖ очень тормозной. Помимо того, что ЖЖ лагает, один раз в неделю, стабильно, он недоступен;
  4. Конечно, в ЖЖ удобнее редактировать текст. Но как же меня бесило то, что редактор в ЖЖ не выполняет свою главную функцию — не проверяет орфографию. С учетом того, что я самый неграмотный блогер, я не могу сидеть на платформе, которая такая глупая;
  5. Если у вас маленький рейтинг, то хрен вы куда просочитесь. Рейтинг работает непонятно как: бывало мой СК (Статья админов ЖЖ про Социальный капитал) взлетал до небес, и тут же падал через день;
  6. Мобильное приложение у них полное говно! Сколько постов я переделывал с компа, после написания в телефоне — это был ужас;
  7. Если ЖЖ ломается, то ваш блог недоступен;
  8. ЖЖ устарел.

ЖЖ — неплохая платформа, но уже устаревшая. Сейчас, вести текстовой блог (как еще его обозвать?) не модно. Все заделались в видеоблогеры, а платформы становятся все менее и менее популярными. Я уже писал заметку о том, зачем писать в блог — прочтите.
Я зарегистрировался в ЖЖ в 2012 году, тогда же написал первый пост. Тогда ЖЖ был платформой номер один. Я жалею, что я сразу не перешел на стэндалон блог.

Благодарен ЖЖ

  1. Журнал дал мне толчок; Я до сих пор не верю, что полгода что-то пишу каждый день. Учительница по русскому нервно курит в сторонке;
  2. Научил писать;
  3. Научил не обращать внимание на гневные комментарии.

ЖЖ — это отправная точка, я рад, что начал именно с этой платформы. А теперь к Эгее.

Эгея — движок блога

После того, как я узнал кто такой Илья Бирман, я начал гуглить его проекты. Потом я обнаружил прекрасную Эгею. Я долго ломался, мне не хотелось переходить на другую платформу. Я боялся, что потеряю своих читателей, коих у меня и так было немного. Я боялся потерять те 400 постов, которые я написал. В один прекрасный день, я взял, да и перешел.

Если вы хотите переехать на Эгею, вот основные нюансы, которые вам нужно знать.

  1. Эгея в миллион раз лучше ЖЖ. На какой еще платформе вы сможете сохранять пост сочетанием клавиш Ctrl+S?
  2. Эгея легко устанавливается;
  3. Она бесплатная;
  4. Она периодически обновляется Ильей;
  5. На Эгее сидят очень много профессионалов;
  6. Алексей Будаев разработал агрегатор всех блогов на этом движке. Вы можете попросить добавить вас в агрегатор, и у вас уже появятся читатели (например, я);
  7. Эгея — стерильный блог. (см. пост про стерильный дизайн). Стерильность — это прекрасно;
  8. В движке нет визуального редактора.
Заметки юного дизайнера
Инструкция по форматированию текста
  1. Сначала вы будете тупить, а потом научитесь быстро верстать заметку.
  2. Будьте готовы к тому, что нужно будет покопаться в коде, если вы хотите как-то персонализировать свой блог;
  3. Для себя — бесплатно. Для бизнеса — платно;
  4. Для Эгеи нужен домен, хостинг, SQL и тд. Многие люди не знают как работают сайты. Они привыкли к тому, что заходят в жежешечку, логинятся, и потом пишут пост. Если вы хотите свой автономный блог — погрузитесь в веб;

Еще раз повторю: на Эгее сидят очень многие популярные дизайнеры, программисты, и редакторы. Александр Денисюк как-то писал про плюсы ведение блога:

«Попасть в тусовку. Проще говоря, заявить о себе в блогосфере, обзавестись контактами с „нужными“ людьми. Когда у тебя есть свои читатели и единомышленники, тебе проще идти по намеченному пути.»

Ведение блога действительно так работает, особенно если он на Эгее. Александр, между прочем, крутой ПХП-программист. Движок поможет вам обрасти друзьями, которые в чем-то разбираются. Я не видел еще ни одного блогера на Эгее, который ничего не умеет. Ее устанавливают только те, кто шарят.

Посещаемость.

  1. После того, как я переехал на Эгею моя посещаемость возросла в двое. Цифры я приводить не буду, но и врать мне незачем;
  2. Блог теперь посещают не только обычные смертные, но и профессионалы. Я этому безумно рад;
  3. В ЖЖ очень много идиотов, которые набегают толпой, и обсирают все вкруг. Здесь такого не происходит;
  4. Если вы боитесь потерять своих читателей на другой платформе, вы можете настроить трансляцию через РСС в ваш ЖЖ. Я так и сделал.

Минусы Эгеи.

  1. Не хватает визуального редактора;
  2. Очень хочется персонализировать свой блог не через код;
  3. В Эгее нет заметок на полях (криков). Заметки на полях — признак того, что вы знаете кто такой Максим Ильяхов. Крики — очень классная вещь, надеюсь Илья потом добавит такую возможность;
  4. Один дизайн для всех (Для многих это критично).



В целом, если вам нужен простой блог, с минималистичным дизайном, бесплатный, и крутой — Эгея идеальный вариант.
У нее есть все для ведение блога, и ничего лишнего. Добавлять заметки можно как с десктопа, так и с телефона — очень удобно. Можно прикручивать всякие штуки, если вы не болбес как я. Можно транслировать свои записи в агрегатор, и «войти в тусовку». А можно сидеть на сторонней платформе, и как только она отключится, потерять годы работы.

Спасибо за внимание.

4 марта 2017   Блог   Эгея