<?xml version="1.0" encoding="UTF-8"?>

<rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/" >

  <channel>
    <title><![CDATA[Статьи]]></title>
    <link>https://habr.com/ru/users/psywalker/publications/articles/</link>
    <description><![CDATA[Хабр: статьи пользователя psywalker]]></description>
    <language>ru</language>
    <managingEditor>editor@habr.com</managingEditor>
    <generator>habr.com</generator>
    <pubDate>Sun, 03 May 2026 22:46:08 GMT</pubDate>
    
    
      <image>
        <link>https://habr.com/ru/</link>
        <url>https://habrastorage.org/webt/ym/el/wk/ymelwk3zy1gawz4nkejl_-ammtc.png</url>
        <title>Хабр</title>
      </image>
    

    
      
        
    

  

  

	
  

  
    <item>
      <title><![CDATA[[Перевод] Правда ли уже пора использовать CSS Grid Layout?]]></title>
      <guid isPermaLink="true">https://habr.com/ru/articles/332572/</guid>
      <link>https://habr.com/ru/articles/332572/?utm_campaign=332572&amp;utm_source=habrahabr&amp;utm_medium=rss</link>
      <description><![CDATA[<p>Я учусь пилотировать легкие самолеты. Это отвлекает меня от компьютеров. Недавно мне никак не удавалось удержать Сессну-150 на малой высоте, когда мы приближались к аэропорту Бристоля. Меня буквально засосало в облако восходящим потоком. Мой летный инструктор сказал: «Это не ваша вина, но ваша проблема». Он имел в виду, что я обязана была удерживать высоту, пусть даже что-то работало против меня. Мне нужно было узнать, что бывает такая ситуация, и научиться справляться с ней при пилотировании.</p><br>
<p>Уже после приземления я подумала, что фраза «это не ваша вина, но ваша проблема» отлично подходит практически к любым ситуациям. В этой статье я раскрываю тему поддержки старых браузеров при использовании новых технологий наподобие CSS Grid Layout. Мы, разработчики, часто робеем при обсуждении браузерной поддержки с заказчиками и коллегами, как будто это мы виноваты в том, что сайты не выглядят в IE9 в точности так же, как в новейших Firefox или Chrome. Пора нам уже принять, что это не наша вина. Но обязанность справиться с этим как следует, с пользой для каждого — во многом наша проблема.</p> <a href="https://habr.com/ru/articles/332572/?utm_campaign=332572&amp;utm_source=habrahabr&amp;utm_medium=rss#habracut">Читать дальше →</a>]]></description>
      
      <pubDate>Thu, 06 Jul 2017 17:05:55 GMT</pubDate>
      <dc:creator><![CDATA[psywalker]]></dc:creator>
      <category><![CDATA[CSS]]></category><category><![CDATA[HTML]]></category><category><![CDATA[Веб-разработка]]></category>
      <category>css</category><category>html</category><category>веб-разработка</category><category>grid layout</category><category>CSS Grid Layout</category>
    </item>
  

  

    

  

  

	
  

  
    <item>
      <title><![CDATA[[Перевод] Может, хватит уже поливать грязью CSS на конференциях разработчиков?]]></title>
      <guid isPermaLink="true">https://habr.com/ru/articles/311920/</guid>
      <link>https://habr.com/ru/articles/311920/?utm_campaign=311920&amp;utm_source=habrahabr&amp;utm_medium=rss</link>
      <description><![CDATA[<p>На почти каждой конференции разработчиков вот-вот будет доклад, в котором будет вот эта «смешная гифка»:</p><br/>
<p><img src="https://habrastorage.org/getpro/habr/comment_images/fc7/775/208/fc7775208b28b5bd8c8bef50cb5f10f0.gif" alt="«смешная гифка»"/></p><br/>
<p><i>Питер Гриффин из одноименного мультсериала пытается закрыть жалюзи и запутывает их напрочь, дергая за веревки как попало, пока не выходит из себя и срывает их с окна. Надпись на картинке: «CSS».</i></p><br/>
<p>Публика всегда такое любит, и отсюда можно удачно перейти к рассказу о проблемах CSS и примерам их решения. Но в большинстве случаев — и чем более «технарская» это конференция, тем вероятнее — это начало тирады о том, какая гадость этот CSS, до чего ужасна его архитектура и как он нелогичен. И т.д., и т.п...</p><br/>
 <a href="https://habr.com/ru/articles/311920/?utm_campaign=311920&amp;utm_source=habrahabr&amp;utm_medium=rss#habracut">Читать далее</a>]]></description>
      
      <pubDate>Thu, 06 Oct 2016 11:43:27 GMT</pubDate>
      <dc:creator><![CDATA[psywalker]]></dc:creator>
      <category><![CDATA[CSS]]></category><category><![CDATA[Веб-разработка]]></category>
      <category>css</category><category>css - это потрясающе</category>
    </item>
  

  

    

  

  

	
  

  
    <item>
      <title><![CDATA[[Перевод] Как называть css-классы]]></title>
      <guid isPermaLink="true">https://habr.com/ru/articles/303174/</guid>
      <link>https://habr.com/ru/articles/303174/?utm_campaign=303174&amp;utm_source=habrahabr&amp;utm_medium=rss</link>
      <description><![CDATA[Основываясь на моих любимых статьях по данной теме и личном опыте, вот мои 5 копеек о том, как называть CSS-классы.<br/>
<br/>
<h2>0. Прежде чем думать о названии класса, выберите подходящее название для HTML-элементов</h2><br/>
<br/>
Если это поле, используйте элемент <code>input</code><br/>
<br/>
Читать HTML-документ будет гораздо легче.<br/>
<br/>
<strong>Пример:</strong><br/>
<br/>
<pre><code class="html">&lt;div class='submit'/&gt; &lt;!-- Чёёё? --&gt;
&lt;input class='submit'/&gt; &lt;!-- Аа, ясно --&gt;
</code></pre><br/>
<br/>
<strong>Источник:</strong> <a href="https://blog.goetter.fr/2014/11/10/bien-utiliser-un-framework-css/">Рафаэль Гоитер (французская статья)</a><br/>
 <a href="https://habr.com/ru/articles/303174/?utm_campaign=303174&amp;utm_source=habrahabr&amp;utm_medium=rss#habracut">Читать всю статью</a>]]></description>
      
      <pubDate>Mon, 13 Jun 2016 18:54:59 GMT</pubDate>
      <dc:creator><![CDATA[psywalker]]></dc:creator>
      <category><![CDATA[CSS]]></category><category><![CDATA[HTML]]></category><category><![CDATA[Веб-разработка]]></category>
      <category>css</category><category>html</category><category>css-классы</category>
    </item>
  

  

    

  

  

	
  

  
    <item>
      <title><![CDATA[[Перевод] Почти полное руководство по flexbox (без самих flexbox)]]></title>
      <guid isPermaLink="true">https://habr.com/ru/articles/281254/</guid>
      <link>https://habr.com/ru/articles/281254/?utm_campaign=281254&amp;utm_source=habrahabr&amp;utm_medium=rss</link>
      <description><![CDATA[<img src="https://habrastorage.org/getpro/habr/post_images/946/afc/fd6/946afcfd613e5c5040ee3d9cb412a218.png" alt="image"/><br/>
<br/>
К сожалению, не у всех есть браузер/устройство, поддерживающие flexbox. Это руководство в виде шпаргалки, в котором предлагаются альтернативы обратной совместимости для свойств flexbox.<br/>
<br/>
Хотя некоторый CSS-код в этом руководстве, возможно, покажется очевидным, я собираюсь бросить вызов flexbox, а также предложить простые решения проблем, которые возникали, пока он не обрёл популярность.<br/>
<br/>
 <a href="https://habr.com/ru/articles/281254/?utm_campaign=281254&amp;utm_source=habrahabr&amp;utm_medium=rss#habracut">Читать всю статью</a>]]></description>
      
      <pubDate>Fri, 08 Apr 2016 17:20:05 GMT</pubDate>
      <dc:creator><![CDATA[psywalker]]></dc:creator>
      <category><![CDATA[CSS]]></category><category><![CDATA[HTML]]></category><category><![CDATA[Веб-разработка]]></category>
      <category>css</category><category>html</category>
    </item>
  

  

    

  

  

	
  

  
    <item>
      <title><![CDATA[[Перевод] Идеи для HTML6 или HTML.next]]></title>
      <guid isPermaLink="true">https://habr.com/ru/articles/249207/</guid>
      <link>https://habr.com/ru/articles/249207/?utm_campaign=249207&amp;utm_source=habrahabr&amp;utm_medium=rss</link>
      <description><![CDATA[<img src="https://habrastorage.org/getpro/habr/post_images/9d4/5d7/c4e/9d45d7c4e821403233afb750dbd37a96.png" alt="image"/><br/>
<br/>
Идея HTML6, несмотря на то, что спецификация HTML5 по плану должна была быть полностью внедрена и достичь максимальной совместимости к 2014-му, сейчас стали появляться мысли насчет того, как может выглядеть следующее поколение этой спецификации — HTML.next, как её обычно называют в консорциуме W3C.<br/>
 <a href="https://habr.com/ru/articles/249207/?utm_campaign=249207&amp;utm_source=habrahabr&amp;utm_medium=rss#habracut">Читать дальше &rarr;</a>]]></description>
      
      <pubDate>Thu, 29 Jan 2015 12:38:17 GMT</pubDate>
      <dc:creator><![CDATA[psywalker]]></dc:creator>
      <category><![CDATA[HTML]]></category><category><![CDATA[Веб-разработка]]></category>
      <category>html5</category><category>html6</category><category>веб-разработка</category>
    </item>
  

  

    
    <item>
      <title><![CDATA[Цикл статей «Инлайновый контекст форматирования» в PDF-формате]]></title>
      <guid isPermaLink="true">https://habr.com/ru/articles/153207/</guid>
      <link>https://habr.com/ru/articles/153207/?utm_campaign=153207&amp;utm_source=habrahabr&amp;utm_medium=rss</link>
      <description><![CDATA[Где-то около полугода мы с моим коллегой по цеху <a href="http://habrahabr.ru/users/selenit2/" class="user_link">SelenIT2</a> копались в спецификациях, чтобы изучить одну из самых важных и загадочных сторон действующей спецификации CSS — визуальное форматирование текста. <br/>
<br/>
Для многих не секрет, что спецификация — это лабиринт и что порой выбраться из него не так-то и просто. Поэтому периодически нам приходилось обращаться за помощью к таким гуру, как <a href="https://twitter.com/bz_moz">Boris Zbarsky</a>, <a href="https://twitter.com/fantasai">fantasai</a> и не только. <br/>
 <a href="https://habr.com/ru/articles/153207/?utm_campaign=153207&amp;utm_source=habrahabr&amp;utm_medium=rss#habracut">Читать дальше &rarr;</a>]]></description>
      
      <pubDate>Tue, 02 Oct 2012 12:39:05 GMT</pubDate>
      <dc:creator><![CDATA[psywalker]]></dc:creator>
      <category><![CDATA[Я пиарюсь]]></category>
      <category><![CDATA[css-live.ru]]></category><category><![CDATA[css 2.1]]></category>
    </item>
  

  

  

	
  

  

  

    
    <item>
      <title><![CDATA[Новое противостояние между WHATWG и W3C: в чьих руках будущее HTML5?]]></title>
      <guid isPermaLink="true">https://habr.com/ru/articles/148406/</guid>
      <link>https://habr.com/ru/articles/148406/?utm_campaign=148406&amp;utm_source=habrahabr&amp;utm_medium=rss</link>
      <description><![CDATA[Недавно <a href="http://lists.w3.org/Archives/Public/public-whatwg-archive/2012Jul/0119.html">случилось одно очень судьбоносное для веба событие</a>, на мой взгляд. Иэн Хиксон (или просто Хикси) покинул W3C и решил заняться тем, что ему ближе — вести «живой стандарт», не дожидаясь утверждения своих действий коллег из W3C. Всё бы конечно ничего, если бы не много весомых НО, из-за которых эта ситуация может обернуться для нас не лучшим образом.<br/>
 <a href="https://habr.com/ru/articles/148406/?utm_campaign=148406&amp;utm_source=habrahabr&amp;utm_medium=rss#habracut">Читать дальше &rarr;</a>]]></description>
      
      <pubDate>Tue, 24 Jul 2012 15:35:10 GMT</pubDate>
      <dc:creator><![CDATA[psywalker]]></dc:creator>
      <category><![CDATA[HTML]]></category><category><![CDATA[Веб-разработка]]></category>
      <category><![CDATA[WHATWG]]></category><category><![CDATA[W3C]]></category>
    </item>
  

  

  

	
  

  

  

    
    <item>
      <title><![CDATA[Кроссбраузерный &lt;progress&gt;-бар]]></title>
      <guid isPermaLink="true">https://habr.com/ru/articles/140167/</guid>
      <link>https://habr.com/ru/articles/140167/?utm_campaign=140167&amp;utm_source=habrahabr&amp;utm_medium=rss</link>
      <description><![CDATA[<img src="https://habrastorage.org/getpro/habr/post_images/315/069/dbd/315069dbd7dc9e060b158ea67c7359a8.png" alt="image"/><br/>
<br/>
Доброе время суток, Хабро-сообщество!<br/>
<br/>
Совсем недавно по работе мне попалась интересная задачка, которую я всё же <a href="http://css-live.ru/Primer/progress-bar/progress-result.html"> реализовал</a>. Нужно было соорудить прогресс-бар, который был бы полностью универсальный, поддающийся любой стилизации и плюс ко всему кроссбраузерный (начиная c IE7+)! <br/>
<br/>
Здесь привожу конечный результат. Полный вариант статьи можно найти <a href="http://css-live.ru/tricks/krossbrauzernyj-progress-bar/">здесь</a><br/>
<br/>
 <a href="https://habr.com/ru/articles/140167/?utm_campaign=140167&amp;utm_source=habrahabr&amp;utm_medium=rss#habracut">Читать дальше &rarr;</a>]]></description>
      
      <pubDate>Sat, 17 Mar 2012 15:54:11 GMT</pubDate>
      <dc:creator><![CDATA[psywalker]]></dc:creator>
      <category><![CDATA[Я пиарюсь]]></category>
      <category><![CDATA[&lt;progress&gt;-бар]]></category>
    </item>
  

  

  

	
  

  

  

    
    <item>
      <title><![CDATA[Равномерное выравнивание блоков по ширине]]></title>
      <guid isPermaLink="true">https://habr.com/ru/articles/138501/</guid>
      <link>https://habr.com/ru/articles/138501/?utm_campaign=138501&amp;utm_source=habrahabr&amp;utm_medium=rss</link>
      <description><![CDATA[Продолжая свои «css-раскопки» возникла новая идея, разобрать по косточкам ещё одну актуальную тему, которая касается равномерного выравнивания блоков по ширине. <a href="http://css-live.ru/articles-css/ravnomernoe-vyravnivanie-blokov-po-shirine/">В принципе мои доскональные исследования я уже запостил у себя в блоге</a>, но так как прошлая моя <a href="http://habrahabr.ru/blogs/css/137582/"> работа</a> очень понравились Хабра-сообществу, то я решил сделать здесь небольшой краткий обзорчик этой статьи, чтобы ни одна хабра-душа не пропустили её наверняка. Так что, как говорил Гагарин: «Поехали».<br/>
<br/>
В общем в задачах вёрстки периодически возникают моменты, когда появляется необходимость выровнять какой-нибудь список по ширине экрана. При этом пункты этого списка должны выравниваться равномерно, прижимаясь своими крайними элементами к границам контейнера, а расстояние между ними должно быть одинаковым.<br/>
<img src="https://habrastorage.org/getpro/habr/post_images/897/5ff/f2f/8975fff2fdda52de3f5316606d61255a.png" alt="image"/><br/>
 <a href="https://habr.com/ru/articles/138501/?utm_campaign=138501&amp;utm_source=habrahabr&amp;utm_medium=rss#habracut">Читать дальше &rarr;</a>]]></description>
      
      <pubDate>Sun, 19 Feb 2012 14:58:29 GMT</pubDate>
      <dc:creator><![CDATA[psywalker]]></dc:creator>
      <category><![CDATA[Я пиарюсь]]></category>
      <category><![CDATA[css]]></category>
    </item>
  

  

  

	
  

  

  

    
    <item>
      <title><![CDATA[Opera 12 (Wahoo), обновление ядра с исправлениями функции Do Not Track, почты и темизации]]></title>
      <guid isPermaLink="true">https://habr.com/ru/articles/138015/</guid>
      <link>https://habr.com/ru/articles/138015/?utm_campaign=138015&amp;utm_source=habrahabr&amp;utm_medium=rss</link>
      <description><![CDATA[Вчера вышло очередное обновление <b>Opera 12</b> (Wahoo). Список исправлений и изменений достаточно большой, но в основном все они касаются технологии <a href="http://donottrack.us/">Do Not Track</a>, «оперной» почты и темизации. Норвежцы поработали на славу и последний Changelog приятно удивил.<br/>
<br/>
Вышедшая сборка состоит из множества фиксов, улучшений и изменений. <br/>
 <a href="https://habr.com/ru/articles/138015/?utm_campaign=138015&amp;utm_source=habrahabr&amp;utm_medium=rss#habracut">Читать дальше &rarr;</a>]]></description>
      
      <pubDate>Sat, 11 Feb 2012 19:06:35 GMT</pubDate>
      <dc:creator><![CDATA[psywalker]]></dc:creator>
      <category><![CDATA[Я пиарюсь]]></category>
      <category><![CDATA[Opera 12]]></category><category><![CDATA[wahoo]]></category>
    </item>
  

  

  

	
  

  

  

    
    <item>
      <title><![CDATA[«Загадочные отступы» между инлайн-элементами]]></title>
      <guid isPermaLink="true">https://habr.com/ru/articles/137582/</guid>
      <link>https://habr.com/ru/articles/137582/?utm_campaign=137582&amp;utm_source=habrahabr&amp;utm_medium=rss</link>
      <description><![CDATA[Каждому, даже самому «молодому» верстальщику известны неприятности (проблемы) с интервалом между элементами, пробелами, которые вставляются между словами. Эти пробелы часто мешают нам при вёрстке того или иного блока. Избавиться от них бывает не так-то просто, а зачастую эти межсловные расстояния и вовсе ставят нас перед выбором, выбором способа решения данной проблемы.<br/>
<br/>
В этой статье мы попытаемся понять, что же из себя представляют эти загадочные &quot;Отступы&quot;, что это за звери и с чем их едят. Так же рассмотрим, что такое <strong>inline-block</strong>, и почему после себя он ставит эти непонятные интервалы. Ну, и, самое главное, мы увидим несколько универсальных решений данного вопроса и, конечно же, обсудим все их стороны.<br/>
 <a href="https://habr.com/ru/articles/137582/?utm_campaign=137582&amp;utm_source=habrahabr&amp;utm_medium=rss#habracut">Читать дальше &rarr;</a>]]></description>
      
      <pubDate>Fri, 03 Feb 2012 22:17:36 GMT</pubDate>
      <dc:creator><![CDATA[psywalker]]></dc:creator>
      <category><![CDATA[Я пиарюсь]]></category>
      <category><![CDATA[css 2.1]]></category><category><![CDATA[inline-block]]></category><category><![CDATA[контекст форматирования строк]]></category><category><![CDATA[FAQ по верстке]]></category>
    </item>
  

  

  

	
  

  

  

      

      

      

    
  </channel>
</rss>
