Author Archives: bullgare

Grunt-таск для избавления от лишних стилей в css

https://github.com/addyosmani/grunt-uncss Конфиг примерно такой:

uncss: {
  dist: {
    files: {
      'dist/css/tidy.css': ['app/index.html','app/about.html']
      }
    },
    options: {
      compress:true
    }
}
processhtml: {
  dist: {
    files: {
      'dist/index.html': ['app/index.html'],
      'dist/about.html': ['app/about.html']
    }
  }
}

uncss: {

dist: {

files: {

'dist/css/tidy.css': ['app/index.html','app/about.html']

}

options: {

compress:true

}

processhtml: {

dist: {

files: {

'dist/index.html': ['app/index.html'],

'dist/about.html': ['app/about.html']

}

CSS: обрезание текста с многоточием

p {
  white-space: nowrap;
  width: 100%;                   
  overflow: hidden;              /* "overflow" value must be different from "visible" */ 

  text-overflow:    ellipsis;
}

p {

white-space: nowrap;

width: 100%;

overflow: hidden; /* "overflow" value must be different from "visible" */

text-overflow: ellipsis;

}

Не знал, позор https://developer.mozilla.org/en-US/docs/Web/CSS/text-overflow

Объяснение работы AngularJS путём создания своего AngularJS

Начало серии статей. http://teropa.info/blog/2013/11/03/make-your-own-angular-part-1-scopes-and-digest.html Уровень подготовки читателя — средний. Объём текста — большой. Перевод — http://habrahabr.ru/post/201832/ (не читал).

AngularJS 1.2.0 вышел

Да, то чего так долго ждали, о чём так долго говорили большевики, свершилось! http://blog.angularjs.org/2013/11/angularjs-120-timely-delivery.html Animations and Transitions — самое главное, чего ждали Better error messages (including error minification) Strict Contextual Escaping Track By function to prevent duplicates in ng-repeat Controller As syntax to access controller instances in templates Promise A+ Compliance (http://promises-aplus.github.io/promises-spec/) Separation of ngRoute …

Огромное количество полезных ссылок для фронт-енд разработчика

https://github.com/dypsilon/frontend-dev-bookmarks

Motio — библиотека для анимации фонового изображения

http://darsa.in/motio/

Touche.js — jquery plugin для подмены click на touch

Библиотека понимает, когда устройство поддерживает touch-события, и все обработчики, навешенные через on(‘click’, …), навешивает на событие touchend. http://benhowdle.im/touche/

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/ Всё сводится к: