WordPress Elementor Crocoblock

Всем веб-девам рекомендую плагин CrocoBlock JetEngine:
https://crocoblock.com/plugins/jetengine/?ref=507
Это движок для кастомных типов записей (CPT) и их использованию. Имеет больше возможностей и лучше чем ACF, Toolset или Pods. По простому, это движок, который раскрепощает WP-блог в WP-любой-сайт.

Связкой WP+Elementor+JetEngine я несколько различных сайтов доводил от нуля до релиза в кратчайший срок, для проектов, которые сперва начинались на OpenCart, Drupal, на Django или Yii. Запуски новых проектов надо делать на чём-то более простом, и это в большинстве случаев это оказывается WordPress.

9avabl

Браться делать на фреймоврке сразу — это изобретать велосипед. И это совершенно не облегчает основную работу — делать красивую верстку и впечатляющий дизайн, что обязательно нужно на старте для привлечения аудитории. На фреймворк надо переходить когда вы осознали архитектуру и поняли в чём WP перестал устраивать.

Также, вместо того чтобы выбирать Tilda я всем рекомендую выбрать WordPress с плагинами Elementor и JetEngine.
Из Тильды через год вы захотите вылезти, потому что почувствуете её потолок и потому что там примитивная CMS за ощутимую стоимость. Но окажетесь в западне миграции контента.

У Crocoblock огромное коммунити на гитхабе (Pro) и на фэйсбуке (казуал), и большой зоопарк сопутствующих плагинов, которые все друг с другом дружат. Тут я об том чуть подробнее расписал: https://podhod.ru/blog/crocoblock

 

WordPress база

Иногда говорят что WordPress медленный. В WP из коробки нет кэширования и оптимизации отдаваемых страниц. Поставьте один любой плагин:

  • WP Super Cache
  • WP Fastest Cache
  • W3 Total Cache

они все примерно одинаковые.

  • А лучше всего LightSpeed Cache в связке c сервером LightSpeed на VPS.

Ещё иногда говорят что WordPress не безопасный. Это просто неправда из мира начинающих пользователей: движок популярный и неумелых установок, которые имеют проблемы больше. Просто поставьте один любой плагин:

  • Wordfence Security
  • All-In-One Security (AIOS)
  • Jetpack (я не использую за излишние функции)
  • Solid Security Basic — самый удачный на мой взгляд.

 

В чём вундерваффе?

Управлять контентом и SEO умеют многие CMS.

Делать красивые страницы из блоков и анимации умеют многие конструкторы сайтов.

Создавать и выводить данные умеют все фреймворки.

Но только у WP с Elementor и Crocoblock есть все эти возможности в единой среде.

 

Продвинутое применение

С Elementor не нужна Figma для прототипирования. Собирать страницы можно сразу в конструкторе из реальных блоков и слайдеров, с переменными цветами, правилами шрифтов, мобильными версиями и пр. То есть аналогичная простота, но на одно звено в пайплайне создания меньше — на превращение рисованного макета в вёрстку. То есть можно сразу всё кликать, реализовывать гипотезы, легко переделывать, и будут видны все проблемы на реальной странице. А когда всё устраивает, то перейти к украшательству. Посмотрите тут: https://podhod.ru/elementor

По красоте с Framer в Elementor сложно тягаться, в нём меньше направленность на анимацию и WOW-эффект. Но повторить это можно, ведь многое решается анимациями при скролле, они есть. Например, моя визитка, собрана за 3 дня:
https://podhod.com/vladimir/
Выбирая Фреймер это замыкает сайт на её неразвитую CMS и малое число платных расширений.

Но главное в WordPress с Elementor и Crocoblock — скорость работы и практичность. Опыт показывает, что сайты на этом стеке быстро уходят в релиз, долго живут, причины сменить их на другой движок не возникают.

Очень важно что новые люди WP легко осваивают. В WordPress есть роли — права редактора, не позволяют менять вёрстку сайта, испортить её, редактор может только править текст в подготовленных дизайнером-разработчиком местах и публиковать. Если дать пользователю права автора, он не сможет опубликовать, сможет только готовить черновики, которые проверит редактор. Есть плагин User Role Editor для создания дополнительных ролей, в котором можно создать любую нужную комбинацию прав.

Важно, что Google и Yandex заточены анализировать страницы на Вордпресс, а на непопулярные CMS нет. На сайте сделанном на фреймворке надо специально заниматься SEO кодом. А для сайта на WP есть несколько мощных бесплатных плагинов для помощи с SEO, которые помогают заполнить и автоматически решают все задачи видимости в поисковиках, это:

  • Yoast SEO
  • All in One SEO
  • RankMath
  • SEOPress — сейчас предпочитаю его, за отсутствие лишнего и детализацию в нужном.

И всё это касается любых сайтов: визитки, лендинги, каталоги, блоги, СМИ, объявления, интернет-магазины, бронирование, дашборды личных кабинетов. Посмотрите эти демо-сайты. Приобретя Crocoblock их можно установить к себе за минуту. У каждого в основе JetEngine: https://crocoblock.com/dynamic-templates/?ref=507

Раскраска 3D модели методом Vertex Color

Современные 3D иллюстрации и казуальные модели для игр имеют общую черту — объекты имеют большие области сплошной плоской «флет» раскраски цветом или легким градиентом. Для реализации такого вида не требуется создавать текстуры, это можно сделать указывая цвета прямо на самих точках модели, и отображая эту инфомацию прямо на модели.

Этот способ нативный, старый и очень легкий. Не требует можества дополнительных сущностей. Слабая известность этого способа от того, что в эпоху начала 3D, когда точек в модели позволялось мало, этот способ давал мало детализации, а больше визуальной детализации давали текстуры. Сегодня точки в модели можно не считать, цветовые пространства шире и этот способ обрел новую жизнь.

Урок раскраски модели с помощью цветовых атрибутов вертексов в Блендер https://youtu.be/hHcxzlHQnUw?si=ZXfLeFt7iQws220N

Vertex Color пайплайн в блендере. Стрим 12.12.2020

Плагин Vertex Color Master для Blender, чтобы менять HSV и закрашивать градиентом.
https://github.com/andyp123/blender_vertex_color_master

Пример создания модели с раскраской вертексами https://youtu.be/OcKyRlFpqUQ?si=B4kUCHCXkujm7AXY

ALEX: СОЗДАНИЕ КАЗУАЛЬНОЙ МОДЕЛИ С НУЛЯ ДО РЕЗУЛЬТАТА. Стрим 31.08.2021.

Совмещение способов текстурирования: вертексами, текстурами и декалями https://youtu.be/IyxczXyuuMg?si=T1zwhOChMEGOJOuC&t=2624

Текстурирование казуальной графики для игр │ Уроки от профессионалов

Дизайн системы UI в Figma

Сегодня нет никакого смысла с нуля создавать стили для типовых интерфейсов, кроме случая когда это является самим предметом вашей работы. В Figma в полном доступе есть сотни готовых решений. В каждую дизайн систему UI вложено сотни часов труда, и лучше сперва потратить свои несколько часов на изучение готовых решений, в поисках подходящего, чем окунаться с головой в создание своего.

Если вы про дизайн-системы ничего не знаете — начните изучение вопроса с этих библиотек дизайнов интерфейсов доступных в Фигме или просто используйте их:

Bootstrap 5 https://www.figma.com/community/file/1044316192441037087

United UI https://www.figma.com/community/file/1020079203222518115

Tailwind CSS UI https://www.figma.com/community/file/768809027799962739

Medusa UI https://www.figma.com/community/file/1278648465968635936

Align UI https://www.figma.com/file/PJ630SzPS3x2D807GYKHOk/

Ссылки на скрипты для Adobe Illustrator

Скрипты для Adobe Illustrator

АвторСсылка
Сергей Осокинhttps://ais.sergosokin.ru/all-scripts/
Марат Шагиевhttps://github.com/dumbm1
Сергей Аносовhttps://sites.google.com/site/dtpscripting
Павел Рассадинhttp://mf36.narod.ru/
Даря Ніконішинаhttps://github.com/daani-rika/Illustrator-scripts
Агенти змінhttps://github.com/agentyzmin/adobe-scripts
John Wundeshttps://github.com/johnwun/js4ai
Herman van Boeijenhttps://github.com/nimbling/Nimbling_Scripts
William Dowlinghttps://github.com/wdjsdev/public_illustrator_scripts
Hiroyuki Satohttp://shspage.blogspot.com/
Toshiyuki Takahashihttps://github.com/gau
3flab inc.https://3fl.jp/d/is/
Seiji Miyazawahttps://onthehead.com/ais/
Takashi Planninghttps://sttk3.com/blog/tips/illustrator
Wolfgang Reszel (+ другие авторы)http://illustrator.hilfdirselbst.ch/dokuwiki/en/skripte/javascript/uebersicht
Jens-Ulrich Krieblerhttps://www.computergrafik-know-how.de/javascript-ai/
Creator cut-out projecthttp://www.openspc2.org/projectX/
kawamoto_αhttp://sysys.blog.shinobi.jp/
Gorolibhttp://gorolib.blog.jp/
EfficiencyDesignhttps://efficiencydesign.booth.pm/ (магазин)
@piotrlalakhttps://github.com/piotrlalak/Adobe-Illustrator
@sky-chaser-highhttps://github.com/sky-chaser-high/adobe-illustrator-scripts
 

Справочные материалы по ExtendScript

ОписаниеСсылка
Руководство по скриптам CC 2021 в pdfAdobe Illustrator CC 2021 Scripting Guide
Документация для разработчиков AdobeAPIs and services
Референсы с поискомAdobe Illustrator Scripting Guide
Референсы в виде словаря с готовыми примерами вызова от Kazuhiro KouraIllustrator JavaScript Reference
Файл справки Object Model Viewer к ExtendScript Toolkit. Находится в локальной папкеWindows:
C:\Program Files (x86)\Common Files\Adobe\Scripting Dictionaries CC\Illustrator 2022\omv.xml
macOS:
/Library/Application Support/Adobe/Scripting Dictionaries CC/Illustrator 2022/omv.xml
Вызов нативных команд Иллюстратора. Notionapp.executeMenuCommand
Переключение инструментов, появившееся в CC 2020. Notionapp.selectTool
В API добавлен поворот канваса ViewWhat’s New in Illustrator Scripting CC2021 (v25.3.1 June 2021 release)
Новые классы, методы в API CC 2021What’s New in Illustrator Scripting CC2021
Новые классы, методы в API CC 2020What’s New in Illustrator Scripting CC2020
Новые классы, методы в API CC 2018What’s New in Illustrator Scripting CC2018
Чтение и изменение ключей Preferences от Ten AIllustrator preferences 1
Файлы с некоторыми ключами PreferencesAIPreferenceKeys.h в Illustrator SDK
Windows:
C:\Users\<Current user>\AppData\Roaming\Adobe\Adobe Illustrator <vers.> Settings\<lang>\Adobe Illustrator Prefs
macOS:
/<username>/Library/Preferences/Adobe Illustrator <vers.> Settings/<lang>/Adobe Illustrator Prefs
Большое количество вопросов, готовых скриптов от сообществаФорум Adobe Illustrator
Применение эффектов PageItem.applyEffect()Illustrator’s LiveEffect method has managed
Библиотека функций от @m1b для PageItem.applyEffect()AI Live Effects Functions
Тесты алгоритмов выделения объектов от @sttk3Select faster by script
Документация по ScriptUI в pdf от Peter KahrelScriptUI for dummies
Конструктор диалогов для скриптов с экспортом готового кода от Joonas PääkköScriptUI Dialog Builder
Мой блог с советами, найденными багами в скриптовом APIhttps://ais.sergosokin.ru/blog/

Losless Cut программа для обрезки видео без перекодирования

Если вы когда-нибудь занимались оцифровкой видоекассет, то оцените этот инструмент. Каждое новое видео на базе существующего требует его пересоздания (reencoding) — файл увеличивается, а качество теряется. Видеофайлы с кассет получается очень тяжёлые, с шумным и низкокачественным изображением. При этом файл чаще всего надо обязательно нарезать, поскольку в видео, чаще всего, несколько разных эпизодов. Не хочется ухудшать и увеличивать объём и без того проблемных файлов.

Потрясающая программа Losless Cut решает эту и множество других сопутствующих проблем. Вот короткое информативное видео с примерами возможностей программы: https://youtu.be/pYHMxXy05Jg

Cut Videos in SECONDS Instead of Hours with No Quality Loss! 🎬 LosslessCut

Релизы LoslessCut на GitHub https://github.com/mifi/lossless-cut/releases
Сайт о программе https://mifi.no/losslesscut/

Возможно, вам будет интересен обзор других бесплатных видео-редакторов и программ для монтажа фильмов https://vovkasolovev.ru/blog/video-editor/

Подпишитесь на мой Телеграмм https://t.me/VovkaSolovevRu