it-vecherka.github.com/d1.html at master · it-vecherka/it-vecherka.github.com · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
<!DOCTYPE html>
<html>
<head>
  <title>Пилотный дайджест - Вечерний Анахорет™</title>
  <link data-turbolinks-track="true" href="/d1/application.css" media="all" rel="stylesheet" type="text/css" />
  <meta content="authenticity_token" name="csrf-param" />
<meta content="ZHwrMRChJcGl/HyDA3BhoJJEsyrNeNJZtY7NcRcAxXk=" name="csrf-token" />

  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta http-equiv="content-type" content="text/html;charset=UTF-8"/>
  <meta http-equiv="Content-Language" content="en"/>
  <meta http-equiv="imagetoolbar" content="no"/>
  <meta name="viewport" content="width = device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable = no" />
  <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
  <link rel="apple-touch-startup-image" href="/startup.png" />
  <meta name="HandheldFriendly" content="True" />
  <meta http-equiv="cleartype" content="on" />
  <meta name="apple-mobile-web-app-capable" content="yes" />
  <meta http-equiv="Page-Exit" content="progid:DXImageTransform.Microsoft.Fade(Duration=0.2)" />

  <meta name="robots" content="all" />

  <link rel="copyright" href="" />
  <link rel="author" href="" />

  <link rel="shortcut icon" href="/favicon.ico" />
  <link rel="icon" type="image/png" href="/favicon.png" />
  <link rel="icon" type="image/x-icon" href="/favicon.ico"  />
  <link rel="apple-touch-icon" href="/apple-touch-icon-iphone.png" />
  <link rel="apple-touch-icon" sizes="72x72" href="/apple-touch-icon-ipad.png" />
  <link rel="apple-touch-icon" sizes="114x114" href="/apple-touch-icon-iphone4.png" />
</head>
<body>
  <div id="all">
    <header>
      <div class="container">

        <div data-grid="row row2">
          <div class="align-left" data-grid="col col1">
            <a href="http://lvh.me:3000/" class="brand">
              <img alt="Вечерний Анахорет™" src="/d1/logo.png" title="Вечерний Анахорет™" />
</a>          </div>
          <div class="align-right" data-grid="col col1">

          </div>
        </div>

      </div>
    </header>

    <div class="container">
      <div class="pull-right description">Выпуск от <em>17/05/2013</em></div>

<h1>Подборка интересных новостей и материалов веб-разработки</h1>

  <div data-grid="row row2" class="block">
    <div data-grid="col col1 offset1">Похоже, свежий выпуск Вечерки™ немного задерживается. И не "задерживается", как обычно бывает с замороженными проектами или никому не интересными событиями, а именно задерживается. Выпуск непременно будет и текущий дайджест - яркое тому доказательство. В общем, предлагаем вашему вниманию первую подборку коротких и интересных новостей, интересных материалов и полезных ресурсов.</div>
  </div>

<div data-tiles-wrapper="">
  <ul class="articles" data-tiles="">
      <li class="article"
          data-paper-style="default"
          data-col="4"
          data-sizex="3"
          data-row="1"
          data-sizey="6"
          >
        <div data-tiles-wrapper="">
          <div class="article-wrapper">
            <h3>4.0 обновление</h3>
            Первого мая <a href="http://weblog.rubyonrails.org/2013/5/1/Rails-4-0-release-candidate-1/">вышел первый релиз канидат руби он рейлс</a>.
Что там нас ждёт в четвёртых рельсах можно <a href="http://rails4.codeschool.com/videos">посмотреть на codeschool в качественно сделанных видеороликах</a>.  Всем рейлс разработчикам будет интересно.
И всеми известный Райан Бейтс не заставил себя долго ждать. Он выпустил очередной выпуск рейлскастов. В этот раз он рассказывает об актуальном обновлении до рельсов версии четыре. Несмотря на то, что стабильная четвертая версия Ruby on Rails еще не готова, об обновлении можно задуматься уже сейчас. <a href="http://railscasts.com/episodes/415-upgrading-to-rails-4">Смотрим</a>.

          </div>
        </div>
      </li>
      <li class="article"
          data-paper-style="default"
          data-col="1"
          data-sizex="3"
          data-row="1"
          data-sizey="4"
          >
        <div data-tiles-wrapper="">
          <div class="article-wrapper">
            <h3>I can use</h3>
            Актуальная база знаний <a href="http://caniuse.com/">caniuse.com</a> для всех веб-разработчиков позволит быстро и непринужденно узнать поддержку той или иной фичи различных браузеров. Кстати, есть регулярно обновляемая <a href="https://github.com/Fyrd/caniuse/tree/master/features-json">база json данных с сайта</a>. И даже есть уже автоматизация работы с этим сервисом, <a href="http://habrahabr.ru/company/evilmartians/blog/176909/">написанная нашим соотечественником</a>. <a href="https://github.com/ai/autoprefixer">Автопрефикер</a> называется.


          </div>
        </div>
      </li>
      <li class="article"
          data-paper-style="default"
          data-col="4"
          data-sizex="3"
          data-row="7"
          data-sizey="3"
          >
        <div data-tiles-wrapper="">
          <div class="article-wrapper">
            <h3>Проверка CSS</h3>
            Утилита <a href="http://zmoazeni.github.io/csscss/">csscss</a> анализирует избыточность стилей и помогает сгруппировать повторяющиеся стили. Работает с SASS, что позволяет интегрировать это с рейлс-проектами.
          </div>
        </div>
      </li>
      <li class="article"
          data-paper-style="default"
          data-col="1"
          data-sizex="3"
          data-row="5"
          data-sizey="6"
          >
        <div data-tiles-wrapper="">
          <div class="article-wrapper">
            <h3>SOLID</h3>
            Ничего нового, а просто хорошо сформулированное старое. <abbr>SOLID</abbr> — это аббревиатура, в которой содержатся 5 принципов ОО-дизайна.
<ul>
<li>S (SRP) — Single Responsibility Principle</li>
<li>O (OCP) — Open/Closed Principle</li>
<li>L (LSP) — Liskov Substitution Principle</li>
<li>I (ISP) — Interface Segregation Principle</li>
<li>D (DIP) — Dependency Inversion Principle</li>
</ul>
Отправной точкой для ознакомления с этой аббривеатурой можно назначить статью <a href="http://rubydev.ru/2013/05/solid_oo_design_principles/?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+Ruby-on-Rails+%28%D0%A0%D0%B0%D0%B7%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%BA%D0%B0+%D0%BD%D0%B0+Ruby+%D0%B8+Rails+c+%D0%BD%D1%83%D0%BB%D1%8F%29">на рубидев</a>

          </div>
        </div>
      </li>
      <li class="article"
          data-paper-style="default"
          data-col="4"
          data-sizex="3"
          data-row="10"
          data-sizey="3"
          >
        <div data-tiles-wrapper="">
          <div class="article-wrapper">
            <h3>ECMAScript.next</h3>
            Адди Османи достаточно развернуто <a href="http://addyosmani.com/blog/a-few-new-things-coming-to-javascript/?utm_content=bufferf340b&utm_source=buffer&utm_medium=twitter&utm_campaign=Buffer">описал</a> новшества джаваскрипта, касательно ECMAScript.next функции.

          </div>
        </div>
      </li>
      <li class="article"
          data-paper-style="default"
          data-col="1"
          data-sizex="3"
          data-row="11"
          data-sizey="4"
          >
        <div data-tiles-wrapper="">
          <div class="article-wrapper">
            <h3>Именительный, родительный, дательный, винительный</h3>
            Работать с русским языком в рельсах стало приятнее. Библиотека "<a href="https://github.com/rocsci/petrovich">Петрович</a>" позволяет достаточно гибко и непринужденно управлять падежами русских слов.

          </div>
        </div>
      </li>
      <li class="article"
          data-paper-style="default"
          data-col="4"
          data-sizex="3"
          data-row="13"
          data-sizey="4"
          >
        <div data-tiles-wrapper="">
          <div class="article-wrapper">
            <h3>GitX</h3>
            Ежели кто пропустил сообщение <a href="https://twitter.com/it_vecherka/status/326975197729144832">в твиттере Вечерки™</a>, обратите внимание на рабочий и активно развивающийся <a href="http://rowanj.github.io/gitx/">форк утилиты GitX</a>. Хорошо и коротко этот инструмент охарактеризовал пользователь твиттера <a href="https://twitter.com/andy128k">@andy128k</a>: "GitX - приятное легковесное дополнение к командной строке".
          </div>
        </div>
      </li>
      <li class="article"
          data-paper-style="default"
          data-col="4"
          data-sizex="3"
          data-row="17"
          data-sizey="5"
          >
        <div data-tiles-wrapper="">
          <div class="article-wrapper">
            <h3>Мувс</h3>
            Илья Бирман поделился о замечательном приложении для айфона "<a href="http://www.moves-app.com/">Мувс</a>". Это трекер передвижений, которому не нужно уделять внимание. Он просто записывает все ходы и рисует их на красивом таймлайне; сам определяет по акселерометру, шёл ли ты пешком или ехал на чём-то; даёт легко подписать все точки, подсасывает названия точек с Форсквера. Ничего не нужно делать. Совсем.
          </div>
        </div>
      </li>
      <li class="article"
          data-paper-style="default"
          data-col="1"
          data-sizex="3"
          data-row="15"
          data-sizey="8"
          >
        <div data-tiles-wrapper="">
          <div class="article-wrapper">
            <h3>Японцы верят в Виндоус 8</h3>
            Интересная реклама Виндоуз 8 из страны восходящего солнца. Прям аж за душу берет.
<iframe width="560" height="315" src="http://www.youtube.com/embed/QG-ORLkMiyY" frameborder="0" allowfullscreen></iframe>
          </div>
        </div>
      </li>
      <li class="article"
          data-paper-style="default"
          data-col="4"
          data-sizex="3"
          data-row="22"
          data-sizey="5"
          >
        <div data-tiles-wrapper="">
          <div class="article-wrapper">
            <h3>Монго клиент</h3>
            Безусловно, сообщество пользователей монго баз данных немного расстроено отсутствием нормального клиента. Для майэскюэль есть "сиквел про", стандартное постгресс решение неплохо само по себе. А вот монго немного отстает. Хорошо, что код монгохаба открыт и <a href="https://github.com/bububa/MongoHub-Mac">находится на гитхабе</a>. И мир не без добрых людей - <a href="https://github.com/fotonauts/MongoHub-Mac/">активно развивающийся форк</a> вполне приятно использовать.
          </div>
        </div>
      </li>
      <li class="article"
          data-paper-style="default"
          data-col="1"
          data-sizex="3"
          data-row="23"
          data-sizey="3"
          >
        <div data-tiles-wrapper="">
          <div class="article-wrapper">
            <h3>Битва языков</h3>
            Интересное сравнение языков показывает нам ресурс <a href="http://hammerprinciple.com/">hammerprinciple.com</a>. Вот, допустим сравнения <a href="http://hammerprinciple.com/therighttool/items/php/scala">пиашпи и скала</a> и <a href="http://hammerprinciple.com/therighttool/items/ruby/scala">руби со скала</a>. Что думаете?
          </div>
        </div>
      </li>
      <li class="article"
          data-paper-style="default"
          data-col="1"
          data-sizex="3"
          data-row="26"
          data-sizey="5"
          >
        <div data-tiles-wrapper="">
          <div class="article-wrapper">
            <h3>Ruby 2.0.0-p195 вышел!</h3>
            <a href="http://www.ruby-lang.org/en/news/2013/05/14/ruby-2-0-0-p195-is-released/">Первый сервис-пак второго руби</a> вышел и, соответственно, его можно использовать. Напоминаем, что помимо общих улучшений и оптимизации производительности, во втором руби новый алгоритм сборщика мусора "Bitmap marking", который очень сильно снижает потребление памяти в продакшен режиме (то есть, на ту же оперативную память вы сможете поднять больше инстансов рельсов). Подробнее о Bitmap Marking можно прочитать в <a href="http://patshaughnessy.net/2012/3/23/why-you-should-be-excited-about-garbage-collection-in-ruby-2-0">статье Пэта Шоннеси</a>.
          </div>
        </div>
      </li>
      <li class="article"
          data-paper-style="default"
          data-col="4"
          data-sizex="3"
          data-row="27"
          data-sizey="4"
          >
        <div data-tiles-wrapper="">
          <div class="article-wrapper">
            <h3>Реформируем формы для вложенных объектов</h3>
            Давно зрело понимание того, что nested attributes - это... не самый лучший способ делать формы. Сейчас есть способ попробовать в работе специализированные объекты форм не только врукопашную, но и с использованием какой-никакой абстракции. Небезызвестный Апотоник раскрывает тему в <a href="https://github.com/apotonick/reform">библиотеке для рельсов Reform</a> и <a href="http://nicksda.apotomo.de/2013/05/reform-decouple-your-forms-from-your-models/">своем блоге</a>.
          </div>
        </div>
      </li>
  </ul>
</div>

  <div data-grid="row row1" class="block">
    <div data-grid="col col1">Какие ссылки вы считаете интересными? Присылайте нам новости, которые считаете интересными просто <a href="mailto:vecherka@cssum.net" style="vertical-align: top;">по почте</a> или <a href="https://twitter.com/it_vecherka/" style="vertical-align: top;">в твиттере</a>.
Кстати, расскажите об этом дайджесте своим друзьям! Можно просто
<a href="https://twitter.com/share" class="twitter-share-button" data-lang="ru">твитнуть</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="https://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</div>
  </div>

<div class="comments">
  <div id="disqus_thread"></div>
<script type="text/javascript">
  /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
  var disqus_shortname = 'vecherka'; // required: replace example with your forum shortname
  var disqus_url = 'http://vecherka.cssum.net/d1.html';

  /* * * DON'T EDIT BELOW THIS LINE * * */
  (function() {
    var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
    dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
    (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
  })();
</script>
<noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
<a href="http://disqus.com" class="dsq-brlink">comments powered by <span class="logo-disqus">Disqus</span></a>


</div>


    </div>

    <div class="before-footer"></div>
    <footer>
      <div class="container small description">
        <div data-grid="row row2">
          <div class="align-left" data-grid="col col1"><div>©&nbsp;Вечерний Анахорет™</div> <div>Все права защищены чешуей из кожи дракона +1 к защите</div> <div>Пожелания и предложения пишите на почту <a href="mailto:vecherka@cssum.net">нашим редакторам</a>.</div></div>
          <div class="align-right" data-grid="col col1">
            <a href="https://twitter.com/it_vecherka" class="twitter-follow-button" data-show-count="false" data-lang="ru" data-show-screen-name="false">Читать @it_vecherka</a>
<script src="//platform.twitter.com/widgets.js"></script>

          </div>
        </div>
      </div>
    </footer>
  </div>

  <script data-turbolinks-track="true" src="/d1/application.js?body=1" type="text/javascript"></script>
  <script type="text/javascript">
    I18n.defaultLocale = "ru";
    I18n.locale = "ru";
  </script>
</body>
</html>