База
Рабочие материалы о цвете, стилях и трендах, дизайн-системах, интерфейсах, промптах, ИИ и стеке — с кодами, примерами и проверками, чтобы сразу брать в работу.
Статьи · 75
-
Фреймворк Laravel: полный обзор
Для чего нужен фреймворк Laravel в 2026 году, где он лучший выбор, а где выигрывают обычный PHP или другой стек: Laravel 13, плюсы и минусы, Laravel или Symfony, сравнение с Django, Rails и NestJS, примеры, пределы и советы.
Читать
-
Язык Python: полный обзор
Для чего нужен язык программирования Python в 2026 году, где он лучший выбор, а где выигрывает другой: ИИ и данные, Django, FastAPI или Flask, плюсы и минусы, сравнение с PHP, Node.js, Go и Java, примеры, пределы и советы.
Читать
-
Пайплайн CI/CD
Как проходит пайплайн из восьми задач, чем CI отличается от поставки и развёртывания, быстрый пайплайн за 4 минуты вместо 15, сравнение шести инструментов, четыре способа выкладки, два файла кода, правила и ошибки.
Читать
-
Оплата на сайте
Как проходит платёж в шесть шагов, три способа принимать оплату, сравнение восьми популярных сервисов, комиссия на малом и крупном заказе, шаг оплаты, код платежа и уведомления, правила и ошибки.
Читать
-
Как собрать свой стиль
Четыре решения, которые меняют всё, семь шагов, от слов к решениям, референсы с записями, стиль этого сайта на одном листе и проверка на трёх экранах — с живыми примерами и промптами для картинок.
Читать
-
Стекло и неоморфизм
Стекло, где всё решает размытие, откуда оно пришло, неоморфизм как мягкий пластик, как сделать оба стиля читаемыми и какой выбрать — с живыми примерами и промптами для картинок.
Читать
-
Ретро и Y2K
Интерфейс 90-х на современном сайте, четыре ветви ретро, почему прошлое вернулось, приёмы Y2K, ретро как акцент и ретро-портфолио — с живыми примерами и промптами для картинок.
Читать
-
Бенто-сетка
Одна сетка на трёх экранах, откуда взялось бенто, четыре размера ячеек, одна мысль на карточку, где оно уместно и бенто для портфолио — с живыми примерами и промптами для картинок.
Читать
-
Журнальный стиль
Одна статья в двух подачах, откуда пришёл стиль, части журнальной страницы, шесть журнальных элементов, шрифтовые пары и стиль для бренда — с живыми примерами и промптами для картинок.
Читать
-
Минимализм
Минимализм как вычитание, откуда он пришёл, что убрать и что оставить, воздух как материал и почему минимализм — не невидимость, с живыми примерами и промптами для картинок.
Читать
-
Швейцарский стиль
Плакат на модульной сетке, откуда пришёл стиль, семь его инструментов в печати и в вебе, текст по левому краю и иерархия без украшений — с живыми примерами и промптами для картинок.
Читать
-
Брутализм
Один экран в трёх видах, шесть признаков стиля, необрутализм в компонентах, где он уместен и где ломает удобство — с живыми примерами и промптами для картинок.
Читать
-
Пайплайн генерации картинок
Семь шагов: задача, промпт, серия, отбор по критериям, доработка по маске, увеличение и сборка — один исходник на все форматы и текст в макете, с живыми примерами.
Читать
-
Загрузка и пустые состояния
Что показывать по времени ожидания, скелет вместо крутилки, место заранее, четыре вида пустых экранов и поиск, из которого есть выход, — с живыми примерами.
Читать
-
Уведомления и тосты
Пять видов сообщений от тихого к громкому, тост с «Вернуть», где он появляется на телефоне, слова, которые помогают, и одно сообщение вместо пяти — с живыми примерами.
Читать
-
Таблицы на телефоне
Три способа уместить таблицу в телефон и как выбрать, сначала главные колонки, числа, которые можно сравнить, и тарифы по одному на экран — с живыми примерами.
Читать
-
Модальные окна
Когда окно оправдано, из чего оно состоит, шторка на телефоне, фокус клавиатуры, окна при входе и встроенный элемент dialog — с живыми примерами.
Читать
-
Навигация и мобильное меню
Названия разделов словами посетителя, три способа уместить меню в телефон, открытое мобильное меню, шапка, которая уступает место, и хлебные крошки — с живыми примерами.
Читать
-
Формы и поля
Сколько полей спрашивать, подпись над полем, ширина по ответу, нужная клавиатура на телефоне, автозаполнение и ошибки после отправки — с живыми примерами.
Читать
-
Карточки товаров
Из чего состоит карточка, ровный ряд, главная характеристика по категориям, читаемая цена, две колонки на телефоне и одна наклейка вместо пяти — с живыми примерами.
Читать
-
Кнопки
Одно главное действие на экран, подписи, которые говорят, что будет, кнопка или ссылка, область нажатия, зона большого пальца и опасные действия — с живыми примерами.
Читать
-
Передача в разработку
Путь решения от макета до страницы, что входит в полную передачу, карточка глазами разработчика, инструменты, файлы и чек-лист — с живыми примерами.
Читать
-
Что такое дизайн-система
Пять слоёв дизайн-системы, что у неё внутри, одно решение, которое меняет всё сразу, когда она окупается, сайт с системой и без неё и готовые системы — с живыми примерами.
Читать
-
Компоненты и состояния
Анатомия кнопки, три вида в шести состояниях, восемь состояний и что они показывают, поле с ошибками и настоящие состояния, которые можно попробовать, — с живыми примерами.
Читать
-
Дизайн-токены
Что такое дизайн-токены, три уровня от палитры до компонентов, как их называть, одна карточка в трёх темах, виды токенов и код — с живыми примерами.
Читать
-
Сетка и отступы
Шкала отступов на основе 4 px, карточка на глаз и по шкале, закон близости, сетка на 12, 8 и 4 колонки и ритм страницы — с живыми примерами.
Читать
-
Типографическая шкала
Что такое типографическая шкала, восемь классических коэффициентов, одна страница в трёх шкалах, плавные размеры через clamp(), длина строки и интервал — с живыми примерами.
Читать
-
Ошибки в промптах
Десять частых ошибок в промптах для генерации изображений, три примера «было — стало» и чек-лист, который стоит пройти перед каждой генерацией.
Читать
-
Генераторы изображений
Девять генераторов изображений рядом, один промпт для честного сравнения, какой генератор под какую задачу, как сравнивать и частые ошибки.
Читать
-
Фото товаров
Как делать фото товаров с ИИ и не обманывать покупателей: восемь видов кадров, три промпта с настоящим товаром, семь правил и частые ошибки.
Читать
-
Свет и камера
Двенадцать терминов света и двенадцать терминов камеры с их эффектом, одна сцена при трёх светах, портрет, сочетания, которые работают, и частые ошибки.
Читать
-
Структура промпта
Десять частей промпта для изображения, формула и два промпта по ней — фотография и иллюстрация, — семь принципов предсказуемого промпта и что его портит.
Читать
-
Источники ИИ-поиска
Как собирается ИИ-ответ за шесть шагов, что решает, процитируют ли страницу, страница «ответ первым» и robots.txt, как мерить присутствие в ответах ИИ и почему ИИ не цитирует сайт.
Читать
-
Голосовой ИИ
Восемь задач для голосового ИИ, цепочка моделей или одна голосовая модель, инструменты распознавания и синтеза, семь правил хорошего голосового продукта и частые ошибки.
Читать
-
ИИ для магазина
Десять задач, где ИИ окупается в магазине, поиск, который понимает покупателей, шесть правил для описаний товаров с ИИ и частые ошибки.
Читать
-
Данные из документов
Как модель превращает счета, договоры и бланки в поля: путь от письма до записи, восемь видов документов с проверками, схема и проверка кодом, правила и ошибки.
Читать
-
ИИ в поддержке
Пять этапов внедрения ассистента в поддержку, десять тем с вердиктом, шесть метрик, семь правил хорошей передачи человеку и частые ошибки.
Читать
-
Безопасность ИИ
Десять угроз ИИ-ассистенту простыми словами, как устроена подмена инструкций, защита в коде до и после модели, восемь правил и частые ошибки.
Читать
-
Качество ИИ
Что мерить для каждого вида задач, как построить проверочный набор за шесть шагов, пример набора и критериев, за чем следить после запуска и частые ошибки.
Читать
-
Промпты для бизнеса
Как писать промпты для продукта: восемь частей делового промпта, настоящий промпт для сортировки заявок со схемой JSON и примерами, восемь правил и частые ошибки.
Читать
-
Почему ИИ выдумывает
Семь причин, по которым языковые модели выдумывают ответы, семь видов выдумок с тем, как их ловить, восемь способов сделать их редкими и инструкция с проверкой кодом.
Читать
-
ИИ-агенты
Как работает ИИ-агент, чем он отличается от чат-бота и автоматизации, десять задач с вердиктом, семь правил безопасности и частые ошибки.
Читать
-
Где ИИ лишний
Когда языковая модель только мешает: принцип «правило или понимание», двенадцать задач с честным вердиктом, пять вопросов перед тем, как добавить ИИ, и как сочетать модель с кодом.
Читать
-
Стоимость ИИ
За что платят, когда продукт использует языковую модель: токены, из чего состоит один запрос, пять сценариев месячного счёта, как посчитать свой и восемь способов его сократить.
Читать
-
Claude, GPT или Gemini
Чем отличаются Claude, GPT и Gemini: двенадцать критериев, три уровня в каждом семействе, какая модель под какую задачу, как выбирать на своих примерах и частые ошибки.
Читать
-
Docker
Что такое Docker: восемь главных понятий, когда он помогает, а когда нет, плюсы и минусы, три файла для настоящего проекта, ошибки и правила для рабочей среды.
Читать
-
Локальные модели
Открытые языковые модели на своём сервере: семь семейств, память под каждый размер, локальная модель или облако, три примера с Ollama, ошибки и правила для рабочего проекта.
Читать
-
pgvector
Что pgvector добавляет в PostgreSQL: расстояния, индексы и типы, сравнение с векторными базами, три примера SQL, настройки для рабочего проекта и частые ошибки.
Читать
-
![RAG: документы с выделенными строками превращаются в ответ со ссылками [1] [2]](/assets/img/library/rag-overview-og-en.png?v=1791073257)
RAG
Как устроена генерация с поиском: восемь шагов, RAG в сравнении с дообучением и длинным промптом, плюсы и минусы, три шага в коде, ошибки и правила надёжной системы.
Читать
-
Core Web Vitals
Что измеряют LCP, INP и CLS, пороги, двенадцать причин плохих метрик с решениями, полевые и лабораторные данные, четыре примера с цифрами до и после, ошибки и правила.
Читать
-
View Transitions API
Как работает View Transitions API: переходы между страницами одним правилом CSS, общие элементы, переходы внутри страницы, поддержка браузерами, три проверенных примера, ошибки и правила.
Читать
-
Современный CSS
Что умеет современный CSS: шестнадцать возможностей с поддержкой, что раньше требовало JavaScript или Sass, плюсы и минусы, четыре примера с проверкой в браузере, ошибки и правила.
Читать
-
REST или GraphQL
Чем REST и GraphQL отличаются: четырнадцать критериев, какой подход под какой проект, одна карточка товара через оба API, что настроить в каждом и частые ошибки.
Читать
-
Tailwind или свой CSS
Чем Tailwind и свой CSS отличаются: двенадцать критериев, какой подход под какой проект, одна карточка двумя способами с замером файлов, шесть правил порядка и частые ошибки.
Читать
-
SQLite или PostgreSQL
Чем SQLite и PostgreSQL отличаются: четырнадцать критериев, какая база под какой проект, признаки, что SQLite уже мало, переносимый SQL, переезд по шагам и частые ошибки.
Читать
-
PHP, Node.js или Go
Чем PHP, Node.js и Go отличаются для серверной части: тринадцать критериев, какой язык под какой проект, как разница проявляется на практике, один API на всех трёх и частые ошибки.
Читать
-
Go или Rust
Чем Go и Rust отличаются на практике: четырнадцать критериев, шесть различий, которые чувствуются в работе, какой язык под какую задачу, одни и те же задачи на обоих и частые ошибки.
Читать
-
Telegram Mini Apps: полный обзор
Как устроены Telegram Mini Apps: бот, страница, подписанные данные пользователя и оплата в Stars; 8 сфер, плюсы и минусы, сравнение с ботом, сайтом и мобильным приложением, правила безопасности и примеры кода.
Читать
-
Three.js и WebGL: полный обзор
Что такое WebGL и Three.js, когда 3D на сайте окупается, а когда только добавляет вес: 8 сфер, плюсы и минусы, сравнение с Babylon.js, Spline и видео, правила скорости, WebGPU и примеры кода.
Читать
-
Node.js и Vite: полный обзор
Для чего нужны Node.js и Vite: 8 сфер, плюсы и минусы, что сегодня встроено в Node.js, Vite 8 с Rolldown, сравнение с Deno, Bun, PHP и Go, примеры кода, пределы и советы.
Читать
-
SQLite: полный обзор
Для чего нужна SQLite, подходит ли она для сайта и где выигрывает серверная база: режим WAL, плюсы и минусы, сравнение с PostgreSQL и MySQL, инструменты, примеры SQL, пределы и советы.
Читать
-
MySQL: полный обзор
Для чего нужна база данных MySQL, где она лучший выбор, а где выигрывает другая: плюсы и минусы, версии 8.4 и 9, сравнение с PostgreSQL, MariaDB и SQLite, инструменты, примеры SQL, пределы и советы.
Читать
-
React: полный обзор
Для чего нужен React и где он окупается: 8 сфер, плюсы и минусы, сравнение с Vue, Angular и Svelte, экосистема, React 19, примеры кода, пределы и советы.
Читать
-
MCP: полный обзор
Что такое MCP и почему его поддерживают Claude, ChatGPT и другие ассистенты: как устроен протокол, 8 сценариев, сравнение с другими способами дать ИИ доступ к данным, безопасность, пределы и примеры кода сервера.
Читать
-
React или без фреймворка
Когда сайту нужен React, а когда фреймворк только добавляет вес: замер размера сборки, сравнение трёх подходов, что браузер умеет сам, островки, одни и те же задачи двумя способами и частые ошибки.
Читать
-
TypeScript: полный обзор
Для чего нужен TypeScript, чем он отличается от JavaScript, где окупается, а где лишний: плюсы и минусы, TypeScript 7, сравнение с JavaScript, JSDoc, Python и Go, примеры кода, пределы и советы.
Читать
-
PostgreSQL или MySQL
Чем PostgreSQL и MySQL отличаются на практике: четырнадцать критериев, какую базу брать под задачу, одни и те же задачи на обоих диалектах, переезд с MySQL на PostgreSQL и частые ошибки.
Читать
-
Язык PHP: полный обзор
Для чего нужен язык программирования PHP в 2026 году, где он лучший выбор, а где выигрывает другой: современный PHP 8.5, плюсы и минусы, сравнение с Node.js, Python, Go и Ruby, фреймворк или свой код, примеры, пределы и советы.
Читать
-
PostgreSQL: полный обзор
Для чего нужна база данных PostgreSQL, где она лучший выбор, а где выигрывает другая: плюсы и минусы, сравнение с MySQL, SQLite, MongoDB и ClickHouse, расширения, примеры SQL, пределы и советы.
Читать
-
Язык Rust: полный обзор
Для чего нужен язык программирования Rust, где он лучший выбор, а где выигрывает другой: безопасная память без сборщика мусора, плюсы и минусы, сравнение с C++, C, Go, Java и Python, примеры кода, экосистема, пределы и советы.
Читать
-
Язык Go: полный обзор
Для чего нужен язык программирования Go, где он лучший выбор, а где выигрывает другой: плюсы и минусы, сравнение с Python, Node.js, Java, Rust и PHP, примеры кода, экосистема, пределы и советы.
Читать
- Строгие сочетания Тёмно-синий и белый, графит и серебро, чёрный с красным: 12 строгих цветов, холодная серая шкала и 10 палитр для деловых сайтов — с кодами и контрастом текста от 7:1. Читать
- Палитры для премиум-сайта Грейж, тауп, кофе с молоком, графит и эспрессо: 12 благородных нейтралов, тёплая серая шкала и 10 палитр — пять светлых и пять тёмных — с кодами и проверкой контраста. Читать
- Трендовые сочетания Бордо и персик, ночная слива и мандарин, бордо и мята — неожиданные пары, которые выглядят дорого. Почему они работают, 8 пар и 10 палитр с кодами HEX / RGB / HSL / OKLCH и проверкой контраста. Читать
- Голубые палитры С чем сочетается голубой, готовая шкала оттенков и десять палитр с ролями цветов, кодами HEX / RGB / HSL / OKLCH и проверкой контраста. Читать
-
Зелёные палитры
-
Палитры для тёмной темы