ErBlog

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

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

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

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

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

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

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

№13 Заметки к докладу "display: green; applying the web sustainability guidelines". Информационные технологии влияют на окружающую среду больше, чем самолёты. Это доклад с рекомендациями, которым стоит следовать, чтобы уменьшить это влияние.

№12 Заметки к докладу "Refactoring CSS". Доклад о том, как отремонтировать дом и как убедить продакта навести порядок в CSS.

№11 Заметки к докладу "Building a Computer with CSS". Демонстрация работы цепей компьютера с использованием CSS-селекторов для вычислений. Занятный в своем роде поучительный доклад.

№10 Заметки к докладу "Form control styling". Доклад про прекрасное светлое будущее, в котором для того, чтобы изменить внешний вид контролов HTML, не надо будет никаких странных костылей со скрыванием, кривыми селекторами и магией. Нужно будет просто сбросить их состояние до базового, а потом добавить немного стилей.

№9 Заметки к докладу "Smart layouts". Живой пример того, насколько динамично и адаптивно может вести себя лейаут при использовании современных возможностей CSS и HTML. Спойлер: настолько, что можно сказать, что можно назвать его умным.

№8 Заметки к докладу "Scope in CSS". Что надо знать о скоупе в CSS? Любой CSS-селектор и есть скоуп. Но сейчас есть гораздо более интересные возможности по управлению скоупом: скоуп-бублик, определение доступности и прочие чудеса директивы @scope. Правда, лучший способ всё ещё — уникальные имена классов.

№7 Заметки к докладу "Design Token Architecture". Доклад о том, сколько рутинной работы мы делаем раз за разом, вновь и вновь, для того чтобы идентичность компаний отражалась в их сайтах и приложениях. И о том, как уменьшить количество повторяющейся работы, используя дизайн-систему на базе дизайн-токенов.

№6 Заметки к докладу "Multicol and fragmentation". Глубокий доклад о том, какие сложности стоят перед создателями спецификаций. Задачи, которые решались легко для статической печати на бумаге и в книгах, совсем не так легко решаются в динамическом мире веба, особенно когда их решение никому не нужно.

№5 Заметки к докладу "Select it! Styling new HTML UI capabilities".

№4 Заметки к докладу "CSS tried to come for my job". Великолепное демо с кучей примеров реализации перехода страницы из состояния в состояние. С помощью только CSS можно сделать очень динамичный интерфейс.

№3 Заметки к докладу "Is Sass Dead Yet? CSS Mixins & Functions &c." Доклад о том, как миксины и функции метаморфируют, переезжая из SASS в CSS, обрастая новыми особенностями, связанными с каскадом.

№2 Заметки к докладу "A Dao of CSS". Любопытный доклад предлагает взглянуть на CSS через призму китайской философии: не жестко контролировать лейаут, а позволить ему течь свободно, как вода, гибко приспосабливаясь к окружению.

№1 Заметки к докладу "Level up your scroll UX". Доклад о том, что можно сделать с прокруткой, используя только CSS. Карточки, навигация, даже интерфейс Nintendo Switch. А ещё, рецепт Ultimate Scroller.

№1 Первая лекция курса «Успеть всё», специально для меня, раз уж я на этой неделе ничего не успел 💔. Тут надо быть крайне осторожным. Я уже много чего знаю про Time Management. Потому что то, что я знаю, мне никак не помогает. А помогает то, что я использую.

№22 Оказывается, отпечаток пальца рисовать почти так же сложно, как мозг. В этот раз мы тоже будем использовать шаблон, который потом сотрём. Отпечаток пальца — это уникальный узор от изгибов на коже, который выглядит довольно фрактально. Он состоит из линий примерно одинаковой толщины, которые закручены по кругу или плавно изгибаются. Чтобы нарисовать отпечаток, мы возьмём полукруглую форму, которая будет примерно похожа на то, какой формы след оставит большой палец, если вы намочите его и приложите к бумаге. Нарисуем эту форму и начнём её постепенно заполнять. Я начал с одной изогнутой линии и потом вокруг добавлял новые линии и изгибая их. Чтобы узор получился уникальным, можно добавить ещё несколько линий, вокруг которых будем изгибать остальные. Линии иногда лучше прерывать, оставляя в них пробелы, тогда изображение получится более реалистичным. Когда заполните весь шаблон, убирайте его и получится рисунок отпечатка пальца.

№6 Последняя лекция из курса «Любимые привычки». Как объединять привычки в систему, так чтобы они усиливали друг-друга.

№21 Градусник - отличное применение законов физики. Стеклянная колба, наполненная ртутью или спиртом. Объём жидкости зависит от температуры. Чем теплее жидкость - тем выше она поднимается по колбе. Просто и надежно. Для того, чтобы нарисовать градусник, достаточно изобразить колбу. В низу расширение для жидкости, над ним - узкая вытянутая трубка, вдоль которой нанесена шкала. Вокруг можно добавить корпус, а можно и без него.

№5 Пятая лекция из курса «Любимые привычки» про то, как использовать окружение, чтобы упростить себе жизнь.