Обнаружил несколько любопытных проектов статистики и инфографики, созданных Александром Марковым, после того как посмотрел ролик про Структуру общества с ютюба «Графики и жизнь». 

Подборка визуализаций про то, кто и кем работает в России

http://jobs.gizh.ru/

Статистика и различные данные обо всей России

http://russia.duck.consulting/

Что сколько стоит на Avito

Средняя и распределение цены из объявлений на Авито. http://price.duck.consulting/

У меня нет мнения, о том насколько представленная информация по ссылкам достоверна. Но, очевидно, что подделать такой объём сложнее, чем собрать статистику или написать инструмент.

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

WordPress page builders

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

• Elementor ⭐⭐ – https://elementor.com/?ref=3267

  Огромное коммунити, очень надёжный. Частично на шорткодах.

• SiteOrigin Page Builder – https://siteorigin.com/page-builder/

  Бесплатный и базовый. Полностью на основе шорткодов.

• Divi – https://www.elegantthemes.com/gallery/divi/

  Красивый, гладкий, но очень медленно с ним конструировать. Полностью на основе шорткодов.

• Oxygen 2 ­⭐ — https://oxygenbuilder.com/

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

• Thrive Architect ­- https://thrivethemes.com/architect/

  Не трогал, демо не нашёл.

• Beaver Builder ­- https://www.wpbeaverbuilder.com/

  Старый успешный, сегодня Elementor его по всем сравнениям обошел.

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

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

• Genesis – https://my.studiopress.com/themes/genesis/
• Avada –https://themeforest.net/item/avada-responsive-multipurpose-theme/2833226?ref=podhod
• Newspaper ⭐ – https://themeforest.net/item/newspaper/5489609?ref=podhod
• Newsmag – https://themeforest.net/item/newsmag-news-magazine-newspaper/9512331?ref=podhod
• Enfold ⭐ – https://themeforest.net/item/enfold-responsive-multipurpose-theme/4519990?ref=podhod
• Salient – https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266?ref=podhod
• Betheme – https://themeforest.net/item/betheme-responsive-multipurpose-wordpress-theme/7758048?ref=podhod
• Theme.co X ⭐ – https://themeforest.net/item/x-the-theme/5871901?ref=podhod
• Weber – https://themeforest.net/item/weber-multipurpose-html-template-with-page-builder/21951995?ref=podhod
• The7 – https://themeforest.net/item/the7-responsive-multipurpose-wordpress-theme/5556590?ref=podhod
• Jupiter – https://themeforest.net/item/jupiter-multipurpose-responsive-theme/5177775?ref=podhod
• Total – https://themeforest.net/item/total-responsive-multipurpose-wordpress-theme/6339019?ref=podhod
• Impreza – https://themeforest.net/item/impreza-retina-responsive-wordpress-theme/6434280?ref=podhod
• Apex Pro – https://theme.co/pro/
• Qards – https://designmodo.com/qards/

Не сюда, но отдельно отмечу инструмент 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

• ProseMirror — http://prosemirror.net/ — supports collaborative editing, offers similar options to Mobiledoc for data structure
• Slate — https://github.com/ianstormtaylor/slate — framework to build more customized editors inspired by Draft, ProseMirror, Quill
• Draft — https://draftjs.org — rich text editor framework for React
• Quill ⭐ — http://quilljs.com/
• Trix — https://github.com/basecamp/trix — by Basecamp team and used in v3
• Scribe — https://github.com/guardian/scribe — by the Guardian team
• Etherpad ⭐ — http://etherpad.org/ — collaborative realtime editing framework, backend and editor 
• Texture — http://substance.io/texture/ — editor built on Substance library

Dom-Based Editors

• Froala ⭐ — https://www.froala.com/wysiwyg-editor — best editor (IMO) for traditional HTML structure
• Pell — https://github.com/jaredreich/pell — designed to be the simplest and smallest
• CKEditor (v5) — https://ckeditor.com/ — long history, very customizable, new architecture with built-in collaboration
• TinyMCE ⭐⭐ — http://www.tinymce.com/ — older editor, similar to CKEditor
• Textbox.IO — https://textbox.io/ — new from the owners of TinyMCE project
• Squire — https://github.com/neilj/Squire — used in FastMail webmail, better for text than images
• medium-editor — https://github.com/yabwe/medium-editor — clone of Medium.com’s editor
• Medium.js — http://jakiestfu.github.io/Medium.js — clone of Medium.com’s editor
• wysihtml — http://wysihtml.com/
• Redactor ⭐ — http://imperavi.com/redactor/
• Summernote — http://summernote.org/
• ZenPen — http://www.zenpen.io/
• Trumbowyg — https://alex-d.github.io/Trumbowyg/ — html5 editor as jquery plugin
• Jodit — https://xdsoft.net/jodit/

В начале 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, в котором постепенно появляются нативные инструменты для всей анимации (а не плагинами, на которые опасно рассчитывать).

Яндекс запустил платформу Дзен, типа как Медиум, в которой можно будет зарабатывать на рекламе с читателей. Для проверки, создал страницу с большим списком ссылок на порнографические сайты. Поддержите эксперимент, переходите по ссылке, ставьте пальцы, делитесь:

Ссылки на порно сайты

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

(далее…)