Daily Archives: 08.11.2013

AngularJS: особенности ng-switch (и, возможно, ng-if)

Элементы с директивой ng-switch-when(ng-switch-default) вставляются в конец DOM. И поэтому, к примеру, список будет выводиться не в том порядке, как это задумано. В таких случаях лучше использовать ng-show/ng-hide

<div ng-app ng-controller="MyCtrl">{{val}}
<ul ng-switch="val">
<li>1</li>
<li ng-switch-when="1">2</li>
<li>3</li>
</ul>
</div>

<div ng-app ng-controller="MyCtrl">{{val}}

</ul>

</div>

Блоки произвольной формы с CSS Shapes

http://sarasoueidan.com/blog/css-shapes/index.html Поддержки браузерами пока почти нет.

Server sent events (sse) с примерами использования

https://developer.mozilla.org/en-US/docs/Server-sent_events/Using_server-sent_events http://www.html5rocks.com/en/tutorials/eventsource/basics/ Всё сводится к:

vw, vh, vmin, vmax

В css можно задавать ширину/высоту в процентах от ширины viewportа. 1vh(vw) = 1% ширины(высоты) vmin/vmax — минимальное/максимальное значение из ширины и высоты. https://developer.mozilla.org/en-US/docs/Web/CSS/length#Viewport-percentage_lengths http://caniuse.com/#search=vh

В Android 4.4 KitKat по умолчанию chrome

http://www.mobilexweb.com/blog/android-4-4-kitkat-browser-chrome-webview Хотя конечно со множеством оговорок и странностей, но браузером по умолчанию будет Google Chrome 30. Главный минус — он не будет обновляться сам, только с обновлением ОС.

Проверка поддержки html5-свойств конкретным браузером

http://html5test.com/ — проверяет поддержку всего, что есть в спецификациях html5, в текущем браузере. Удобно для работы с мобильными браузерами. Удобнее, чем выискивать на http://caniuse.com, а ещё лучше в связке.