журнал zipka

Разобраться.
Попробовать. Сделать.

Код, игры, 3D, дизайн, нейросети — и истории технологий, которыми мы пользуемся каждый день.

27статей
и открытий

31 материалов

Дизайн · 6 мин

Почему логотип чёткий, а фотография рассыпается на квадраты

Чем отличаются пиксели и векторные контуры, почему PNG не всегда лучше JPEG и как выбрать формат без потери смысла.

Читать статью ↗

3D · 5 мин

Из чего на самом деле складывается красивая 3D-картинка

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

Читать статью ↗

Игры · 5 мин

Почему персонаж не должен бегать быстрее на мощном компьютере

Игровой цикл, время кадра и скорость движения: считаем на простом примере, откуда берутся рывки и почему FPS — не вся история.

Читать статью ↗

Игры · 5 мин

Как из одного числа получается целый игровой мир

Что делает seed, чем случайность отличается от хаоса и почему генератору нужны правила. Создаём маленькую карту на Python.

Читать статью ↗

Нейросети · 5 мин

Почему нейросеть уверенно придумывает факты и ссылки

Убедительный ответ ещё не доказательство. Разбираем разные виды ошибок, проверяем вымышленную ссылку и собираем удобный порядок проверки.

Читать статью ↗

Интернет · 5 мин

Как поисковик находит сайт — и почему одной публикации мало

Обход, индексирование и выдача простыми словами. Что происходит со статьёй после публикации и почему число текстов не гарантирует рост.

Читать статью ↗

История · 5 мин

Первый сайт рассказывал о том, как делать сайты

Зачем в CERN придумали Всемирную паутину, что было на первой странице и почему интернет и веб — не одно и то же.

Читать статью ↗

Дизайн · 5 мин

Почему одна анимация кажется живой, а другая раздражает

Время, ускорение, остановка и смысл движения. Разбираем анимацию карточки и делаем небольшой эффект, который не мешает пользоваться страницей.

Читать статью ↗

Исследования · 3 мин

Почему перечитать легче, чем вспомнить: эксперимент о памяти

Как исследователи сравнили перечитывание, карты понятий и воспроизведение по памяти — и почему уверенность студентов не совпала с результатом.

Читать статью ↗

Исследования · 3 мин

ИИ помогает решить задачу. Помогает ли он научиться?

Полевой эксперимент со школьниками: почему успех с помощником и самостоятельное знание оказались разными результатами.

Читать статью ↗

Истории технологий · 3 мин

Мотылёк в компьютере: что на самом деле произошло в 1947 году

Настоящее насекомое, инженерный жаргон XIX века и роль Грейс Хоппер в истории знаменитого компьютерного «бага».

Читать статью ↗

Первый проект · 3 мин

Python или Minecraft: с чего начать программирование

Два пути к одной задаче: научиться придумывать правила, проверять их и исправлять ошибки. Разбираем, что попробовать перед выбором.

Читать статью ↗

Нейросети · 3 мин

Первый сайт с нейросетью: от идеи до проверяемого результата

Практический маршрут на примере личной коллекции: небольшой запрос, рабочая версия, проверка ошибок и подготовка к публикации.

Читать статью ↗

Дизайн · 3 мин

Первое портфолио дизайнера: как показать работу, а не набор картинок

Разбираем один учебный кейс: задача, выбор решений, читаемые экраны, мокап и честное описание своей роли.

Читать статью ↗

Python · 3 мин

Почему input в Python не складывает числа

Разбираем, почему 2 + 3 превращается в 23, чем отличаются строка и число и как обработать неверный ввод.

Читать статью ↗

Python · 3 мин

Как читать ошибки Python: от последней строки к причине

NameError, TypeError и ValueError на коротких примерах. Учимся находить причину, а не менять код наугад.

Читать статью ↗

Python · 3 мин

Циклы for и while в Python: какой выбрать

Собираем счётчик шагов и повторяющуюся попытку. Разбираем range, границы и условие остановки.

Читать статью ↗

Веб-разработка · 3 мин

HTML, CSS и JavaScript: кто за что отвечает на сайте

Разбираем одну карточку проекта на три слоя и собираем первый пример без библиотек.

Читать статью ↗

Веб-разработка · 3 мин

Flexbox или Grid: как разложить карточки на странице

Выбираем раскладку для меню и сетки проектов. Два коротких CSS-примера и проверка узкого экрана.

Читать статью ↗

Дизайн · 3 мин

Как проверить контраст текста на сайте

Почему красивый серый текст иногда невозможно прочитать и как проверить пару цветов на конкретном примере.

Читать статью ↗

Дизайн · 3 мин

Как подобрать палитру сайта из пяти цветов

Назначаем цвета фону, тексту и действиям, а затем проверяем палитру на настоящей карточке.

Читать статью ↗

Нейросети · 3 мин

Нейросеть сломала сайт: как исправлять по одной причине

Сохраняем рабочую версию, воспроизводим проблему и составляем запрос, по которому можно проверить результат.

Читать статью ↗

Первый проект · 3 мин

Как выбрать первый проект и не бросить его на полпути

Сужаем большую идею до результата, который можно показать и проверить: на примере трекера привычек.

Читать статью ↗

Веб-разработка · 3 мин

Почему картинка растягивается на сайте и как сохранить пропорции

Разбираем размеры изображения, обрезку cover и вписывание contain на одном понятном примере.

Читать статью ↗

Веб-разработка · 3 мин

Почему блок шириной 300 пикселей занимает больше места

Content, padding, border и margin: считаем размеры карточки и исправляем переполнение без случайных отступов.

Читать статью ↗

Технологии · 3 мин

Что происходит, когда ты открываешь сайт

От адреса в строке браузера до текста, картинок и кнопок: разбираем один запрос без магии.

Читать статью ↗

Python · 3 мин

Список или словарь в Python: где хранить данные

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

Читать статью ↗

Памятки · 5 минут

Собери идею на одном листе

Бриф с готовым примером: кому нужен проект, что он делает и когда можно остановиться.

Открыть памятку ↗

Памятки · 7 минут

Прочитай ошибку, а не гадай

Три частые ошибки, исправленные примеры и порядок проверки программы.

Открыть памятку ↗

Памятки · 5 минут

Запрос, с которым можно работать

Шаблон запроса, заполненный пример и проверка ответа перед использованием.

Открыть памятку ↗

Памятки · 6 минут

Проверь макет перед отправкой

Иерархия, выравнивание, текст и экспорт — короткая проверка на своём проекте.

Открыть памятку ↗