Новый логотип Audacity, мой вариант

Есть очень удачная народная программа для редактирования звука Audacity. Она долго была не очень нарядной и вот наконец за её визуальное обновление взялись. Разработичк редизайна Tantacrul выпустил инетесное видео https://youtu.be/QYM3TWf_G38?si=a8ux_tGvCJxDkzOR в  котором рассказал про новые решения, а так же показал новый логотип программы, который комментаторы оценили скорее как неудачный. Мне тоже так показалось и я захотел показать свое видение переработки логотипа. Изменение логотипа популярной программы — интересная задача.

Определил следующие условия и требования к логотипу:

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

Так же новый логотип Audacity должен иметь возможность принять стиль соответствующий логотипам других программ компании Muse Group, у которых используется простая геометрия: круги и треугольники. Как и у других программ, логотип должен иметь форму буквы начала названия, то есть «a» или «A». Логотип должен хорошо смотреться в одном цвете, в контрастной цветовой комбинации бренда.

Вот результат на одной картинке. На форуме Audacity я сделал более подробную запись, с другими изображениями: 
https://forum.audacityteam.org/t/i-made-a-new-geometric-version-of-the-audacity-logo/149488?u=vovkasolovev

podhod.com audacity drib

Курс обучения фулстек-разработке веб-сервиса с нуля: TypeScript, React, Vite, Node.js Сергея Дмитриева

Разработчик Сергей Дмитриев опубликовал бесплатный курс «Обучение фулстек-разработке веб-сервиса с нуля».
Стек технологий: TypeScript, React, Vite, Node.js, pnpm, Express, tRPC, PostgreSQL, Prisma, Formik, Zod, Jest, Prettier, ESLint, Stylelint, SCSS, Husky, React Router, Cloudinary, AWS S3, MJML, CRON, Winston, Balsamiq, Sentry, Mixpanel, Cloudflare, Docker, DataDog, Heroku
«Цель обучения — создать проект с нуля, изучив и применив технологии и архитектуру, которые обеспечивают качество и масштабируемость вашего кода, скорость разработки, а также удовольствие и радость от процесса.»

Весь плейлист:
https://www.youtube.com/watch?v=DrS98CPYCgU&list=PL1DRqC1tfkrBjO4SDcg5EwKnCnk27yQVD

Моё отношение к работе с помощью ИИ и нейросетей

Я по умениям и увлечениям — дизайнер и иллюстратор, а по майндсету — инженер и арт-директор. С огромным удовольствием использую ИИ и не вижу никакой конкуренции в его лице, ощущаю как помощника. Ставить задачу что джуну, что ИИ — примерно одно и то же, и всё равно потом надо делать ревизию.

ИИ создаёт то, что его просят. Если просить несложное, то на базовом уровне он даёт приемлемый результат. Поэтому какие-нибудь простые штуки типа листовки А4 «Купите мороженое» и вывески «Шиномонтаж» сейчас можно сделать бесплатно с помощью ИИ. Ну и что — раньше эта задача доставалась самому начинающему дизайнеру, тоже забесплатно.

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

То есть преградой для качественной работы с ИИ оказывается интерфейс общения. (Жду, когда будет микрочип в мозгу, чтобы избежать в работе ограничивающей вербализации.)

Как же быть начинающему? Очень просто — надо использовать ИИ: сперва это даёт буст к качеству, потом, когда приходит понимание качества, это будет давать буст к скорости работы. «Водители», «официанты», «строители», «проектировщики» любого уровня будут нужны всегда, неважно, в какой это сфере индустрии и какой уровень технологий.

Появление фотоаппарата не убило живопись и портреты маслом, а лишь понизило в них нужду. При этом появление фотоаппарата заставило переосмыслить значение художника, от ремесленника к артисту. А так же открыло много других возможностей для работы, от массового рынка рисования по фотографии до ювелирного направления «фотореализм». Так что луддизм в отношении ИИ я не считаю обоснованным, и наоборот вижу в появлении ИИ дар силы и шанса сделать то, на что раньше бы и не решился.

В цифровом мире автор не несёт затрат на копирование. Авторское право существует только из-за юридического легаси. Поэтому не вижу существования проблемы нарушений авторского права в тренировке ИИ — это не прямое копирование и не отнимает у автора ничего.

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

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

Сделал tiny-ремейк своей игры на PuzzleScript

Случайно обнаружил замечательный движок PuzzleScript и за вечер сделал ремейк своей игры-головоломки, которую делал давным-давно.

Поиграйте:
https://www.puzzlescript.net/play.html?p=82a11696801f5375f3fb383867c20848

Если интересно разобраться — под плеером с игрой ссылка на редактор кода этой игры.

Оригинальная игра называется Vampire’s Gold Logic Puzzle, в ней 100 уровней, вот ссылка:
https://podhod.itch.io/vampires-gold

Буду рад, если вы поиграете в мою игру!