Лучшие темы с Page Builder для WordPress, редакторы WYSIWYG и Rich HTML Editor
20 июня 2018 г.
Изучал зоопарк тем с 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/
5 программ для анимации лица и речи (facerig, lip sync), чтобы сделать своего персонажа
29 мая 2018 г.
В начале 2018 изучал современные способы создания 2d персонажной анимации, обращая внимание на возможности лицевой анимации и lip sync. Запишу, о каких направлениях узнал. Руками анимировать лицо-рот, конечно, эффектнее всего, но сегодня ни у кого на это нет времени. Вы же делаете ролик для ютюба, а не в студии мультипликации работаете (а тогда значит знаете хардкорный тру путь аниматора). Да, даже самостоятельно лицевой моушен кэпчер делать больше не надо, всё уже есть. Скорстные пути такие:
- Кукла в Adobe After Effects с помощью Duik, плагин для автоматического рига через null объекты с Inverse kinematics. Минус в том, что клипы в AE живут в относительных координатах, из-за чего это всё не очень для него подходит — неудобно с нестед клипами, менять scale персонажа, менять координаты анимации целиком. Да и не так удобно по сравнению с другими способами, которые специально для персонажной анимации создавались.
- Adobe Character Animator начал обрастать возможностями. Совмещает в себе и риг куклы и лицевую анимацию. Лицо можно анимировать через вебкамеру, конечности можно таскать мышкой, есть триггеры для того чтобы менять состояния на лету.
- MOHO Anime Studio — очень крутой и простой 2D векторный аниматор, настоящий инструмент для анимации. Напоминает Flash, только с mesh warp, псевдо 3D сценой, и главное, отличной системой для создания костей, переключателей состояний и рига персонажа. Есть свой липсинк из аудиофайла. Если бы я начал делать качественный мультсериал, то выбрал бы его.
- Papagayo софт для липсинка по тексту и аудиофайлу. Эта программа была основной для создания липсинка в ранних версиях MOHO, а потом её упрощенная версия стала использоваться внутри MOHO. (У программы баг с путями, лучше хранить её в корне диска).
- Reallusion объеденила под своим названием несколько разных проектов:
- CrazyTalk Animator — есть готовые костяные риги и их анимации. Осталось только навешивать ваши 2D спрайты частей тела на это. Делаете все нужные анимации и вставляете в свой мультфильм. Отличный выбор для того, чтобы делать шаблонные видео-объяснялки на потоке, не хватая звёзд и не теряя времени.
- CrazyTalk (Standart, PRO, Pipeline) — есть готовый лицевой риг, Осталось только повесить на него ваш портрет. Анимация на лету — липсинк из аудофайла, движения головы мышкой, моргания по клику. Резуальтат подключается в CrazyTalk Animator.
- Для 3D у Reallusion есть аналогичная пара: iClone и iClone Faceware Facial Mocap. И ещё отдельно конструктор Avatar Toolkit.
- FaceRig — изначально игрушка с вебкамерой и заранее готовыми 3D персонажами (но все какие-то не клёвые). У неё есть плагин для Live2D персонажей и это оказалось прорывом. При запуске присутствует в системе как виртуальная камера, поэтому можно сразу подключить её слоем в OBS, т.е. в реалтайм анимировать персонажа глядя в вебкамеру.
- Live2D — китайский инструмент чтобы делать 2D говорящие головы. Риг можно подключать к FaceRig. Самый короткий путь сделать качественную анимированную голову — собрать её в этом конструкторе и вставить в FaceRig.
Признаюсь, все эти программы, кроме Адобовских, мне показались немного баговатыми, и не очень продуманны интефейсно, не очень актуально выглядящие и в них не ощущается рыночной устойчивости развиваться вечно. Буду рад если подскажите ещё какие-то инструменты. Возможно в будущем надо будет смотреть ещё и на Spine, а также на Unity, в котором постепенно появляются нативные инструменты для всей анимации (а не плагинами, на которые опасно рассчитывать).
Как я сделал крутой логотип
23 апреля 2018 г.
Опубликовал на сайте студии логотип пиротехники «Легенда».
https://podhod.ru/portfolio/legenda-style
И рассказ о создании логотипа.
https://podhod.ru/solutions/18
Горжусь этой работой — там красивая идея, сложная геометрия, леттеринг. Работу делали ещё в начале того года, чтобы к этому Новому году логотип красовался на всех упаковках.
Если вам нужен логотип, обращайтесь в студию дизайна «Разумный подход» — там делают самые качественные, эффектные и крутые логотипы. Напишите о задаче через сайт или на [email protected].
Мои красивые короткие понятные ссылки
7 декабря 2017 г.
Соцсетей много а голова одна. Чтобы каждый раз не вспоминать как правильно дать ссылку на свою соцсеть, придумал поставить у себя на сайте редирект от «папки» с именем соцсети.
Теперь работают вот такие ссылки от короткого адреса 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
Теперь предстоит везде заменить эти пути на свой сайт. Это, по идее, должно ещё и снизить «потопляемость» у сосцетей конкурентов.
Ссылки на ресурсы по веб-разработке
17 ноября 2017 г.
Сайт http://www.kayodeok.btinternet.co.uk/favorites/webdesign.htm перестал быть доступен, а там хранилось много ссылок о веб-разработке на английском. Если что-то из этого и пропало, всегда есть archive.org. Сохраню для себя тот список:
Прокомментировать в Телеграме