View Source code:

Tidy UP & Clean HTML Code - View Source of http://ilyabirman.ru

<!doctype html>
<html>
<head>

<meta name="viewport" content="width=device-width" />
<meta charset="utf-8" />


<title>Илья Бирман</title>
<link rel="shortcut icon" href="https://ilyabirman.ru/favicon.ico" />

<link rel="apple-touch-icon-precomposed" href="https://ilyabirman.ru/i/apple-icon-precomposed.png" />



<link rel="stylesheet" href="https://ilyabirman.ru/css/core/core.js.css?1532450854" />

<link rel="stylesheet" href="https://ilyabirman.ru/css/main.css?1563565391" />

  
  
  

<script src="https://ilyabirman.ru/js/core/core.js?1537638398"></script>



<link rel="yandex-tableau-widget" href="https://ilyabirman.ru/yandex-tableau-manifest.json" />

<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
  ga('create', 'UA-66226285-1', 'auto');
  ga('send', 'pageview');
</script>

</head>

<body
              >

<div class="frame">    


<div class="menu-container menu-container_hidden" id="menu-container"> 

  <div class="menu">

    <div class="menu-right" id="menu-right">
      <div class="menu-items">
                              <a class="menu-language" href="//ilyabirman.net/"><div class="menu-link">en</div></a>
                                        <a class="menu-language"><div class="menu-link">ру</div></a>
                          <div class="menu-language-separator"></div>
      </div>
    </div>

    <div class="menu-top">
      <a class="menu-logo-gap"></a>
      <a class="menu-logo"
              >
        <div class="menu-photo"></div>
        <div class="menu-item"> 
          <div class="menu-link">Илья Бирман</div>
        </div>
      </a>
      <div class="menu-line menu-line-main">

        <div class="menu-items">
          <a class="menu-item" href="//ilyabirman.ru/projects/"><div class="menu-link">Проекты</div></a><a class="menu-item" href="//ilyabirman.ru/music/"><div class="menu-link">Музыка</div></a><a class="menu-item" href="//ilyabirman.ru/world/"><div class="menu-link">Мир</div></a><a class="menu-item" href="/meanwhile/"><div class="menu-link">Блог</div></a>        </div>
        
                <div class="menu-blogpost" id="menu-blogpost">Черногория: Порто Монтенегро (часть 1)</div>
        
      </div>
    </div>

    
        <div class="menu-line menu-line-secondary menu-line-info">
      <div class="menu-info menu-news"> 
        <div class="menu-news-icon"></div>
        <div class="menu-news-text"><a href="/meanwhile/tags/kniga-dizayn-transportnyh-shem/"><u>Книга про схемы</u></a></div>
      </div>
    </div>
    
    
    
  </div>
</div>

<div class="mobile-menu-container">

  <input class="mobile-menu-toggler" id="mobile-menu-toggler" type="checkbox">

  
  <div class="mobile-menu">

    <a class="mobile-menu-logo" id="mobile-menu-logo"
          ><div class="mobile-menu-photo"></div></a>

    <a class="mobile-menu-item mobile-menu-item-hidden"
          ><div class="mobile-menu-link">Илья Бирман</div></a>

        <a class="mobile-menu-item mobile-menu-item-visible"><div class="mobile-menu-link">Илья Бирман</div></a>
    
    <label class="mobile-menu-hamburger" id="mobile-menu-hamburger" for="mobile-menu-toggler">
      <div class="mobile-menu-hamburger-inner"><span></span><span> </span><span></span></div>
    </label>

    <div class="mobile-menu-lines">
      <div class="mobile-menu-line mobile-menu-line-main">

        
        <a
          class="mobile-menu-items mobile-menu-languages"
          href="//ilyabirman.net/"
        >
                                    <div class="mobile-menu-language">
                <div class="mobile-menu-link">en</div>
              </div>
                                                <div class="mobile-menu-language mobile-menu-language-selected">
                <div class="mobile-menu-link">ру</div>
              </div>
                                <div class="mobile-menu-language-separator"></div>
        </a>

        <div class="mobile-menu-items">

          <a class="mobile-menu-item" href="//ilyabirman.ru/projects/"><div class="mobile-menu-link">Проекты</div><svg class="mobile-menu-arrow" xmlns="http://www.w3.org/2000/svg" width="8" height="8"><path d="M0,0h8v8H6.5V1.5H0z"/></svg></a><a class="mobile-menu-item" href="//ilyabirman.ru/music/"><div class="mobile-menu-link">Музыка</div><svg class="mobile-menu-arrow" xmlns="http://www.w3.org/2000/svg" width="8" height="8"><path d="M0,0h8v8H6.5V1.5H0z"/></svg></a><a class="mobile-menu-item" href="//ilyabirman.ru/world/"><div class="mobile-menu-link">Мир</div><svg class="mobile-menu-arrow" xmlns="http://www.w3.org/2000/svg" width="8" height="8"><path d="M0,0h8v8H6.5V1.5H0z"/></svg></a><a class="mobile-menu-item" href="/meanwhile/"><div class="mobile-menu-link">Блог</div><svg class="mobile-menu-arrow" xmlns="http://www.w3.org/2000/svg" width="8" height="8"><path d="M0,0h8v8H6.5V1.5H0z"/></svg><span class="mobile-menu-blogpost">&nbsp;&mdash; Черногория: Порто Монтенегро (часть 1)</span></a>

        </div>
      </div>

      
    </div>

    
        <div class="mobile-menu-line mobile-menu-line-secondary mobile-menu-line-info">
      <div class="mobile-menu-info mobile-menu-news">
        <div class="mobile-menu-info-icon"></div>
        <div class="mobile-menu-info-text"><a href="/meanwhile/tags/kniga-dizayn-transportnyh-shem/"><u>Книга про схемы</u></a></div>
      </div>
    </div>
    
    
  </div>
</div>


















<div class="menu-spacer"></div>



    


<div class="emerge"
  data-spin="true"
  data-spin-size="32"
  data-spin-color="#000"
  data-effect="relax"
  data-continue="true"
>

<div class="b-editorial b-editorial-1">
  <a href="//ilyabirman.ru/projects/sovest/"><div class="b-editorial-banner-container"><div class="b-editorial-banner" style="background: url('/projects/sovest/i/sovest-cover.jpg?3') center center no-repeat; padding-bottom: 50%; background-size: 100%; box-shadow: inset 0 0 80px rgba(0,0,0,.1)"></div></div>
</a>
  <h2 class="biggest"><a href="//ilyabirman.ru/projects/sovest/">Интерфейс «Совести» <span class="label-new-back"></span><span class="label-new">нью</span></a></h2>
</div>

<div class="b-editorial b-editorial-1">
  <a href="//ilyabirman.ru/projects/chelyabinsk-address-plates/"><div class="b-editorial-banner-container"><div class="b-editorial-banner" style="background: url('/projects/chelyabinsk-address-plates/i/cover.jpg') top center no-repeat; padding-bottom: 60%; background-size: 100%"></div></div>
</a>
  <h2 class="bigger"><a href="//ilyabirman.ru/projects/chelyabinsk-address-plates/">Адресные таблички Челябинска <span class="label-new-back"></span><span class="label-new">нью</span></a></h2>
</div>



<div style="clear: left"></div>

</div>






<div class="b-tools emerge"
  data-hold="333"
  data-continue="true"
  data-effect="slide"
  data-up="64px"
>
  <script>
$(function() {
    var scrollyeahInited = false,
        $element = $(".b-tools-list"),
        $clone = null;

    function calcWindowWidth() {
        var width = $(window).width();
        if (width < 880 && !scrollyeahInited) {
            scrollyeahInited = true;
            if (!$clone) {
                $clone = $element.clone();
                $clone.addClass("scrollyeah");
            }
            $clone.insertAfter($element);
            $(document).trigger("init-scrollyeah", { "$element": $clone });
            $element.detach();
        } else if (width >= 880 && scrollyeahInited) {
            scrollyeahInited = false;
            $element.insertAfter($clone);
            $clone.detach();
        }
    }

    $(window).on("resize", function() {
        calcWindowWidth();
    });

    calcWindowWidth();
});
</script>



<div class="b-tools-list">
<div class="b-tools-list-item b-tools-list-item_layout">
  <p class="b-tools-list-item-text">
    <a href="//ilyabirman.ru/projects/typography-layout/" class="b-tools-list-item-text-link">
      <img class="b-tools-list-item-text-link__img" alt="Типографская раскладка" src="/projects/typography-layout/i/icon-64@2x.png" />
      <span class="b-tools-list-item-text-link-text">
        <span class="b-tools-list-item-text-link-text__word b-tools-list-item-text-link-text__word_layout1">Типографская </span><span class="b-tools-list-item-text-link-text__word b-tools-list-item-text-link-text__word_layout2">раскладка </span><span class="b-tools-list-item-text-link-text__word b-tools-list-item-text-link-text__word_layout3">клавиатуры</span>      </span>
    </a>
    <span class="b-tools-list-item-text__version">3.6</span>
  </p>
</div>
<div class="b-tools-list-item b-tools-list-item_layout">
  <p class="b-tools-list-item-text">
    <a href="//ilyabirman.ru/projects/aegea/" class="b-tools-list-item-text-link">
      <img class="b-tools-list-item-text-link__img" alt="Эгея" src="/projects/aegea/i/icon-64@2x.png" />
      <span class="b-tools-list-item-text-link-text">
        <span class="b-tools-list-item-text-link-text__word b-tools-list-item-text-link-text__word_e21">Эгея, </span><span class="b-tools-list-item-text-link-text__word b-tools-list-item-text-link-text__word_e22">движок </span><span class="b-tools-list-item-text-link-text__word b-tools-list-item-text-link-text__word_e23">блогов</span>      </span>
    </a>
    <span class="b-tools-list-item-text__version">2.8</span>
  </p>
</div>
<div class="b-tools-list-item b-tools-list-item_layout">
  <p class="b-tools-list-item-text">
    <a href="//ilyabirman.ru/projects/jouele/" class="b-tools-list-item-text-link">
      <img class="b-tools-list-item-text-link__img" alt="Жуэль" src="/projects/jouele/i/icon-64@2x.png" />
      <span class="b-tools-list-item-text-link-text">
        <span class="b-tools-list-item-text-link-text__word b-tools-list-item-text-link-text__word_jouele1">Жуэль, </span><span class="b-tools-list-item-text-link-text__word b-tools-list-item-text-link-text__word_jouele2">аудиоплеер </span>      </span>
    </a>
    <span class="b-tools-list-item-text__version">3.0.6</span>
  </p>
</div>
<div class="b-tools-list-item b-tools-list-item_layout">
  <p class="b-tools-list-item-text">
    <a href="//ilyabirman.ru/projects/emerge/" class="b-tools-list-item-text-link">
      <img class="b-tools-list-item-text-link__img" alt="Эмёрдж" src="/projects/emerge/i/icon-64@2x.png" />
      <span class="b-tools-list-item-text-link-text">
        <span class="b-tools-list-item-text-link-text__word b-tools-list-item-text-link-text__word_emerge1">Эмёрдж,&nbsp;система </span><span class="b-tools-list-item-text-link-text__word b-tools-list-item-text-link-text__word_emerge2">управления </span><span class="b-tools-list-item-text-link-text__word b-tools-list-item-text-link-text__word_emerge3">загрузкой&nbsp;страниц</span>      </span>
    </a>
    <span class="b-tools-list-item-text__version">1.3.2</span>
  </p>
</div>
<div class="b-tools-list-item b-tools-list-item_layout">
  <p class="b-tools-list-item-text">
    <a href="//ilyabirman.ru/projects/likely/" class="b-tools-list-item-text-link">
      <img class="b-tools-list-item-text-link__img" alt="Лайкли" src="/projects/likely/i/icon-64@2x.png" />
      <span class="b-tools-list-item-text-link-text">
        <span class="b-tools-list-item-text-link-text__word b-tools-list-item-text-link-text__word_likely1">Лайкли, </span><span class="b-tools-list-item-text-link-text__word b-tools-list-item-text-link-text__word_likely2">социальные </span><span class="b-tools-list-item-text-link-text__word b-tools-list-item-text-link-text__word_likely3">кнопки</span>      </span>
    </a>
    <span class="b-tools-list-item-text__version">2.3.1</span>
  </p>
</div>
</div>



    
</div>









<div class="emerge"
  data-continue="true"
  data-effect="slide"
  data-up="96px"
>

<div class="b-showcase scrollyeah" data-verticalPadding="0">

  <div class="b-showcase-element" style="width: 166px"><div class="b-showcase-element-image-wrapper"><div><a href="//ilyabirman.ru/projects/driving-tests/" class="nu"><img src="/projects/driving-tests/i/icon-160@2x.png" width="166" height="160" alt="Логотип и штуки Драйвинг-тестов" /></a></div></div><div class="b-showcase-element-title"><a href="//ilyabirman.ru/projects/driving-tests/">Логотип <nobr>Драйвинг-тестов</nobr></a></div></div><div class="b-showcase-element" style="width: 359px"><div class="b-showcase-element-image-wrapper"><div><a href="//ilyabirman.ru/projects/minsk-metro/" class="nu"><img src="/projects/minsk-metro/i/icon-160@2x.jpg" width="359" height="160" alt="Схема метро Минска" /></a></div></div><div class="b-showcase-element-title"><a href="//ilyabirman.ru/projects/minsk-metro/">Схема метро Минска</a></div></div><div class="b-showcase-element" style="width: 139px"><div class="b-showcase-element-image-wrapper"><div><a href="//ilyabirman.ru/projects/therules/web2/" class="nu"><img src="/projects/therules/web2/i/icon-160@2x.png" width="139" height="160" alt="Правила русского языка" /></a></div></div><div class="b-showcase-element-title"><a href="//ilyabirman.ru/projects/therules/web2/">Правила русского языка</a></div></div><div class="b-showcase-element" style="width: 209px"><div class="b-showcase-element-image-wrapper"><div><a href="//ilyabirman.ru/projects/500tech-website/" class="nu"><img src="/projects/500tech-website/i/icon-160@2x.jpg" width="209" height="160" alt="Сайт «500Тека»" /></a></div></div><div class="b-showcase-element-title"><a href="//ilyabirman.ru/projects/500tech-website/">Сайт «500Тека»</a></div></div><div class="b-showcase-element" style="width: 287px"><div class="b-showcase-element-image-wrapper"><div><a href="//ilyabirman.ru/projects/500tech-logo/" class="nu"><img src="/projects/500tech-logo/i/icon-160@2x.png" width="287" height="160" alt="Логотип «500Тека»" /></a></div></div><div class="b-showcase-element-title"><a href="//ilyabirman.ru/projects/500tech-logo/">Логотип 500Тека</a></div></div><div class="b-showcase-element" style="width: 370px"><div class="b-showcase-element-image-wrapper"><div><a href="//ilyabirman.ru/projects/chelyabinsk-trams/2018/" class="nu"><img src="/projects/chelyabinsk-trams/2018/i/icon-160@2x.png" width="370" height="160" alt="Официальная схема челябинских трамваев" /></a></div></div><div class="b-showcase-element-title"><a href="//ilyabirman.ru/projects/chelyabinsk-trams/2018/">Официальная схема челябинских трамваев</a></div></div><div class="b-showcase-element" style="width: 275px"><div class="b-showcase-element-image-wrapper"><div><a href="//ilyabirman.ru/projects/securige/" class="nu"><img src="/projects/securige/i/icon-160@2x.png" width="275" height="160" alt="Интерфейс «Секьюриджа»" /></a></div></div><div class="b-showcase-element-title"><a href="//ilyabirman.ru/projects/securige/">Интерфейс программы пультовой охраны «Секьюридж»</a></div></div><div class="b-showcase-element" style="width: 227px"><div class="b-showcase-element-image-wrapper"><div><a href="//ilyabirman.ru/projects/variag/" class="nu"><img src="/projects/variag/i/icon-160@2x.png" width="227" height="160" alt="Интерфейс «Варяга»" /></a></div></div><div class="b-showcase-element-title"><a href="//ilyabirman.ru/projects/variag/">Интерфейс охранного приложения «Варяг»</a></div></div><div class="b-showcase-element" style="width: 160px"><div class="b-showcase-element-image-wrapper"><div><a href="//ilyabirman.ru/projects/sayve/" class="nu"><img src="/projects/sayve/i/icon-160@2x.png" width="160" height="160" alt="Сейви" /></a></div></div><div class="b-showcase-element-title"><a href="//ilyabirman.ru/projects/sayve/">Сейви, умный диктофон</a></div></div><div class="b-showcase-element" style="width: 324px"><div class="b-showcase-element-image-wrapper"><div><a href="//ilyabirman.ru/projects/lawn-parking-sign/" class="nu"><img src="/projects/lawn-parking-sign/i/icon-160@2x.png" width="324" height="160" alt="Знак о парковке на газонах" /></a></div></div><div class="b-showcase-element-title"><a href="//ilyabirman.ru/projects/lawn-parking-sign/">Знак о парковке на газонах</a></div></div><div class="b-showcase-element" style="width: 160px"><div class="b-showcase-element-image-wrapper"><div><a href="//ilyabirman.ru/projects/angstrom/" class="nu"><img src="/projects/angstrom/i/icon-160@2x.png" width="160" height="160" alt="Ангстрем" /></a></div></div><div class="b-showcase-element-title"><a href="//ilyabirman.ru/projects/angstrom/">Ангстрем, конвертер всего</a></div></div><div class="b-showcase-element" style="width: 160px"><div class="b-showcase-element-image-wrapper"><div><a href="//ilyabirman.ru/projects/moscow-metro/nanomap/watch/" class="nu"><img src="/projects/moscow-metro/nanomap/watch/i/icon-160@2x.png" width="160" height="160" alt="Наносхема московского метро" /></a></div></div><div class="b-showcase-element-title"><a href="//ilyabirman.ru/projects/moscow-metro/nanomap/watch/">Наносхема <nobr>для Эпл-часов</nobr></a></div></div><div class="b-showcase-element" style="width: 338px"><div class="b-showcase-element-image-wrapper"><div><a href="//ilyabirman.ru/projects/ekaterinburg-metro/2017/" class="nu"><img src="/projects/ekaterinburg-metro/2017/i/icon-160@2x.png" width="338" height="160" alt="Схема метро Екатеринбурга" /></a></div></div><div class="b-showcase-element-title"><a href="//ilyabirman.ru/projects/ekaterinburg-metro/2017/">Схема метро Екатеринбурга</a></div></div><div class="b-showcase-element" style="width: 285px"><div class="b-showcase-element-image-wrapper"><div><a href="//ilyabirman.ru/projects/moscow-metro/multiplication/" class="nu"><img src="/projects/moscow-metro/multiplication/i/icon-160@2x.png" width="285" height="160" alt="Умножение названий станций московского метро" /></a></div></div><div class="b-showcase-element-title"><a href="//ilyabirman.ru/projects/moscow-metro/multiplication/">Умножение названий станций московского метро</a></div></div><div class="b-showcase-element" style="width: 160px"><div class="b-showcase-element-image-wrapper"><div><a href="//ilyabirman.ru/projects/emcee/" class="nu"><img src="/projects/emcee/i/icon-160@2x.png" width="160" height="160" alt="Эмси" /></a></div></div><div class="b-showcase-element-title"><a href="//ilyabirman.ru/projects/emcee/">Эмси для Айтюнса</a></div></div><div class="b-showcase-element" style="width: 371px"><div class="b-showcase-element-image-wrapper"><div><a href="//ilyabirman.ru/projects/train-thirteen/" class="nu"><img src="/projects/train-thirteen/i/icon-160@2x.png" width="371" height="160" alt="13-й поезд" /></a></div></div><div class="b-showcase-element-title"><a href="//ilyabirman.ru/projects/train-thirteen/">Схема маршрута поезда<br />Челябинск — Москва</a></div></div><div class="b-showcase-element" style="width: 160px"><div class="b-showcase-element-image-wrapper"><div><a href="//ilyabirman.ru/projects/wireless-dj/2/" class="nu"><img src="/projects/wireless-dj/2/i/icon-160@2x.png" width="160" height="160" alt="Вайрлесс-диджей" /></a></div></div><div class="b-showcase-element-title"><a href="//ilyabirman.ru/projects/wireless-dj/2/">Вайрлесс-диджей для Айпада</a></div></div><div class="b-showcase-element" style="width: 195px"><div class="b-showcase-element-image-wrapper"><div><a href="//ilyabirman.ru/projects/snooker-results-display/" class="nu"><img src="/projects/snooker-results-display/i/icon-160@2x.png" width="195" height="160" alt="Представление результатов снукерного турнира" /></a></div></div><div class="b-showcase-element-title"><a href="//ilyabirman.ru/projects/snooker-results-display/">Представление снукерных результатов</a></div></div><div class="b-showcase-element" style="width: 282px"><div class="b-showcase-element-image-wrapper"><div><a href="//ilyabirman.ru/projects/forebruary/" class="nu"><img src="/projects/forebruary/i/icon-160@2x.png" width="282" height="160" alt="Всегдабрь" /></a></div></div><div class="b-showcase-element-title"><a href="//ilyabirman.ru/projects/forebruary/">Всегдабрь, календарь навсегда</a></div></div><div class="b-showcase-element" style="width: 160px"><div class="b-showcase-element-image-wrapper"><div><a href="//ilyabirman.ru/projects/moscow-metro/posters/vdnh/" class="nu"><img src="/projects/moscow-metro/posters/vdnh/i/icon-160@2x.png" width="160" height="160" alt="Плакаты для Московского метро" /></a></div></div><div class="b-showcase-element-title"><a href="//ilyabirman.ru/projects/moscow-metro/posters/vdnh/">Информационные плакаты для метро</a></div></div><div style="clear: left"></div>
</div>

</div>




<div class="b-large-text emerge"
  data-continue="true"
  data-effect="slide"
  data-up="128px"
>
  <p>Проектирую транспортные схемы, сайты и приложения, системы навигации в общественных местах. Руковожу работой дизайнеров и разработчиков. Работаю <nobr>арт-директором</nobr> в <span class="bureau"><a href="http://artgorbunov.ru/">Бюро</a></span> и над собственными проектами. Пишу, играю и слушаю музыку. Путешествую и фотографирую.</p>
  <p>Делюсь знаниями:</p>
</div>





<div class="b-education emerge"
  data-continue="true"
  data-effect="slide"
  data-up="128px"
>

<div class="b-education-course">
  <a href="http://artgorbunov.ru/educenter/ui/"><div style="background: url('/i/education/fitts@fx.png') 100% 0% no-repeat; padding-bottom: 71.59%; background-size: 100% 100%"></div>
</a>
  <p><a href="http://artgorbunov.ru/educenter/ui/">Пользовательский интерфейс и представление информации</a><br />Москва, 3...7 августа</p></div>

<div class="b-education-course">
  <a href="http://artgorbunov.ru/educenter/wayfinding/"><div style="background: url('/i/education/orient@fx.jpg') 100% 0% no-repeat; padding-bottom: 71.59%; background-size: 100% 100%"></div>
</a>
  <p><a href="http://artgorbunov.ru/educenter/wayfinding/">Навигация в общественных местах</a><br /><span class="grey">Дата следующего курса неизвестна</span></p>
</div>

<div class="b-education-more">
  <div style="margin-bottom: 16px">
    <img src="/i/education/book-ui-cover@fx.jpg" width="100" height="143" style="float: left; margin-right: 12px" />
    <p style="margin-bottom: 16px"><a href="http://artgorbunov.ru/projects/book-ui/">Книга «Пользовательский интерфейс»</a></p>

    <p><a href="http://artgorbunov.ru/bb/soviet/birman/">Советы на сайте бюро</a></p>

    <!--<p><a href="http://ilyabirman.ru/meanwhile/tags/advice-live/">Живые советы</a></p>-->
    <p><a href="http://ilyabirman.ru/meanwhile/tags/talks">Выступления на конференциях</a></p>

    <p><a href="http://ilyabirman.ru/meanwhile/all/paid-advice/">Консультации по скайпу</a></p>

    <div style="clear: left"></div>

  </div>

  <div>
    <a href="http://artgorbunov.ru/school/"><div style="background: url('/i/education/shs@fx.png') 100% 0% no-repeat; padding-bottom: 22.83%; background-size: 100% 100%; margin-bottom: 4px"></div>
</a>
    <p style="margin-bottom: 16px"><a href="http://artgorbunov.ru/school/">Школа дизайнеров</a></p>
  </div>

</div>

</div>





<div class="b-large-text emerge"
  data-continue="true"
  data-effect="slide"
  data-up="128px"
>
  <p>Веду блог:</p>
</div>



<div class="b-blog visitable emerge"
  data-continue="true"
  data-effect="slide"
  data-up="256px"
>

  <div class="together-h">
  <h3>Дизайн</h3>
  <p><a href="meanwhile/all/everyone-designer/">Все люди — дизайнеры</a></p>
  </div>

  <p><a href="meanwhile/all/provesti-za-ruchku/">Провести за ручку</a></p>
  <p><a href="meanwhile/2011/08/29/1/">Дизайнеры и специалисты</a></p>
  <p><a href="meanwhile/all/responsive/">Резиновый дизайн, респонсив и адаптив</a></p>
  <div class="b-blog-image"><a href="meanwhile/2006/06/20/1/" class="nu"><img src="/i/meanwhile/ticks@2x.png" alt="" width="138"  height="80" /></a></div>
  <p><a href="meanwhile/2006/06/20/1/">Закорючки</a></p> <!-- (апостроф, кавычка, штрих, акут и гравис) -->
  <p><a href="meanwhile/all/mac-support-mandatory-for-good-design/">Поддержка Мака обязательна для хорошего дизайна</a></p>
  <p><a href="meanwhile/all/otricatelnye-arabskie-veka/">Отрицательные арабские века</a></p>
  <p><a href="meanwhile/all/one-link/">Принцип одной ссылки</a></p>
  <!-- <p><a href="meanwhile/all/nose/">О наличии у человека носа</a></p> -->
  <!-- <p><a href="meanwhile/2011/09/21/2/">Решение по-эпловски</a></p> -->

  <div class="together-p">
  <p><a href="meanwhile/2008/12/30/1/">Правильный способ брать ссылки в кавычки</a></p>
  <p><a href="meanwhile/2011/04/20/1/">Подчёркивание в логотипах</a></p>
  </div>



  <div class="together-h">
  <h3>Транспорт</h3>
  <p><a href="meanwhile/all/london-buses/">Автобусная система Лондона</a></p>
  </div>

  <p><a href="meanwhile/all/london-underground-voice-announcements/">Голосовые объявления в лондонском метро</a></p>
  <p><a href="meanwhile/all/konechnye-stancii-kak-orientir-v-metro/">Конечные станции как ориентир в метро</a></p>
  <p><a href="meanwhile/all/transport-diagrams-and-geography/">О географии на транспортных схемах</a></p>

  <div class="together-p">
  <p><a href="meanwhile/all/metro-closures-pr/">Метростройинформ и метростройпиар</a></p>
  <p><a href="meanwhile/all/samaya-poleznaya-stena-v-metro/">Самая полезная стена в метро</a></p>
  <!-- <p><a href="meanwhile/2007/03/10/1/">Как временно закрывали станцию Heathrow Terminal 4</a></p> -->
  </div>



  <div class="together-h">
  <h3>Интерфейс</h3>
  <p><a href="meanwhile/all/app-store-icon/">Иконка Апстора</a></p>
  </div>

  <p><a href="meanwhile/all/lishniy-kabinet/">Лишний кабинет</a></p>
  <!-- <div class="b-blog-image"><a href="meanwhile/all/cdj-design/" class="nu"><img src="/i/meanwhile/cdj1000@2x.png" width="84"  height="98" /></a></div> -->
  <div class="b-blog-image"><a href="meanwhile/all/cdj-design/" class="nu"><img src="/i/meanwhile/vinyl@2x.png" width="110"  height="110" alt="" /></a></div>
  <p><a href="meanwhile/all/cdj-design/">Интерфейс пионеровских «Сидиджеев»</a></p>

<!--   <p><a href="meanwhile/all/cdj-design/"><div style="position: relative; widh: 80%; padding-bottom: 116.67%; margin: 0"><img src="/i/meanwhile/cdj1000@2x.png" style="position: absolute" width="100%" /></div>
    Интерфейс пионеровских «Сидиджеев»</a></p>
 -->    

  <div class="together-p">
  <p><a href="meanwhile/all/autocomplete-style/">Автодополнение через выделение и без него</a></p>
  <p><a href="meanwhile/all/splash-screens/">Заставки при загрузке приложений</a></p>
  <!-- <p><a href="meanwhile/2011/08/21/1/">Ховер из овер</a></p> -->
  </div>

    

  <div class="together-h">
  <h3>Работа</h3>
  <p><a href="meanwhile/all/prepayment/">Берите предоплату 100%</a></p>
  </div>

  <div class="together-p">
  <p><a href="meanwhile/2011/06/29/1/">Не ездите на работу</a></p>
  <p><a href="meanwhile/all/sleep/">Спите</a></p>
  </div>



  <div class="together-h">
  <h3>Переговоры</h3>
  <p><a href="meanwhile/all/mission/">Миссия</a></p>
  </div>

  <p><a href="meanwhile/all/psevdokemp-chto-by-vy-hoteli-chtoby-my-sdelali/">Что бы вы хотели, чтобы мы сделали</a></p>

  <div class="together-p">
  <p><a href="meanwhile/all/psevdokemp-priotkrytye-voprosy/">Приоткрытые вопросы</a></p>
  <p><a href="meanwhile/all/psevdokemp-skazhite-mne-ob-etom/">Скажите мне об этом</a></p>
  </div>  


  <div class="together-h">
  <h3>Рост и управление собой</h3>
  <p><a href="meanwhile/2011/05/21/1/">Критика — это комплимент</a></p>
  </div>

  <p><a href="meanwhile/all/inconsistency-and-learning/">Непоследовательность и обучение</a></p>
  <p><a href="meanwhile/all/learn-anything/">Всему можно научиться</a></p>
  <p><a href="meanwhile/all/thats-just-who-i-am/">Такой уж я человек</a></p>
  <p><a href="meanwhile/all/do-it-tomorrow/">Сделать завтра</a></p>

  <div class="together-p">
  <p><a href="meanwhile/all/pursuit-of-the-day/">Главное дело дня</a></p>
  <p><a href="meanwhile/all/time-vs-perfection/">Срок против совершенства</a></p>
  </div>


  <div class="together-h">
  <h3>Политика</h3>
  <p><a href="meanwhile/all/o-stabilnosti/">О стабильности</a></p>
  </div>

  <p><a href="meanwhile/all/o-politicheskoy-konkurencii/">О политической конкуренции</a></p>

  <div class="together-p">
  <p><a href="meanwhile/all/o-korrupcii/">О коррупции</a></p>
  <p><a href="meanwhile/all/o-svobode-smi/">О свободе СМИ</a></p>
  </div>
  


  <div style="margin: 0 0 20px -10px; padding: 1em 0 0 10px; background: #f8f2f0">
  <div class="together-h">
  <h3>Экономика</h3>
  <p><a href="meanwhile/all/action-and-marginal-utility/">Основы экономики (серия)</a></p>
  </div>

  <p><a href="meanwhile/all/why-people-pay-taxes/">Почему люди платят налоги</a></p>
  <p><a href="meanwhile/all/inflation/">Об инфляции</a></p>
  <p><a href="meanwhile/all/pochemu-nelzya-pereyti-na-dollary/">Почему нельзя перейти на доллары</a></p>

  <div class="together-p">
  <p><a href="meanwhile/all/war/">Война</a></p>
  <p><a href="meanwhile/all/pereplata/">Переплата по кредиту</a></p>
  </div>
  </div>



  <div class="together-h">
  <h3>Язык</h3>
  <p><a href="meanwhile/2006/10/01/2/">Хитрые падежи русского языка</a></p>
  <p><a href="meanwhile/2006/11/12/1/">О склонении топонимов (в Кемерове, под Ивановом)</a></p>
  </div>

  <p><a href="meanwhile/all/mozhno-bez-mozhno/">Можно без можно</a></p>
  <p><a href="meanwhile/2010/11/08/1/">О наращении окончаний числительных</a></p>
  <p><a href="meanwhile/all/no-apostrophes/">Апострофы при передаче латиницей</a></p>
  <p><a href="meanwhile/2007/03/23/1/">О букве ять</a></p>
  <p><a href="meanwhile/2006/02/27/1/">Точки над ё</a></p>
  <div class="b-blog-image"><a href="meanwhile/all/suomi-magyar/" class="nu"><img src="/i/meanwhile/magyar-aszfalt@2x.png" width="146" height="74" alt="" /></a></div>
  <p><a href="meanwhile/all/suomi-magyar/">Финский и венгерский</a></p>
  <p><a href="meanwhile/2009/07/31/2/">Деепричастные обороты</a></p>

  <div class="together-p">
  <p><a href="meanwhile/2010/03/25/2/">Времена в английском (их три, а не двенадцать)</a></p>
  <!-- <p><a href="meanwhile/all/performativ-i-chatik/">Перформатив и чатик</a></p> -->
  </div>



  <div class="together-h">
  <h3>Математика</h3>
  <p><a href="meanwhile/all/osnovnaya-teorema-analiza/">Основная теорема анализа</a></p>
  </div>

  <p><a href="meanwhile/all/pi-and-e/">Числа π и e</a></p>

  <div class="together-p">
  <p><a href="meanwhile/2009/05/21/1/">Математика в дизайне</a></p>
  <p><a href="meanwhile/2006/07/15/1/">Бесконечные периодические дроби</a></p>
  </div>



  <div class="together-h">
  <h3>Разное</h3>
  <p><a href="meanwhile/all/web-or-native-future/">Будущее нативных и веб-приложений</a></p>
  <p><a href="meanwhile/all/kak-slushat-muzyku/">Как слушать музыку</a></p>
  </div>



  
</div>



<div class="b-generic-container">

<div id="social" class="emerge"
  data-effect="slide"
  data-up="256px"
  data-continue="true"
>
  <div class="menu-line menu-line-submenu menu-line-multiline">
    <div class="menu-items">
      <a href="http://twitter.com/ilyabirman/" class="menu-item a-twitter"><div class="menu-link">Твиттер</div>
</a>
      <a href="https://telegram.me/ilyabirman_channel" class="menu-item a-telegram"><div class="menu-link">Телеграм</div>
</a>
      <a href="https://youtube.com/ilyabirman/" class="menu-item a-telegram"><div class="menu-link">Ютюб</div>
</a>
      <a href="https://www.facebook.com/ilyabirman.ru" class="menu-item a-facebook"><div class="menu-link caps">ФБ</div>
</a>
      <a href="http://vk.com/ilyabirman" class="menu-item a-vk"><div class="menu-link caps">ВК</div>
</a>
      <a href="http://pinterest.com/ilyabirman/" class="menu-item a-pinterest"><div class="menu-link">Пинтерес</div>
</a>
      <a href="http://instagram.com/ilyabirman/" class="menu-item a-instagram"><div class="menu-link">Инстаграм</div>
</a>
      <a href="http://promodj.com/ilyabirman/" class="menu-item a-promodj"><div class="menu-link caps">ПДЖ</div>
</a>
      <!-- <a href="https://www.linkedin.com/in/ilya-birman-b653924b" class="menu-item a-linkedin"><div class="menu-link">Линкед-ин</div></a>,  -->
      <a href="http://artgorbunov.ru/burosfera/ilyabirman/" class="menu-item a-bureausphere"><div class="menu-link">Бюросфера</div>
</a>

      <div class="menu-item menu-space">• </div>

      <a href="//ilyabirman.ru/said/" class="menu-item"><div class="menu-link">Фразы</div>
</a>
      <a href="meanwhile/all/" class="menu-item"><div class="menu-link">Все заметки в блоге</div>
</a>
    </div>
  </div>  

  <div class="likely-container"><div class="likely " data-url="https://ilyabirman.ru/"><div class="twitter" data-via="ilyabirman" >Твитнуть</div><div class="facebook">Поделиться</div><div class="vkontakte">Поделиться</div><div class="telegram">Отправить</div></div></div>
</div>

</div>



<div id="footer" class="footer emerge" data-continue="true">

  <div class="footer-copyright">
          <p>© 2001<span class="ellipsis">...</span>2019</p>
    
  </div>

  <div class="footer-email">

          <p><a href="mailto:ilyabirman@ilyabirman.ru">ilyabirman@ilyabirman.ru</a></p>

    
    
  </div>

  
</div>




</div>

<!-- Yandex.Metrika counter --><script type="text/javascript">(function (d, w, c) { (w[c] = w[c] || []).push(function() { try { w.yaCounter155348 = new Ya.Metrika({id:155348, clickmap:true, webvisor:true}); } catch(e) {} }); var n = d.getElementsByTagName("script")[0], s = d.createElement("script"), f = function () { n.parentNode.insertBefore(s, n); }; s.type = "text/javascript"; s.async = true; s.src = (d.location.protocol == "https:" ? "https:" : "http:") + "//mc.yandex.ru/metrika/watch.js"; if (w.opera == "[object Opera]") { d.addEventListener("DOMContentLoaded", f); } else { f(); } })(document, window, "yandex_metrika_callbacks");</script><noscript><div><img src="//mc.yandex.ru/watch/155348" style="position:absolute; left:-9999px;" alt="" /></div></noscript><!-- /Yandex.Metrika counter -->


</body>

</html>