Дмитрий Герасимов

Веломосква

Весной мы с Кириллом открыли Велокарту. За лето 44 тысячи человек работали, отдыхали, ездили по городу и нашли свой маршрут на карте. Я получил 30 писем, где люди говорили про ошибки, делились идеями, критиковали и благодарили нас. Мы поучаствовали в хакатоне 2Gis, нас поддержал и помог советами Андрей Кармацкий из лучшей картографической дизайн-студии Urbica, а ребята из Let’s bike it, организаторы велопарадов, решили использовать нашу карту на странице акции «На работу на велосипеде».

Провалом стало Андроид-приложение. На тот момент карта сильно тормозила на слабых андроид-устройствах, и я захотел сделать карту нативно. Мы потратили много сил, запрограммировали основные функции, но прекратили разработу — одновременно поддерживать сайт и приложение банально сложно.

А потом я познакомился с Аркадием из ЖЖ и Настей из Дептранса. Вместе с ребятами мы запустили новый проект и назвали его Веломосква. Это место, где каждую неделю выходят московские новости, а люди узнают, как быстро, дешёво и с удовольствием ездить по городу. На форуме Веломосквы регулярные комьютеры обсуждают зимнюю резину, делятся фотками из Копенгагена и ругаются на коммунальщиков. Велокарта тоже переехала на новый сайт, теперь она плавнее, адаптивнее и безопаснее.

Читайте на Веломоскве городские новости и стройте маршруты с нашей картой, если ездите по городу на велосипеде.

Веломосква

Как я прошёл Гонку героев

Недалеко от Москвы на военном полигоне Алабино построили 10-километровую полосу препятствий с заборами, колючей проволокой, канатами и лужами грязи. Участники собираются в команды по 20 человек и вместе проходят трассу. На старте ты впервые видишь этих людей, а через три часа все твои лучшие друзья. На трассе очень весело, все радуются и помогают друг другу, 10 км пролетает незаметно.

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

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

Если давно думали сходить — решайтесь, это очень круто. В Москве гонка проходит каждые выходные всё лето.

 123   2016  

Велокарта Москвы

Малая Бронная улица

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

У каждого в жизни наступает момент: «Начну-ка я на велике ездить — это весело, держит в тонусе и калории сжигает». Но Москва обламывает узкими тротуарами, 6-полосными дорогами, развязками и подземными переходами. К счастью, всё это можно объехать.

wide
Крымская набережная

Велокарта помогает новичкам ездить по городу на велосипеде по тихим и безопасным улицам. Пользуйтесь велокартой, чтобы добраться на работу на велосипеде, съездить за покупками в торговый центр, выбраться погулять в Парк Горького или прокатиться к друзьям на Измайловскую.

Карта не поможет опытным велосипедистам в шлеме и латексе, для них левая полоса на Ленинградке — не проблема. Карта поможет тем, кто как и я, хочет ехать в красивой одежде, спокойно и в тишине.

Мы отмечаем не все возможные дороги, а только основные направления вдоль линий метро: всегда можно отклониться от маршрута и ехать своей дорогой. В городе рекомендую закрепить телефон на руль и открыть Гугл карты или приложение Мапс.ми.

Создал Дима Герасимов, запрограммировал Кирилл Крылов, а Юра Назаров изучил маршруты по городу.

Сегодня это самая полная, точная, удобная, полезная, информативная и красивая велокарта Москвы. Расскажите знакомым.

Как перестать монтировать видео и начать жить

Я обожаю снимать видео. Но 60 ГБ файлов нужно ещё и собрать в один, а нет в мире скучнее занятия, друзья мои, чем монтировать 1,5 минутный ролик.

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

Нужно только залить фотки на Google Photos или поставить синхронизатор фотографий. Всё остальное сделают роботы!

Гугл сам периодически монтирует ролики из ваших снимков и присылает оповещение. Но можно и попросить его это сделать: в приложении Google Photos выберите нужные фотки и видео, затем нажмите «+» и там «Новый фильм».

Пора наконец использовать Цеплин!

Стоило мне перейти на Скетч, как тут же получил пол-студии врагов. Менеджеры требуют psd и угрожают встретить ночью возле подъезда, если они не получат psd в ближайшие 10 минут. Верстальщики суровой фотошопной закалки тушат сигару и грозятся позвонить в агентство коллекторов-вышибал psd. Я уже поставил в прихожей чемодан с котом, билетом в Чили и поддельным паспортом, но тут в бету вышел Цеплин.

Действительно, Скетч на Винде не запустить, а Мак хотят далеко не все. Кажется очевидным юзать универсальный Фотошоп, который есть везде. Однако, верстать из фотошопа — мучение. Он грузится 15 секунд, макет одной странички в нём по 50-300 мегабайт, нужно постоянно держать alt, чтобы смотреть расстояния, экспортировать иконки нужно через задницу и едрёну мать, а картинку для ретины вообще не экспортнёшь, если только предварительно каждую не обворачивать смартобджектом.

Эдоби Фотошоп ЦЦ 2015

И тут из беты вышел Цеплин. Четверо ребят из Стамбула, а теперь уже из долины в Сан-Франциско, сделали его специально для верстальщиков. Главная и единственная его функция — показывать расстояния, шрифты, размеры и цвета. Цеплин легко запускается даже на слабых компьютерах прямо в браузере, который и так всегда открыт у всех, и не ест лишние ресурсы. Верстальщику вообще не нужно думать о том, установлен ли у него очередной Geometria_Light_Sans-serif.otf или как экспортировать эту иконку.

Цеплин в Хроме

Секунду, господин. Выходит верстальщикам Фотошоп теперь вообще не нужен?

Да, ведь это удобно! Не нужно хранить тяжёлый архив с пятью psd’шками для каждой страницы, в которых шапка и футер вообще одинаковые. Я передаю верстальщику одну короткую ссылку на все макеты и готовый набор для вёрстки со всеми картинками в двух разрешениях и векторными иконками в svg.

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

Текст с неразрывными пробелами, который лекго скопировать

Переключаться между страницами можно прямо в браузере и всё это без тормозов и поедания ресурсов фотошопом. Когда я начинал, Цеплин был в бете и с парой косяков. Сейчас всё пофиксили, мы уже работали по нескольким проектам с разными верстальщиками, большинство людей быстро разбирались и верстали с удовольствием.

Извольте, Фотошоп у меня бесплатный. А Цеплин?

Бесплатно использовать один аккаунт для одного проекта. Аккаунт нужен для добавления проектов, верстальщику ничего платить не нужно.

Что в итоге

Верстать интерфейсы в Фотошопе в 2015 году — тратить больше ресурсов и делать работу медленнее. Со связкой Скетч + Цеплин дизайнеры и верстальщики работают быстрее, нагрузка меньше, а проекты качественнее.

Путешествия с Airbnb

Квартира в Утрехте с огромными панорамными окнами

Хостелы — это прекрасно. Я обожаю хостелы, особенно хорошие. Но если хотите тишины и личного пространства в другой стране — смело снимайте квартиру. Можно искать их на локальных сайтах по аренде недвижимости, но проще всего найти такую квартиру через Airbnb.

Вот, например, недорогая и уютная квартира на окраине Утрехта в Нидерландах. Тут живут прекрасные ребята Аня и Паскаль. Помогли сориентироваться в городе, рассказали, что посмотреть, и даже дали свои велосипеды покататься. Это совсем другие ощущения — не приехать на пару дней, а именно пожить в незнакомом городе. Гулять по старым каналам, ездить по велодорожкам, как местный, а потом вернуться в место, которое называешь домом, пусть даже всего на неделю.

Квартира плавно перетекает в улицу

Airbnb берёт комиссию за работу, но они же и раздают деньги. Регистрироваться лучше всего по чьей-нибудь ссылке, так вы получите бонус на счёт. Я зарегистрировался по ссылке какого-то чувака в интернете, а теперь предлагаю вам свою: http://www.airbnb.com/c/0dcfb3. Вы получите 1300 ₽ на счёт сразу же, а я получу 1300 ₽, когда вы совершите первое бронирование.

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

Про сервис

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

Сегодня на работе мы запиливаем проекты, ведущая соревнований переживает в микрофон «Котятки, вы не замёрзли?», а милая проводница в поезде будит утром фразой «Котики, просыпайтесь!»

 31   2015   Люди

Почему мама учила вас чистить зубы неправильно

Сразу стоит сказать, что большую часть жизни я никогда не парился насчёт чистоты зубов. Я из тех, кто уезжая из дома на 3 дня думает «Да зачем ещё щётку с собой таскать. Пожую жвачку, ничего со мной не станет». Это как с похудением: от одного чебурека с лучком и капающим с него жиром твои конечности не увеличатся в диаметре, а грудь не начнёт предательски выпирать из-под футболки. Но если жрать их раз в неделю, придётся забыть про людей противоположного пола с иным взглядом на жирную пищу.

В детстве мама меня учила, что чистить зубы нужно утром и вечером по 5 минут. (На самом деле, я конечно занимался этим по 30 секунд раз в день. Да и мыло мочил, что уж.) И стоял и елозил щёткой влево-вправо, да пены побольше. Читатель уже догадался, что такой способ приносит мало эффекта. Налёт и частички пищи застревают между зубов, там начинают размножаться бактерии. В итоге у многих людей передняя часть зубов светлая, а по краям остаётся тёмный налёт.

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

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

Зубная нить

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

Берите любую нить и просто попробуйте. Раз в неделю закрывайтесь ото всех в ванной и просто попробуйте. За минуту усилий наградите себя непередаваемыми ощущениями — чисто и легко.

Вода впиталась в широкую нить и не стекает.

Как ей пользоваться?

Самая клёвая техника 1-минутной чистки. Айпад в ванную, смотрите и повторяете:

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

Пользуйтесь нитью!

 20   2015   Советы

Кнопка Гитхаба в Лайкли

Лайкли — отличные социальные кнопки от Ильи Бирмана. Но туда забыли положить гитхаб, давайте исправим.

Сперва likely.js нужно привести в читаемый вид, например, с помощью jsbeautifier.org. Найдите поиском d = {, в эту переменную добавляем счётчик гитхаба:

github: {
   svgi: '8.05236364,0.220606061 C3.69163636,0.220606061 0.155151515,3.75660606 0.155151515,8.11878788 C0.155151515,11.6082424 2.41793939,14.5682424 5.55636364,15.6126061 C5.95151515,15.6853333 6.09551515,15.4414545 6.09551515,15.232 C6.09551515,15.0448485 6.08872727,14.5478788 6.08484848,13.8889697 C3.888,14.3660606 3.42448485,12.8300606 3.42448485,12.8300606 C3.06521212,11.9175758 2.54739394,11.6746667 2.54739394,11.6746667 C1.83030303,11.1849697 2.60169697,11.1946667 2.60169697,11.1946667 C3.39442424,11.2504242 3.81139394,12.0087273 3.81139394,12.0087273 C4.51587879,13.2155152 5.66012121,12.8669091 6.11006061,12.6647273 C6.18181818,12.1546667 6.38593939,11.8065455 6.61139394,11.6092121 C4.85769697,11.4099394 3.01381818,10.7321212 3.01381818,7.70569697 C3.01381818,6.84363636 3.32169697,6.13818182 3.82690909,5.58642424 C3.74545455,5.38666667 3.47442424,4.58327273 3.90448485,3.49624242 C3.90448485,3.49624242 4.56727273,3.28387879 6.07612121,4.30593939 C6.70593939,4.13042424 7.38181818,4.04315152 8.05333333,4.03975758 C8.72436364,4.04315152 9.39975758,4.13042424 10.0305455,4.30593939 C11.5384242,3.28387879 12.2002424,3.49624242 12.2002424,3.49624242 C12.6312727,4.58327273 12.3602424,5.38666667 12.2792727,5.58642424 C12.7854545,6.13818182 13.0909091,6.84363636 13.0909091,7.70569697 C13.0909091,10.7398788 11.2441212,11.4075152 9.48509091,11.6029091 C9.76824242,11.8467879 10.0208485,12.3287273 10.0208485,13.065697 C10.0208485,14.1212121 10.0111515,14.9730909 10.0111515,15.232 C10.0111515,15.4433939 10.153697,15.6892121 10.5541818,15.6121212 C13.6901818,14.5653333 15.9510303,11.6072727 15.9510303,8.11878788 C15.9510303,3.75660606 12.4145455,0.220606061 8.05236364,0.220606061',
   counterUrl: 'https://api.github.com/repos/dezonik/Typograph?callback=?',
   convertNumber: function(data) {
      return data.data.watchers_count;
   },
   clickUrl: 'https://github.com/dezonik/Typograph'
}

Не забудьте поменять обе ссылки на свой репозиторий. В likely.css добавьте свойства для ховера.

.likely__widget_github:hover,
.likely__widget_github:active,
.likely__widget_github:focus {
background: rgba(224, 224, 224, 1);
border: 1px solid rgba(224, 224, 224, 1);
}

В своей хтмлке просто добавьте новый див с гитхабом.

<div class='likely'>
  <div class='facebook'>Share</div>
  <div class='vkontakte'>Share</div>
  <div class='telegram'>Send</div>
  <div class='twitter'>Tweet</div>
  <div class='github'>Watch</div>
</div>

Это всё! Вживую кнопку можно пощупать на странице Типографа.

upd

Неактуально для новой версии.

 54   2015   Сайт   Советы

Про путешествия

Я обожаю путешествовать. Для меня путешествия — обязательная потребность, как воздух, еда или вода. Не понимаю людей, которые говорят, что это дорого, не интересно и вообще вот упадёт курс, тогда поеду: идеальных условий не будет никогда. Нужно просто брать и ехать (и на всём экономить :) Бюджетные путешествия заставляют ваш мозг работать. В хостелах жить намного веселее. А сколько радости даёт дешёвый билет у хорошей авиакомпании!

Людей можно условно разделить на туристов (tourists), путешественников (travelers) и искателей приключений (adventurers). Туристы разбираются в горящих путёвках, звёздах на отелях и «всё включено». Искатели приключений рвутся в дикие места, восходят в горы, ставят рекорды и меряют всё километрами. А между ними находятся путешественники. Я пробовал себя, кажется, во всех ролях, но я определённо traveler — на неделю без интернета и других благ человечества соглашусь не сразу, зато с лёгкостью сорвусь за новыми впечатлениями и вытягиванием себя из зоны комфорта.

Результат — наша немецкая экспедиция Eurosquirrel.

См. также:

Большая заметка-инструкция о немецком общественном транспорте.

Ранее Ctrl + ↓