Лучшие темы с Page Builder для WordPress, редакторы WYSIWYG и Rich HTML Editor

Изучал зоопарк тем с Page Builder для WordPress, и ключевые WYSIWYG и Rich Editor для веба, которые можно прикрутить к фреймворку или отдельно использовать. Встретил вот такое обсуждение https://news.ycombinator.com/item?id=15497972 и вот такой список на гитхабе https://gist.github.com/manigandham/65543a0bc2bf7006a487, который я отдельно себе сюда срисую и дополню. Так же насыпал звёздочек, на то что мне особенно приглянулось.

WordPress page builders

Плагины, конструкторы страниц сайта из блоков. Если указано что они на основе шорткодов, значит они чуть медленнее при генерации страниц.

На Visual Composer, WPBakery, Themify уже смотреть не стоит, на Brizy ещё совсем рано.

Темы, в которые встроен свой или сторонний конструктор сайта из блоков.

Не сюда, но отдельно отмечу инструмент https://www.froala.com/design-blocks, который задуман, чтобы делать лендинги с разметкой Bootstrap из готовых блоков. Но мне он оказался удобным для ранней стадии эскизного прототипирования любого сайта.

Abstracted Editors

These use separate document structures instead of HTML, some are more modular libraries than full editors

Dom-Based Editors

5 программ для анимации лица и речи (facerig, lip sync), чтобы сделать своего персонажа

В начале 2018 изучал современные способы создания 2d персонажной анимации, обращая внимание на возможности лицевой анимации и lip sync. Запишу, о каких направлениях узнал. Руками анимировать лицо-рот, конечно, эффектнее всего, но сегодня ни у кого на это нет времени. Вы же делаете ролик для ютюба, а не в студии мультипликации работаете (а тогда значит знаете хардкорный тру путь аниматора). Да, даже самостоятельно лицевой моушен кэпчер делать больше не надо, всё уже есть. Скорстные пути такие:

  1. Кукла в Adobe After Effects с помощью Duik, плагин для автоматического рига через null объекты с Inverse kinematics. Минус в том, что клипы в AE живут в относительных координатах, из-за чего это всё не очень для него подходит — неудобно с нестед клипами, менять scale персонажа, менять координаты анимации целиком. Да и не так удобно по сравнению с другими способами, которые специально для персонажной анимации создавались.
  2. Adobe Character Animator начал обрастать возможностями. Совмещает в себе и риг куклы и лицевую анимацию. Лицо можно анимировать через вебкамеру, конечности можно таскать мышкой, есть триггеры для того чтобы менять состояния на лету.
  3. MOHO Anime Studio — очень крутой и простой 2D векторный аниматор, настоящий инструмент для анимации. Напоминает Flash, только с mesh warp, псевдо 3D сценой, и главное, отличной системой для создания костей, переключателей состояний и рига персонажа. Есть свой липсинк из аудиофайла. Если бы я начал делать качественный мультсериал, то выбрал бы его.
    • Papagayo софт для липсинка по тексту и аудиофайлу. Эта программа была основной для создания липсинка в ранних версиях MOHO, а потом её упрощенная версия стала использоваться внутри MOHO. (У программы баг с путями, лучше хранить её в корне диска).
  4. Reallusion объеденила под своим названием несколько разных проектов:
    • CrazyTalk Animator — есть готовые костяные риги и их анимации. Осталось только навешивать ваши 2D спрайты частей тела на это. Делаете все нужные анимации и вставляете в свой мультфильм. Отличный выбор для того, чтобы делать шаблонные видео-объяснялки на потоке, не хватая звёзд и не теряя времени.
    • CrazyTalk (Standart, PRO, Pipeline) — есть готовый лицевой риг, Осталось только повесить на него ваш портрет. Анимация на лету — липсинк из аудофайла, движения головы мышкой, моргания по клику. Резуальтат подключается в CrazyTalk Animator.
    • Для 3D у Reallusion есть аналогичная пара: iClone и iClone Faceware Facial Mocap. И ещё отдельно конструктор Avatar Toolkit.
  5. FaceRig — изначально игрушка с вебкамерой и заранее готовыми 3D персонажами (но все какие-то не клёвые). У неё есть плагин для Live2D персонажей и это оказалось прорывом. При запуске присутствует в системе как виртуальная камера, поэтому можно сразу подключить её слоем в OBS, т.е. в реалтайм анимировать персонажа глядя в вебкамеру.
    • Live2D — китайский инструмент чтобы делать 2D говорящие головы. Риг можно подключать к FaceRig. Самый короткий путь сделать качественную анимированную голову — собрать её в этом конструкторе и вставить в FaceRig.

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

Как я сделал крутой логотип

Опубликовал на сайте студии логотип пиротехники «Легенда».
https://podhod.ru/portfolio/legenda-style

И рассказ о создании логотипа.
https://podhod.ru/solutions/18

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

Если вам нужен логотип, обращайтесь в студию дизайна «Разумный подход» — там делают самые качественные, эффектные и крутые логотипы. Напишите о задаче через сайт или на [email protected].

Мои красивые короткие понятные ссылки

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

Теперь работают вот такие ссылки от короткого адреса http://vlso.ru:
http://vlso.ru/youtube
http://vlso.ru/yt
http://vlso.ru/twitter
http://vlso.ru/tw
http://vlso.ru/vkontakte
http://vlso.ru/vk
http://vlso.ru/facebook
http://vlso.ru/fb
http://vlso.ru/instagram
http://vlso.ru/ig
http://vlso.ru/livejournal
http://vlso.ru/lj
http://vlso.ru/google+
http://vlso.ru/google
http://vlso.ru/g+
http://vlso.ru/g
http://vlso.ru/odnoklassniki
http://vlso.ru/odnoklasniki
http://vlso.ru/ok
http://vlso.ru/dribbble
http://vlso.ru/dribble
http://vlso.ru/drible
http://vlso.ru/dr
http://vlso.ru/db
http://vlso.ru/telegram
http://vlso.ru/tm
http://vlso.ru/tg
http://vlso.ru/t
http://vlso.ru/patreon
http://vlso.ru/twitch
http://vlso.ru/discord

И они же работают по длинному «именному» адресу http://vovkasolovev.ru:
http://vovkasolovev.ru/youtube
http://vovkasolovev.ru/yt
http://vovkasolovev.ru/twitter
http://vovkasolovev.ru/tw
http://vovkasolovev.ru/vkontakte
http://vovkasolovev.ru/vk
http://vovkasolovev.ru/facebook
http://vovkasolovev.ru/fb
http://vovkasolovev.ru/instagram
http://vovkasolovev.ru/ig
http://vovkasolovev.ru/livejournal
http://vovkasolovev.ru/lj
http://vovkasolovev.ru/google+
http://vovkasolovev.ru/google
http://vovkasolovev.ru/g+
http://vovkasolovev.ru/g
http://vovkasolovev.ru/odnoklassniki
http://vovkasolovev.ru/odnoklasniki
http://vovkasolovev.ru/ok
http://vovkasolovev.ru/dribbble
http://vovkasolovev.ru/dribble
http://vovkasolovev.ru/drible
http://vovkasolovev.ru/telegram
http://vovkasolovev.ru/tm
http://vovkasolovev.ru/tg
http://vovkasolovev.ru/t
http://vovkasolovev.ru/patreon
http://vovkasolovev.ru/twitch
http://vovkasolovev.ru/discord

Теперь предстоит везде заменить эти пути на свой сайт. Это, по идее, должно ещё и снизить «потопляемость» у сосцетей конкурентов.

Как я это сделал?

Ссылки на ресурсы по веб-разработке

Сайт http://www.kayodeok.btinternet.co.uk/favorites/webdesign.htm перестал быть доступен, а там хранилось много ссылок о веб-разработке на английском. Если что-то из этого и пропало, всегда есть archive.org. Сохраню для себя тот список:

(далее…)