ErBlog
-

🔔 Колокольчик
Начнём рисовать колокольчик с симметричных дуг его стенок. Затем сверху добавим ручку, а снизу — округлый край и торчащий язычок. -

🍜 Лапша Быстрого Приготовления
Когда в кармане пусто, Нет денег ни шиша, И хочется покушать вкусно Поможет Бич Лапша В ней целых две приправы Ты лучше не найдёшь! Не бойся, это не отрава, Попробуй - сам поймёшь! В рисовании главное — понять паттерн: горизонтальные штрихи сменяются вертикальными, а изгибы штрихов тоже меняются. Заполните куб такими штрихами — и получите брикет лапши. -

🗡️ Шило
Шило называется шилом, потому что с его помощью шьют. Например, чтобы сшить кожу, нужно сперва проделать в ней отверстия. Для этого используют шило. Рисовать начнем с рукоятки. Она похожа на цилиндр, сужающийся к одной из сторон, чтобы держать было удобнее. Из узкой стороны выходит остриё, а чтобы оно держалось лучше, вокруг основания — металлическое кольцо. -

Little Ivan MK5
Lvl 1 → Lvl 2 → Lvl 3 -> Lvl 4 -> Lvl 5! Little Ivan не такой уж и Little! -

🚬 Сигарета
Сигареты в фильмах выглядят круто. Дым и всё такое. Беда в том, что от них каждый год умирает гораздо больше людей чем от войн, убийств и аварий. Жуть. Если бы была такая штука, которая позволит красиво дым пускать, но кроме этого никакого эффекта не окажет, я бы может попробовал покурить. А рисовать сигарету легко, цилиндр, фильтр отделен дугой и дымок от кончика. -

🐹 Капибара
Капибара — это такой гигантский хомяк из Америки, который любит плавать. Форма головы у нее, если сбоку смотреть, очень прямоугольная. Тело пушистое, а лапки – нет. -

📎 Скрепка
Скрепка — на первый взгляд простая штука. Кусок проволоки, согнутый три раза. Но руками проволоку так ровно не согнешь. Понадобились промышленная революция и станки, чтобы появилась возможность создать скрепку. При этом её дизайн не менялся с момента создания. При рисовании главное — поворачивать в правильных местах. Я с третьего раза смог. -

Little Max 2
Помните Little Max 1, воина дороги с повышенной маленькостью? Уже год прошёл. Встречайте: LITTLE MAX 2! -

🧠 Нейрон
Нейрон — это устройство для обработки информации. Он получает пачку сигналов через дендриты, и, если ему показалось, что их достаточно, передаёт их дальше через аксон. Ничего сложного. Но если соединить их в реально большую толпу, они смогут пустить этот сигнал в нужную сторону и преобразовать его способом, который сильно напоминает интеллект. Рисовать начнём с овального ядра. Вокруг нарисуем тело с короной из дендритов, которые выглядят как заострённые ветки. Добавим длинный хвост аксона, покрытый овалами миелиновой оболочки. Он заканчивается деревом отростков, похожих на ветки с плоскими кончиками. Получился вполне узнаваемый нейрон. -

🔨 Молоток
Молоток состоит из головки и рукоятки. У головки две стороны – одна, чтобы забивать гвозди, а вторая – чтобы их доставать. У рукоятки назначение одно, поэтому рисовать её ещё проще. -

🔌 Розетка
Сегодня будем рисовать розетку, а чтобы не было скучно, нарисуем сразу четыре, а ещё вилки к ним. Начнём с обычной электрической розетки. У меня сейчас вот такие: две дырки для контактов по центру, и заземление сверху и снизу. Вилку можно втыкать любой стороной. Ничего необычного. Дальше идёт USB Type‑A. Он известен тем, что его невозможно с первой попытки вставить правильной стороной. Либо со второй, либо с третьей. Теперь — USB Type‑C. Он всем хорош. И подходит для всего и вставлять можно любой стороной. Вообще у него только один недостаток — это все остальные стандарты разъёмов USB. Ну и напоследок — jack. У него вообще сторон нет, его можно хоть вставленным крутить. Один недостаток — места много занимает в устройстве, потому что он длинный. У меня когда-то был телефон с 2,5 мм джеком (который на 1 мм меньше привычного). Год я искал для него наушники, да так и не нашел. С тех пор ношу беспроводные. -

📷 Камера
Раньше фотоаппараты снимали на плёнку, теперь — на сенсор, но сути это не меняет. Нужна дырка, в которую свет попадёт, закрытая линзой, видоискатель, несколько кнопок и место для вспышки сверху. Ничего сложного: только круги, прямоугольники и линии. -

🔨 Наковальня
Наковальня нужна, чтобы придавать форму горячему металлу, поэтому у нее есть разные поверхности: плоское лицо и изогнутый рог. Начнем рисовать с них. Потом добавим основание и ноги. И всё, ничего сложного. -

Contextualism
№14 Заметки к докладу "Contextualism". Полный список того, к чему есть доступ у стилей компонента. -

Modern UI Patterns
№13 Заметки к докладу "Modern UI Patterns". Подборка твиков UI доступных благодаря новым плюшкам в CSS. -

Forging Our Own Paths
№12 Заметки к докладу "Forging Our Own Paths". Про использование векторной графики для анимации. -

CSS Doom Lasers
№11 Заметки к докладу "CSS Doom Lasers". Перформанс с участием осциллографа, лазеров и огнетушителя. Изображение в звук и обратно. -

Breaking with habits
№10 Заметки к докладу "Breaking with habits". Про то что чтобы научиться новому, нужно сперва отпустить старое. -

Fun with grid lanes
№9 Заметки к докладу "Fun with grid lanes". Про раскладку не только для пинтереста. -

CSS is eating JavaScript
№8 Заметки к докладу "CSS is eating JavaScript". Что теперь можно делать в css и как подружить это с js, чтобы было удобно читать. -

Customisable \<select\> and the friends we made along the way
№7 Заметки к докладу "Customisable <select> and the friends we made along the way". Кастомный селект был нужен ещё в 93. И вот, спустя годы, он у нас почти есть. -

Cranking View Transitions up to 11
№6 Заметки к докладу "Cranking View Transitions up to 11". Понятный гайд в начале и безумные трюки с путешествиями во времени в конце. -

Color-Scheming
№5 Заметки к докладу "Color-Scheming". Не всем подходит темная тема. Не всем подходит светлая. Надо обе. -

Putting the C in CSS Crimes
№4 Заметки к докладу "Putting the C in CSS Crimes". Эмулятор x86 на чистом CSS. Эмулятор! x86! На чистом CSS!!! -

The value pipeline
№3 Заметки к докладу "The value pipeline". Про то как весело и интересно писать браузер с нуля по спекам.