ErBlog
-

Well, I Didn't See That Coming!
Скетчноут с историей о том, как почувствовать ценность доступности от Kardo Ayoub на SmashingConf. -

Maintaining and Modernising Legacy CSS
Скетчноут к докладу про ремонт и рефакторинг CSS. Ana Rodrigues. SmashingConf. -

Why Aren't People Using My Dashboard?
Скетчноут к докладу Nick Desbarats на SmashingConf, который объясняет, чем хороший дашборд отличается от новогодней новогодней ёлки. -

Beyond the Happy Path
Скетчноут к прекрасному, доброму докладу Emily Anderson про то, как бездумные уведомления могут сделать больно. SmashingConf. -

Is Atomic Design Dead?
Скетчноут к докладу Бреда Фроста про то, как перестать делать свой datepicker и быть как Филл Колинз на SmashingConf. -

♟️ Шахматы
№36 Нижняя часть у всех шахматных фигур очень похожа. Можно сказать, что одинакова. Нарисуем нижнюю часть отдельно. Она похожа на слоёный пирог из разных блинчиков. Теперь на базе этой нижней части мы нарисуем каждую из фигур. Самая простая — это пешка. У неё есть вогнутая ножка и сверху шарик. Слон не сильно сложнее. В принципе как пешка, только сверху не шарик, а пика. Дальше по сложности идёт король. Он большой. У него сверху шарика крестик. Ещё немного сложнее ферзь. Волнистые края короны довольно заковыристые. Ладья с виду простая и угловатая, но башенку нарисовать сложно, особенно объёмно. Ну и самое сложное (если вы, как и я, не умеете рисовать лошадей) — это конь. Я напомню, лошадь без гривы напоминает динозавра. Поэтому нарисуйте динозавра и добавьте ему гриву. Вот у нас и получились шахматы. -

SmashingConf Freiburg 2025
SmashingConf уже через неделю! С нетерпением жду поездки. -

🦠 Вирус
№35 Благодаря событиям недавних лет мы теперь все точно знаем, как выглядит вирус. Давайте же его нарисуем. Начнем с воображаемого круга. Ну или круга, нарисованного карандашом, потому что потом придется стирать. Вокруг этого круга нарисуем несколько маленьких кружков и еще несколько внутри. Следующим шагом нужно будет от этих кружков провести ножки, направленные к центру круга. Причем чем дальше от центра круга кружок, тем длиннее ножка. И ножка должна быть у основания шире, чем у макушки. Теперь надо, если у вас круг был нарисован карандашом, стереть линии, которые перекрываются ножками, а если у вас был воображаемый круг - дорисовать линии, которые образуют круг. Теперь осталось еще добавить ножки, расположенные в задней части круга. То есть нужно еще несколько кружков и ножки от них, которые упираются в круг. Ножки вместе образуют вокруг круга такую корону, из-за чего такой вирус называется коронавирусом. -

🫖 Чайник
№34 Между Землёй и Марсом вокруг Солнца по эллиптической орбите вращается фарфоровый чайник. Чайник слишком мал, чтобы обнаружить его даже при помощи самых мощных телескопов. Начнём рисовать его с крышки. Так проще всего соблюсти пропорции, и стирать ничего не придётся. Вторым шагом нарисуем под крышкой пузатую тушку чайника. От крышки линия идёт немного вниз, а потом симметрично по овалу приходит к противоположной стороне крышки. Осталось добавить ручку, носик и основание. -

🪁 Воздушный змей
№33 Сегодня мы рисуем воздушный змей. Его рисовать несложно, но есть некоторые хитрости. Начнем с каркаса. Каркас — это крест, но так как змей летит, его линии слегка изогнуты от ветра. На кресте натянута шкура воздушного змея, её края тоже немного изогнуты вовнутрь. В качестве хвоста в задней части развевается ленточка. Можно ещё для красоты добавить тени и швы. -

🥁 Барабан
№32 Сегодня рисуем барабан. Барабан представляет собой две мембраны, натянутые на жестком каркасе. Нарисуем овал, а под ним чуть пониже – полуовал. Соединим верхний и нижний овалы стяжками. В верхнем овале добавим немного глубины, нарисовав внутреннюю стенку. Получился барабан. -

Little Ivan MK4
Lvl 1 → Lvl 2 → Lvl 3 -> Lvl 4! С каждым годом этот пост всё лучше! -

🚰 Кран
№31 Кран состоит из трубки, ручки и крепления. По крайней мере, тот кран, который мы будем рисовать. Ручка входит в специальную часть, в которой расположен механизм перекрывающий воду, поэтому там есть утолщение снизу, в том месте крана, который расположен под ручкой. Я начинаю рисовать кран с трубки, с местом для ручки сверху и утолщением снизу. Потом нарисую ручку сверху, крепление к стене и кончик крана. Получается довольно просто. -

🪜 Стремянка
№30 Сегодня будем рисовать стремянку. Задача оказалась неожиданно сложной, так что соберитесь. Чтобы лестница получилась красивой, надо рисовать ее в проекции. И чтобы не пришлось стирать лишние линии, попробуем сделать это по слоям. Для начала нам нужно шесть точек, опираясь на которые мы будем рисовать. Представьте горизонтальную линию. Поставим точку на небольшом расстоянии над линией. Следующую точку поставим правее первой, а расстояние от линии у нее будет в два раза больше. Мы получили первую пару точек. Нужно ещё две. Вторую пару точек поставим правее первой и на одно "деление" ниже (третья точка будет лежать на линии, а четвертая будет от линии на таком же расстоянии, как и первая). Третья пара точек будет значительно выше первых двух по вертикали и ровно между ними по горизонтали. Должно получиться как на рисунке. Теперь начнем рисовать слои. Для левых точек из каждой пары нарисуем горизонтальную линию. Теперь края нижних линий соединим с верхней. На переднем слое получилась такая треугольная конструкция. Теперь нарисуем ступеньки. Начнем с верхней. Нарисуем горизонтальную линию для второй точки из верхней пары и соединим её края с первой верхней горизонтальной линией. Получилась ступенька. Теперь нарисуем ещё несколько таких же ступенек вдоль каждой из сторон стремянки. Это будет средний слой. Последний шаг — нарисуем заднюю, дальнюю от нас часть стремянки. Для этого нужно просто соединить краешки ступенек линиями и дальше опустить их до верхних точек нижних пар. Вот и получилась довольно красивая и аккуратная лестница. Если хочется сделать проще, то можно ширину ступенькам не добавлять. Это будет на маленькой картинке нормально смотреться. -

🛹 Скейтборд
№29 Скейтборд представляет из себя доску с колёсиками, у которой в начале и в конце есть небольшой изгиб вверх. Изгиб — это самая сложная часть рисования скейтборда. В начале я рисую две параллельные линии, потом добавляю изгибы по обеим сторонам и внизу пририсовываю колёса, а над креплениями колёс добавляю четыре дырки для болтов. Всё, скейтборд готов. -

Little Max 1
Скетчи можно использовать для разного. Например, для того чтобы заказать торт на день рождения. А сегодня как раз такой день, так что встречайте: LITTLE MAX 1, воин дороги с повышенной маленькостью. -

📡 Спутниковая тарелка
№28 Спутниковая тарелка, также известная как параболическая антенна, состоит из зеркала и облучателя. Зеркало принимает сигналы спутника и отражает их на облучатель, который висит перед ним на опорах. От облучателя сигнал поступает на обработку. Спутниковые антенны бывают подвижные и стационарные. Стационарные ловят сигнал со спутников на геостационарной орбите. Это спутники, которые вращаются вокруг Земли с той же скоростью, с которой сама Земля вращается. Получается, что они висят всё время на одном и том же месте, как будто закреплены на очень длинном столбе. Чтобы нарисовать спутниковую антенну, нужно нарисовать большое блюдце, перед ним нарисовать облучатель и добавить опору, на которой она стоит. -

🪥 Зубная щётка
№27 Зубная щетка состоит из щетины и ручки. Я начинаю рисовать щетку с щетины, потому что так проще соблюдать пропорции. Вокруг щетины располагается головка щетки, от которой вниз с эргономичным изгибом идёт ручка. Щетинки крепятся к ручке пучками, которые формируют узнаваемый паттерн на чистящей поверхности -

🫁 Лёгкие
№26 Легкие нужны в основном для того, чтобы потреблять кислород из воздуха. Они состоят из примерно одинаковых частей, от которых отходят две трубки - бронхи, и соединяются в одну трахею, по которой воздух попадает в легкие. Если хочется анатомической точности, то в правом легком можно нарисовать выемку для сердца. -

🛟 Спасательный круг
№25 Спасательный круг нужен для того, чтобы человек, упавший за борт, не пошел под воду из-за веса мокрой одежды, пока его достают. Сейчас их обычно делают из пенопласта, а раньше делали из пробки. Современные спасательные круги весят 2-3 килограмма, хотя большие могут весить 4 или даже 5. Лучше таким по голове не получать, иначе спасать будет некого. Рисовать его очень просто: снаружи круг, внутри круг, веревка, чтобы удобнее браться, и яркие цвета, чтобы хорошо было видно. -

Как поддерживать драйв
№3 Третья лекция курса «Успеть всё». Про то что такое мотивация, как она помогает, и как быть когда не помогает. -

🌀 Турбина
№24 Турбина позволяет повысить мощность двигателя внутреннего сгорания довольно хитрым образом. Крыльчатку вращает выхлопной газ от сгорающего топлива, а она закачивает воздух в двигатель под давлением. Получается, что воздуха в двигатель попадает больше, значит может сгореть больше топлива, так что при том же объёме двигателя можно получить большую мощность. Чтобы нарисовать турбину, нужно представить себе, как она работает. Начните с формы внешней части в виде раковины улитки. Дальше внутри круг с крыльчаткой. Остаётся добавить впуск, выпуск и крепления. -

Гибкое планирование
№2 Вторая лекция «Успеть всё». Про то, что всё это не вообще всё, а только то, что действительно стоит успевать. -

📃 Виза
№23 Виза — это такая хитрая штука, без которой некоторые человекоподобные обезьяны не могут посещать некоторые места. У меня вот один раз был случай, когда я собирался на конференцию в Европу, и у меня всё было готово, кроме визы. А визу мне дали за день до конференции. Это было довольно нервно. Виза представляет собой наклеечку на странице паспорта, поэтому для того, чтобы её нарисовать, сперва нарисуем паспорт. Потом нарисуем саму наклеечку, добавим на неё фотографию, описание, коды и печать. А чтобы вторая страница паспорта не была пустой, добавим на неё печати о въезде и выезде из страны. -

The goose and the common
№14 Заметки к докладу "The goose and the common".