Друг-математик попросил меня сегодня сделать ему дидактический материал, чтобы объяснять на пальцах восьмеричную систему исчисления. Вот что получилось.
Сырьё за 15 минут получил у Дейла ChatGPT: удачный визуал, но с обрезанным 0, без четырёхпалой 2 и без 4.
Еле уговорил создать что-то похожее на 2 так, чтобы большой палец касался одного мизинца — не может Дейл сделать из 4 пальцев знак V, только из пяти пальцев. Легко сгенерил отдельно 4.
И 40 мин фотошопил c clone fill и puppet wrap.
Шрифт Ubuntu для цифр — давно считаю его подходящим для детей, у шрифта очень круглый и чёткий характер.
Записал видео-ответ на регулярный вопрос: «Какая есть хорошая бесплатная нейросеть для генерации картинок?»
Ответ: Recraft и за 15 минут показываю его базовые возможности: https://youtu.be/mg6lHDbLkus?si=y5EFeXYQxIfA3n_Q
Кратко:
— Очень удобный наглядный интерфейс: раскладывание изображений на рабочем столе
— Огромный выбор стилей для генерации изображения
— Вариации и изменение пропорций формата
— Удаление фона вокруг объектов до прозрачности
— Стирание лишних элементов, замена областей
— Генерация сетов изображений, все в одном стиле
— Качественное увеличение изображений
— Экспорт в PNG, JPG, TIFF, SVG, PDF
— Подходит для бесплатного ежедневного использования.
Разработчик Сергей Дмитриев опубликовал бесплатный курс «Обучение фулстек-разработке веб-сервиса с нуля».
Стек технологий: 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
«Цель обучения — создать проект с нуля, изучив и применив технологии и архитектуру, которые обеспечивают качество и масштабируемость вашего кода, скорость разработки, а также удовольствие и радость от процесса.»
Всем веб-девам рекомендую плагин CrocoBlock JetEngine: https://crocoblock.com/plugins/jetengine/?ref=507
Это движок для кастомных типов записей (CPT) и их использованию. Имеет больше возможностей и лучше чем ACF, Toolset или Pods. По простому, это движок, который раскрепощает WP-блог в WP-любой-сайт.
Связкой WP+Elementor+JetEngine я несколько различных сайтов доводил от нуля до релиза в кратчайший срок, для проектов, которые сперва начинались на OpenCart, Drupal, на Django или Yii. Запуски новых проектов надо делать на чём-то более простом, и это в большинстве случаев это оказывается WordPress.
Браться делать на фреймоврке сразу — это изобретать велосипед. И это совершенно не облегчает основную работу — делать красивую верстку и впечатляющий дизайн, что обязательно нужно на старте для привлечения аудитории. На фреймворк надо переходить когда вы осознали архитектуру и поняли в чём 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 иллюстрации и казуальные модели для игр имеют общую черту — объекты имеют большие области сплошной плоской «флет» раскраски цветом или легким градиентом. Для реализации такого вида не требуется создавать текстуры, это можно сделать указывая цвета прямо на самих точках модели, и отображая эту инфомацию прямо на модели.
Этот способ нативный, старый и очень легкий. Не требует можества дополнительных сущностей. Слабая известность этого способа от того, что в эпоху начала 3D, когда точек в модели позволялось мало, этот способ давал мало детализации, а больше визуальной детализации давали текстуры. Сегодня точки в модели можно не считать, цветовые пространства шире и этот способ обрел новую жизнь.