Den’s Blog
255 subscribers
45 photos
164 links
Редкие, но любопытные находки, ссылки и статьи. Автор @dentalala. Веду @showroompodcast и делаю @rucastclub.
Download Telegram
С Новым годом, один подписчик!

Вот когда-нибудь через годик другие подписчики удивятся, покрутив эти сообщения на экран вверх, а там 2017.

— Ты что всё это время делал, ленивая жопа?
Свой текст

Чем больше сил вложено в работу, тем более ценной она кажется.

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

Как бороться?

— Просить кого-нибудь прочитать текст, перед тем как публиковать.
— Подождать день-два, пока эмоциональное отношение не остынет.
— Все время спрашивать себя: а нет ли тут моего искажения.
Вчера сделал иконку Телеграма для macOS на замену стандартной. Почему-то для некоторых программ дизайнеры делают иконки, вписанные в круг. Иногда это можно оправдать масштабом программы. iTunes — музыка, кино, программы, подкасты и ещё куча всего. iBooks — книги, журналы, комиксы, брошюры. Safari — окно в мир. Но если ты мессенджер, нафиг тебе иконка в круге? В случае с Телегой форма знака получилась вполне устойчивая. Меняйте стандартную в круге на мою без круга.

https://dribbble.com/shots/4405702
1. Скачайте icns по ссылке,
1. Правый клик по Telegram․app → Свойства,
2. Перетащите icns поверх иконки в свойствах,
3. Перезапустите Телегу.
 
Если вы когда-нибудь встречали на сайтах красивую навигацию по каталогам, похожую на FTP, например, как The Panic File Museum или Louie Mantia's Reserve, спешу обрадовать: сделать такую же довольно просто.

1. Включите directory listing для нужного вам каталога в nginx:
http://nginxlibrary.com/enable-directory-listing/

2. Оформите листинг каталогов с помощью CSS:
https://www.linickx.com/css-styling-nginx-directory-listings

Теперь на вашем сайте можно давать ссылку на раздел Downloads, не создавая при этом специальных страниц. Просто заливайте файлы в нужный каталог, всё автоматически красиво покажется посетителю.
@CitoyenMarat скинул ссылку, которой грех не поделиться. В огромной технической статье рассказывается, как устроены разные форматы изображений, способы их сжатия и оптимизации: https://images.guide

Там про JPEG, PNG, WebP, GIF, MozJPEG и ещё кучу всего малоизвестного. Про то, как готовить картинки для веба и как они обрабатываются браузерами. Приводятся полезные инструменты и техники. Я, как большой любитель оптимизации, хочу рассказать о своём флоу и трёх инструментах.

ImageOptim
https://imageoptim.com
Известное многим приложение и API для оптимизации картинок без потери качества. У меня выбраны там все возможные способы, а скорость выставлена на «безумную». Я могу потерпеть долгую процедуру, лишь бы результат был безупречным. Скармливаю ImageOptim обычно PNG, JPEG и GIF, пропуская через несколько циклов (зачастую повторные оптимизации тоже удаются), — любую растровую графику, которая будет использоваться внутри приложений или на сайтах.

SVGOMG
https://jakearchibald.github.io/svgomg
Веб-интерфейс для утилиты SVGO, через который готовлю к использованию вектор. Грубо говоря, из файла вырезаются лишние метаданные, а также уменьшается точность координат (округляются знаки после запятой). Можно смело включать там все параметры, кроме “Sort attrs”. Его советую переключать и смотреть, экономит он или, наоборот, прибавляет вес файлу. Также будьте осторожны с ползунком про степень оптимизации: призумьте превью и двигайте ползунок влево, а когда увидите визуальные искажения кривых, верните на 1 шаг правее — это нужный вам уровень. Почему-то недавно там сломалась опция “Remove xmlns”, теперь она делает картинку белой на превью. Но из SVG-файла можно безболезненно убрать эту штуку руками, на изображение она никак не влияет. SVGOMG не доводит SVG до идеала, после оптимизации я открываю файл в текстовом редакторе и вручную сокращаю #ff0000 → #f00, убираю переносы строк, теги g, defs и прочее лишнее типа fill-rule="evenodd" (формат SVG легко читается).

ShrinkIt
https://download.panic.com/shrinkit
В статье не упоминается утилита, с помощью которой можно оптимизировать PDF, ведь его мы тоже используем как самостоятельный формат и даже в Xcode как графику для iOS-приложений. Это простое окошко, куда перетаскиваешь файл, и он перезаписывается уже оптимизированным.

Может показаться, что все эти кропотливые процедуры ради экономии жалких килобайтов — одержимость, и что они не нужны. Но это не так, ведь это забота о ваших пользователях:
1. Вы экономите людям трафик,
2. Приложения скачиваются быстрее,
3. Сайты рендерется мгновенно.
Есть такое соревнование программистов, когда нужно в минимальный объём данных упаковать некое аудиовизуальное представление. Это называется demoscene, у неё бывают разные «весовые категории»: 4 КБ, 64 КБ, несколько мегабайтов и т. д. Бывают разные дисциплины: клип, компьютерная игра, музыкальная композиция, технология и пр.

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

Сами работы — это нечто среднее между программированием и перформансом. Представьте, что существует компьютерная игра-шутер, напичканная графическими технологиями, с несколькими уровнями и выбором оружия, которая занимает всего 64 килобайта. Это kkrieger, сделанная немецкой командой Farbrausch (работает только на Windows). Зацените их психоделический клип debris, упакованный в 177 КБ.

Чтобы добиться такого результата, используются процедурно сгенерированные текстуры и сцены, системы частиц, синтезированная процессором музыка, невероятная компрессия кода и ещё какая-то программистская магия.

Каждая составляющая такого продукта — отдельное маленькое произведение искусства. Взять хотя бы музыку. Композиторы сочиняют её, используя особенности синтезирования разных старых процессоров, а чтобы сохранить стиль, эмулируют их. Попробуйте послушать мой любимый трек Flower Power:

1. Установите MilkyTracker:
https://github.com/milkytracker/MilkyTracker/releases

2. Скачайте и запустите трек:
https://tlgur.com/d/X4z0pYpG

3. Нажмите Enter и насладитесь маленьким чудом, на которое способен ваш компьютер.

Если интересно, тут можно найти кучу инфы и скачать демки:
http://www.demoscene.info
https://www.reddit.com/r/demoscene
http://www.pouet.net

Или можно посмотреть всё на Ютюбе по запросу demoscene, вот целый плейлист, например:
https://www.youtube.com/watch?v=zxpwiMD1Bb8&list=PL9HVvEQXdWVb_Nakad9URLWoP6sngpWj1&index=3
В 80-х Apple делали много концептов настольных маков. Один из них, под кодовым названием “Jonathan”, совершенно прекрасен. Особенный восторг у меня вызывает его клавиатура.

История про концепт модульного мака:
http://www.storiesofapple.net/the-jonathan-computer.html

Галерея с фотками:
https://imgur.com/a/nGUhw
Сделал ещё иконку Твитбота для macOS на замену стандартной. Твиттер совершил акт милосердия и добил официальное десктопное приложение, теперь выбор невелик: Twitterrific или Tweetbot. Больно смотреть, что Iconfactory в последнее время делает с Твиттерификом, поэтому всем смело рекомендую Твитбот для любых платформ.

https://dribbble.com/shots/4442950
1. Скачайте icns по ссылке,
2. Правый клик по Tweetbot․app → Свойства,
3. Перетащите icns поверх иконки в свойствах,
4. Перезапустите Твитбот.
Бесплатно сделаю красивую авку для вашего канала в Телеге. Простое условие: если будете использовать — упоминаете мой канал в своём. На картинке ниже примеры моих авок. Пишите на den@talala.ru
Телеграм точно заблокируют, у меня в этом нет сомнений. Нельзя покорно отказываться от того, что любишь, и привыкать к ограничениям. Рекомендую сделать личный VPN, чтобы обойти любые блокировкии Роскомназдора. Если вы не имеете возможности сделать VPN, пользуйтесь хотя бы прокси:
https://t.me/socks?server=37.139.17.103&port=451
Мы с @CitoyenMarat выпустили Символы 2 для iOS. Это лёгкое и простое приложение для быстрой записи заметок. Ещё там есть клавиатура юникодовых символов (включается кнопкой ⌘), которая работает внутри программы или где угодно в системе. Если интересно, почитайте подробный рассказ об истории создания.

Две лучших фичи новых Символов — управление жестами и экспорт текста картинкой. Вообще, там много классных штук: iCloud, 3D Touch, озвучка и тактильный отклик вообще всего, Face ID и Touch ID, выбор цвета, поиск, поддержка универсального доступа и языков справа налево и новый дизайн интерфейса, конечно. Некоторые функции платные, но их можно попробовать бесплатно, а их отсутствие не мешает использованию.

Сайт приложения: chars.cc

Попробуйте версию 2 и расскажите о впечатлениях в Твиттере @charsapp или на почту info@chars.cc. Надеемся, вам понравится!
В Москве пасмурно и хмуро, а я принёс вам прикольные рингтоны для айфона. Это несколько эффектов и короткий музыкальный трек из игры Teenage Mutant Ninja Turtles для NES, которая вышла в 1989 году.

https://tlgur.com/d/xGMBVjwg

Обычно я годами использую «классический» звук звонка. Мне он нравится больше, чем рингтоны, потому что не надоедает. Поделюсь им тоже.

https://tlgur.com/d/0GoJWb08

К сожалению, загрузка рингтонов в айфон стала неудобной. Нужно подключить телефон проводом к компьютеру, выбрать его в iTunes и драг-н-дропнуть рингтоны в раздел «Звуки».
В прошлом году я сделал стикеры для iMessage с масками животных. Хотелось попробовать ради эксперимента. В голову пришла оригинальная идея, которая на тот момент ещё не была популярной.

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

Мой набор стикеров оказался не очень популярным, к чему я заранее был готов. Сейчас их временно нельзя купить в App Store, но промо-сайт всё ещё работает.

Теперь я сделал Stinkies для Телеграма. Здесь они тоже сделаны как маски, то есть отправлять сообщениями их нельзя (да и было бы странно). Если вы хотите отправить собеседнику фотку, то сможете предварительно померить милых зверюшек. Для iMessage было 99¢, для Телеги, разумеется, бесплатно.

http://t.me/addstickers/stinkieden
Никак не могу привыкнуть к тому, как считают количество дверей в автомобиле. Слышу какую-нибудь рекламу про трёхдверную или пятидверную машину и на несколько секунд задумываюсь, что это за уродливый мутант такой.

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

По-моему, это глупо — учитывать эту «дверь». Дверей в объявлении или автомобильной рекламе должно быть указано такое же количество, через сколько пассажиры или водители могут войти. Дверь багажника технически дверь, но по функции она гораздо ближе к какой-нибудь закрывашке или крышке.
Кроме известной всем вилки-ложки spork (spoon + fork), оказывается, бывает ещё более хитрый столовый прибор — splayd. Это spork, у которого заострённые грани, чтобы пользоваться ими вместо ножа. Когда хочешь не только неудобно поесть, но и рот порезать.
Вы замечали, когда в кино показывают персонажа, разговаривающего по телефону, обязательно хочется слышать, что происходит на другом конце линии? Зачастую авторы кино позволяют это зрителю, и мы слышим всех собеседников. Но иногда мы покорно ждём в тишине, чтобы потом увидеть реакцию персонажа на то, что ему сообщили.

За 2017 год я посмотрел около 400 фильмов (люблю кино), но ни разу не встретил ситуации, где «односторонний» телефонный разговор играл бы какую-то роль в создании атмосферы. Мы узнаём, что сказал собеседник на другом конце, либо сразу же, когда во время разговора видим реакцию, либо по окончании разговора, когда главный герой объясняет услышанное другим персонажам.

Так нафига мучить зрителя? Я считаю, что незачем. Можно всегда позволять слышать всех собеседников, отчего не пострадает ни атмосфера сцены, ни сценарий. Мне встречались фильмы, где использовались сразу оба приёма, но это вообще какой-то идиотизм. Можно простить приём «стороннего наблюдателя» ребятам вроде Такеши Китано, у них и без того много молчаливых сцен, где главные герои за всю картину произносят лишь несколько коротких фраз, а вообще, конкретно в таких сценах с телефоном приближение к реальности — атавизм. Подслушивать прикольно.
Слышал рекламу «Форда Фокуса» по радио в такси. Там диктор спрашивает якобы владельцев этой машины, почему они считают её лучшей. И они по-очереди выдают отрепетированный набор превосходных характеристик дикцией радиоведущих.

На секундочку мысль: неужели это говно в рекламе работает? А потом просветление: блин, работает, видать. Средний уровень образования, дохода, эрудиции, интеллекта, насмотренности и кругозора у населения нашей страны такое, что любое самое гнусное говно работает. Поэтому уровень рекламы, кино, музыки, промышленного производства, зарплат, ВВП и всего остального будет на днище до тех пор, пока не повысятся скиллы населения.
Каждый день вижу Москву попеременно отвратительной и прекрасной.

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

Во время прогулок с Аэро, пока гуляю по улицам и паркам самого прекрасного района города, вижу красивые улицы, поля высаженных в парках тюльпанов, постриженные кусты, отреставрированные здания (культурные наследния), приятных и счастливых людей. Летом можно гулять часами напролёт и любоваться всем вокруг.

Иногда фантазирую, каким мог бы быть город, полностью сделанный для пешеходов. Где не было бы машин, шумных шестиполосных дорог, пробок и выхлопных газов. Где были бы безопасные зоны для прогулок и развитый общественный транспорт. Москва была бы чудесной.
Если бы Артемий однажды не стал писать о том, как ужасны кондиционеры на фасадах домов, никому до этого не было бы дела. Хорошо, что он стал. Некоторые, у кого проснулась совесть, стали вешать кондёр на балконе. Но некоторые ничего не могут поделать, даже если бы хотели не портить дальше свой дом.

Когда вы решаете установить кондиционер в съёмной квартире и согласовываете процедуру с арендодателем, скорее всего, он откажется уменьшать площадь своего балкона на площадь кондиционерной коробки. И он не будет неправ. В засранности фасадов кондиционерами виноваты не хозяева квартир, а застройщики.

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

Вы скажете: нет, всё-таки жильцы ответственны за внешний вид, начинать менять мир нужно с себя. Забудьте об этой херне навсегда, это не работает. Начинайте с себя, но мир этим вы не поменяете, на вас изменения и закончится. Если вы кондиционер поставите на балконе, то остальные кондёры с фасада чудесным образом не пропадут, а вы быстрее помрёте, чем дождётесь какой-то долгосрочной тенденции. Если вы начнёте больше зарабатывать и повышать свой культурный уровень, приобщаясь к прекрасному, на вашей улице не станет меньше точек микрозаймов, нищих, алкашей и их детей. Если вы проголосуете за правильного, на ваш взгляд, кандидата, все остальные не проголосуют за него же. Ну, вы поняли.

В ситуации с фасадами и кондиционерами возлагать вину на жильцов неправильно, её нужно возлагать на строителей. Либо они строят дома с кондиционированием (а это в домах так же неотъемлемо, как, например, стены и окна), либо жильцы засирают блоками фасады. Относитесь к кондиционерам на зданиях как к разметке на дорогах. Типа, можно и без, но пользоваться будет не очень классно. Такова реальность, к ней можно лишь привыкнуть, пока застройщики не образумятся. Или пока местное правительство их не обяжет, сделав дизайн-код вашего города строже.