💎 Шаблон КП на Тильде

Сегодня дарю вам шаблон коммерческого предложения для дизайнера-разработчика сайтов на Тильде (подойдёт как для фрилансера так и для команды) ✨ ❤️ ID шаблона: 87847526 Шаблон выполнен в виде странички на Тильде, сверстан он на стандартных блоках (с щепоткой CSS кода). Я отдала предпочтение именно стандартным блокам, чтобы их было легко редактировать и кастомизировать под свой фирменный стиль, и не надо было заморачиваться над адаптацией. Уникальный дизайн это, конечно, хорошо, но в переговорах и продажах важнее все таки скорость и мобильность, нежели красивая обёртка. Поэтому, когда вас попросят срочно отправить КП, вы сможете сделать это незамедлительно 🔥 ⭐️ В шаблоне некоторые блоки представлены в двух вариантах для различных схем работы. ⭐️ Также я добавила навигацию по странице КП, т.к. оно получилось довольно объемным. ⭐️ Все шрифты установлены «по умолчанию», поэтому когда вы добавите шаблон себе в проект — подключатся ваши установленные шрифты. Не призываю всех и каждого делать свое КП только по этой схеме, однако мой шаблон сможет послужить вам отличной основой для формирования своего собственного КП со своими уникальными текстами и предложениями. Инструкция по добавлению шаблона в проект на Тильде: ⭐️ Зайдите в ваш проект, где вы хотите разместить КП и нажмите «+ Создать новую страницу» ⭐️ Пролистайте страницу с шаблонами до самого низа, где будет располагаться кнопка «Указать ID шаблона» ⭐️ Нажмите на нее и в появившемся поле введите идентификатор моего шаблона КП: 87847526. И страница с КП у вас в проекте! Вы великолепны! 🌸 По всем вопросам или замечаниям по шаблону добро пожаловать в комментарии 😊 P.S. Не забудьте скрывать ваши КПшки заказчикам от индексации #документы #freebie
Изображение поста

Недавно увидела на Reddit интересную визуализацию: https://laion.inference.net/embeddings">карту связей научных статей, где десятки тысяч работ собраны в кластеры по предметным областям.

Как это сделано: из открытого набора LAION (около 100 млн научных и исследовательских текстов, здесь — небольшой срез) извлекли краткие выжимки, перевели статьи в векторные представления, спроецировали в 2D и сгруппировали по близости. 🔗 Демо: https://laion.inference.net/embeddings 🛠️ Код: https://github.com/context-labs/laion-data-explorer (React + D3)
Изображение поста

☀️ Витрина компонентов для вдохновения

Наткнулся на 21st — открытую площадку, где разработчики публикуют готовые React-компоненты и целые экраны. Это что-то вроде Figma Community, только для кода. На платформе много решений, собранных с реальных маркетинговых страниц популярных SaaS-сервисов. Например, на обложке — блок с главной страницы Linear. Помимо вдохновения: если ваша команда работает с React и придерживается подхода shadcn/ui, можно просто отправить ссылку на компонент — разработчики возьмут код и адаптируют его под ваш дизайн. Единственное: сейчас платформу обновляют — похоже, на её базе делают отдельный продукт. Поэтому возможны баги, а в навигации пока легко потеряться. Вам на страницу Community в раздел Components. 📎 Ссылка на площадку

▶️ Дизайнер и фаундер собственного продукта

У Миши Наера вышел выпуск «Спикерской» с Андреем Алексеевым — продуктовым дизайнером Т-Банка, который запустил и затем продал свой стартап Memo — приложение по изучение языков через видео и мемы. Всегда с особым интересом смотрю на истории, когда у дизайнеров получается запускать свои продукты. Часто мы не умеем в код, делаем большую ставку на дизайн и забываем про маркетинг — тем ценнее послушать, как у других получилось. Внутри видео: – Как начали работу над стартапом; – Как собирали команду и нанимали; – Про опыт хакатонов и бенефиты для стартапа; – Решение о продаже и стартапа; – Как тестировать гипотезы перед запуском. 📎 Ссылка на видео
Изображение поста
Monoid. Утилитарный моноширинный шрифт для редакторов кода. Доступны начертания Regular, Bold, Italic и Retina. Оптимизирован для использования на дисплеях с низким разрешениям.
Доступен бесплатно. #шрифт
Изображение поста
Tailwind CSS Color Generator
Создайте полную цветовую палитру для Tailwind CSS, используя HEX-код, цвет в формате HSL или случайное значение. Формируйте и изменяйте группы цветовых переменных на основе полученной шкалы. #Plugin ОТКРЫТЬ
Изображение поста
Adobe представила новый коннектор Substance 3D
🔰 Adobe представила Substance 3D Connector: новую архитектуру плагинов с открытым исходным кодом, которая позволит художникам отправлять ресурсы непосредственно из приложений Substance 3D в программное обеспечение DCC, такое как 3ds Max, Blender и Maya. Новая система Connector расширит существующую функциональность отправки в приложениях Substance 3D, что позволит передавать данные между ними напрямую, без необходимости экспорта и повторного импорта файла. 👉🏼 Коллекция Substance 3D
Изображение поста
Юникод опубликовал предложение Стивена Каспера из MIT добавить в существующую кодовую таблицу два новых символа. Первый должен говорить о том, что на предложении нельзя обучать искусственный интеллект, а второй — о том, что предложение сгенерировано с помощью нейросети
По предложению Каспера, эти символы не должны быть видны в отрендеренном тексте
Изображение поста
Iconbuddy
Поисковик с более чем 180 000 иконок с открытым исходным кодом Install 🖼 Figma Дизайн
Изображение поста
Сервис "LOL Colors"
Здесь вы найдёте подборку стильных цветовых палитр, где каждый цвет представлен в виде HEX-кода ⬅️Глянуть сервис➡️ #Сервисы
Изображение поста
📱 Как писать скрипты для Тильды с помощью ChatGTP
Зачастую мне приходится прибегать к помощи нейросети для написания скриптов (сама я знаю JS не на столько хорошо, чтобы писать скрипты с нуля самостоятельно). Недавно я писала модификацию для калькулятора на Тильде с помощью чата GTP. Когда я ставила ему задачу, я набила несколько шишек, из-за которых код получался не совсем подходящим. В этом посте я собрала для вас несколько советов по составлению более корректного запроса к ChatGTP на написание скриптов для Тильды: ⭐️ Обязательно начинайте запрос с фразы "Напиши скрипт на чистом JS", чтобы в коде не использовалась библиотека jQuery, это слегка ускорит загрузку вашего сайта ⭐️ Для того, чтобы код применялся к конкретному элементу, заранее найдите его уникальный класс в разметке Тильды и добавьте к запросу фразу "элемент с селектором .calc_form .t-input" (даже для запроса все равно придется немного разобраться с html 🥲) ⭐️ Тщательно и по шагам опишите логику работы кода (не забываем про классы и селекторы). Например: "Элемент с классом .название_класса должен появляться из полной прозрачности за 0,5 секунд при клике на кнопку с селектором .ID_блока .класс_кнопки" ⭐️ Если вы пишите скрипт к элементу зеро блока, магазина или любого другого объекта, загружающегося на Тильде с задержкой, то в конце запроса добавьте фразу: "Скрипт также должен предусматривать случай, если нужный элемент появляется с задержкой, поэтому пусть скрипт отслеживает появление элемента в DOM структуре с использованием MutationObserver." Дополнительные рекомендации: ⭐️ Можно сделать приписку в запросе, что сайт собран на Тильде, это поможет ChatGTP учесть ее некоторые особенности и, возможно, предложить какие-то улучшения кода ⭐️ Если вы пишите несколько скриптов для одной страницы и составляете запросы в разных диалогах ChatGTP, то надо учесть имена глобальных переменных в коде. Они ни в коем случае не должны повторяться! Глобальные переменные обозначаются с помощью слов var, let или const перед ними. Например: let value = this.value.replace(/[^\d ]/g, '').slice(0, MAX_LENGTH); здесь value — это имя глобальной переменной, и такое имя ChatGTP может использовать в своих кодах очень часто. Поэтому не допускайте повторов в именах переменных при нескольких запросах к чату GTP: "Не используй в качестве имени глобальной переменной value, оно уже занято". ⭐️ Если вам нужно, чтобы код работал только на определенном разрешении экрана, то также напишите об этом в запросе, чат GTP добавит в код медиа-запрос (отключение видимости блока с кодом в настройках Тильды не сработает). Например: "Код должен работать только на экранах размером от 960px и более" ⭐️ Если хотите отладить код и посмотреть в консоле его работу «на лету», добавьте в запрос фразу: "Добавь к коду консольное логирование". Пример полного запроса к ChatGTP: Напиши скрипт на чистом JS для сайта на Тильде, который будет выполнять следующее: - код должен запрещать вводить в инпут с селектором .calc_form .t-input любые знаки кроме цифр и пробела - также код должен ограничить максимальную длину вводимого текста в этот инпут до 7 знаков - скрипт должен предусматривать случай, если таких полей несколько на странице Не используй в качестве имени глобальной переменной input, оно уже занято. Скрипт также должен предусматривать случай, если нужный элемент появляется с задержкой, поэтому пусть скрипт отслеживает появление элемента в DOM структуре с использованием MutationObserver. 🌸 Поделитесь и вы своим опытом в составлении запросов чату GTP в комментариях. Есть ли у вас свои фишки и приемы в общении с ним? Также можете прислать примеры своих сработавших некорректно запросов, я попробую их улучшить для вас 😊 #тильда #нейросети #модификации
Изображение поста
Посмотрите, что нашли!
В рубрике «Находка» мы делимся интересными инструментами, сайтами и приложениями, о которых знают единицы. → Огромная библиотека UI-элементов 🎙 Сокровищница с кнопками, карточками, инпутами — и ещё много чем. Быстрый поиск, живые превью и мгновенное получение кода — HTML/CSS, Tailwind, React. На сайте можно потрогать любой элемент — смотреть анимацию, менять на темную тему и настраивать цвет фона. У ребят постоянно проходят челленджи на разнообразные темы, которые пополняют базу знаний свежими решениями. Сохрани в закладки — пригодится, когда захочешь оживить интерфейс 🦮
Изображение поста
📱 Генерация мобильных интерфейсов с помощью ИИ
Владимир Макеев из Surf протестировал генерацию UI-компонентов в Claude 4 по методу one-shot UI. Простые компоненты вроде кнопок ИИ создаёт без ошибок, экономя до 80% времени. Сложные интерфейсы требуют доработки, но всё равно ускоряют работу на 25-30%. Главное открытие: без контекста ИИ выдаёт хаотичный код. Модель не понимает, что делает, а просто оперирует вероятностями. Поэтому нужен метод one-shot UI: загрузить максимум ограничений сразу, чтобы получить чистый результат с первой попытки. Автор описывает пять шагов: от загрузки правил и подключения линтеров до использования MCP для Figma и golden-тестов. Внутри: – Почему без контекста ИИ открывает десятки файлов и выдаёт случайный результат; – Как правила и линтеры доводят код до стандарта команды; – Зачем нужен master rule для повторяющихся задач; – Как MCP для Figma передаёт точные стили и размеры; – Почему golden-тесты помогают достичь pixel perfect; – На сколько процентов ИИ ускоряет работу с разными типами задач. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
Вы прикиньте — такие топовые работы получились всего после двух дней изучения нейронок
А теперь представьте, что можно делать, если уделить этому несколько недель? 💥 Именно этим мы займемся на следующем потоке ДжинИИ! Это практический курс без воды и сложных слов — разложим всё по полочкам и покажем, как нейросети помогут в реальной жизни и работе Вот, что вас ждёт 👇 ▪️ Модуль 0. Просто. Без заумных терминов, без кода, с реальными примерами. Твой безопасный вход в мир ИИ. ▪️ Модуль 1. Промпты: как получать нужный результат с первого раза. Научишься «разговаривать» с ИИ так, чтобы он слышал и понимал тебя с полуслова. ▪️ Модуль 2. ИИ и тексты. Писать быстро, улучшать, переводить и продавать контент с помощью нейросетей. ▪️ Модуль 3. Создание классных визуалов. Без сложных программ. Даже если нет дизайнерского опыта — обрастёшь главными принципами дизайн-мышления. ▪️ Модуль 4. Видео, звук и магия ИИ: создавай, редактируй, зарабатывай. Создание, монтаж и повышение качества — обрезка, удаление объектов, стабилизация, чистка звука и улучшение картинки. ▪️ Модуль 5. Визуализация данных и таблицы. Как превращать цифры в визуал с помощью ИИ. Таблицы, графики, инфографика, анимация — с нуля и под любые задачи. ▪️ Модуль 6. ИИ-ассистент. Как делегировать рутину и освободить себе время с помощью нейросетей. — 💬 Можно учиться в рассрочку — на 6, 10 или 12 месяцев. 🚨 Старт 27 октября. Следующий поток — в 2026 году. 📩 Подавайте заявку — и давайте уже разбираться, как эти нейросети могут работать на вас, а не просто “где-то там в интернете”.
Изображение поста
🆒 Почему азиатские интерфейсы такие перегруженные
Автор исследовал, почему интерфейсы в Азии кардинально отличаются от западных. Оказывается, дело в холистическом мышлении: азиаты воспринимают мир как единое целое, а не набор отдельных элементов. То, что европейцу кажется хаосом, для азиата это удобный и информативный интерфейс, где чем больше информации, тем выше доверие к продукту. В статье разбираются суперприложения вроде WeChat, который заменяет китайцам банк, госуслуги, такси и десятки других сервисов. Или японский Yahoo! с дизайном из нулевых, который до сих пор лидирует на рынке. Автор объясняет это через призму культуры контекста: в Азии не принято говорить прямо, поэтому пользователям нужно больше информации для принятия решений. Внутри: – Почему в Китае достаточно трёх приложений для всей цифровой жизни; – Как красные конверты стали универсальным паттерном бонусов; – Зачем японские лендинги добавляют боковые меню навигации; – Почему корейцы ищут информацию в отзывах, а не на сайтах; – Как QR-коды заменили терминалы оплаты во всём Китае; – Почему российский UX движется в сторону азиатского. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
Налоговые льготы для IT компаний
Юристы из компании BETOBELEGAL рассказали нам про законопроект о поправках в Налоговый кодекс, которые радикально меняют правила для IT-компаний. Принятие — вопрос времени. Делимся с вами полученными знаниями ❓ Что меняется 🟢Льгота по НДС на ПО из Реестра отечественного ПО отменяется 🟢Страховые взносы вырастут: Если заработная плата сотрудника до 248 000 руб. сумма страхового взноса составит 15%, а если выше, например, 300 000 рублей, то с 248 000 платим 15%, а с 50 000 рублей — 7,6% 🟢Общая ставка НДС увеличивается с 20% до 22% 🟢Порог выручки для УСН без НДС снижается с 60 млн до 10 млн рублей 🟢Запрещается совмещать IT льготы со статусом резидента «Сколково». Что касается страховых взносов именно по резидентству Сколково, то текущие ставки следующие: 30%— в пределах МРОТ для исчисления страховых взносов 15% —с части зарплаты, превышающей 1.5 МРОТ ❗️ К чему это приведёт 🟢IT-компании столкнутся с ростом стоимости услуг и продуктов 🟢Стартапы потеряют привлекательность для инвестиций из-за НДС 🟢 Ограничение на «Сколково» ударит по новым проектам 🔣Что делать 🟢Провести стресс-тест финансовой модели 🟢Пересмотреть договоры 🟢Изучить альтернативные меры поддержки: статус резидента ИНТЦ («Сириус», «Воробьёвы горы»), гранты Фонда содействия инновациям, субсидии от РФРТ Юристы в IT, у которых всегда можно спросить тут
Изображение поста
#Сервисы
Приложение для создания сайта без кода Приложение тут
Изображение поста
GHub представил два вариативных шрифта с открытым исходным кодом Mona Sans и Hubot Sans.
ghub.com/mona-sans
В помощь дизайнерам сегодня существует множество платформ и выбор зависит от вашего уровня профессионализма, режима работы, состава команды, специфики проектов. Собрали подборку популярных и не очень сервисов под разные задачи. Отлично, что везде есть бесплатная версия, чтобы понять, подходит вам продукт или нет.
🔶 Lunacy Приложение для графического дизайна со множеством функций, в том числе с поддержкой ИИ для рутинных задач. Есть онлайн- и офлайн-режимы, командная работа, прототипирование и т.д. 🔶 NinjaMock Платформа для создания прототипов интерфейсов мобильных приложений, веб-приложений и сайтов. Рабочие макеты выглядят как нарисованные от руки эскизы. Есть опция совместной работы. 🔶 Structura.app Российский конструктор прототипов сайтов позволяет создать макет одним из четырёх способов, в том числе и с помощью краулинга — уникальной фичи сервиса. С ней можно скопировать структуру любого сайта и взять для своего проекта. 🔶 Penpot На платформе можно создавать прототипы бесплатно. Здесь открытый исходный код, есть возможность командной работы онлайн, но обучающих материалов немного. 🔶 Webflow Облачная платформа для создания сайтов без использования кода. Проекты можно интегрировать с сервисами аналитики и платёжными системами. Сервисом пользуются дизайнеры и разработчики, а также маркетологи и предприниматели. 🔶 Pixso Редактор для командной работы с облачным хранением и своей онлайн-библиотекой компонентов. Нейросеть AI Assistant сможет сама сгенерировать многие элементы. В бесплатной версии можно открыть доступ к редактированию трёх файлов. 🔶 Sketch Профессиональный векторный графический редактор подойдёт начинающим и опытным дизайнерам. Базовую коллекцию функций можно дополнять плагинами. Работает только на macOS. 🔶 Zeplin Упрощает совместную работу дизайнеров и разработчиков. Инструментов для создания проекта с нуля нет, но можно импортировать свои макеты, а программа сгенерирует для них программный код. 🔶 Visme Онлайн-редактор графического контента поможет с простым дизайном, презентациями, при планировании контента. 🔶 Turbologo Инструмент для автоматической генерации логотипов онлайн. Можно выбрать сферу деятельности и палитру, а система предложит разные варианты и покажет на разных носителях. [Фабрика Дизайна]
Изображение поста
🎙️ Как Perplexity создаёт голосовые интерфейсы будущего
Гуннар Грей, ведущий дизайнер мобильных устройств Perplexity, рассказал о создании голосового режима, который прошёл через три крупные итерации. От простой синусоидальной волны команда дошла до сферы из частиц, созданной с помощью металлических шейдеров, которая меняет форму и цвет в зависимости от состояния системы. Главное открытие: в эпоху AI граница между дизайном и инженерией размывается. Грей научился писать шейдеры с помощью Cursor, хотя у него нет технического образования. Он подчёркивает, что инструменты вроде Cursor снижают барьер входа в программирование, позволяя дизайнерам задавать вопросы и получать объяснения прямо в процессе работы. Внутри: – Почему кнопка «нажать, чтобы говорить» решила проблемы с задержкой; – Как визуализатор из точечной сетки создаёт обратную связь; – Зачем дизайнеру учиться писать код и работать с шейдерами; – Почему специалисты широкого профиля ценятся в стартапах с AI; – Как голосовой режим работает в режиме громкой связи; – Какие инструменты помогают быстро прототипировать динамичные интерфейсы. ➡️ Смотреть интервью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста