Встроенные утилиты linux для слежения за системой

ps
top
vmstat
strace
perf
netstat

top

vmstat

strace

perf

netstat

и многие, многие другие на одной схеме:

Директива для AngularJS. ngClass с колбэками

AngularJS (модуль ngAnimate) умеет добавлять/убирать класс у элемента и после отработки всей анимации вызывать callback:

addClass(element, className, [doneCallback]);
removeClass(element, className, [doneCallback]);

1 2	addClass(element, className, [doneCallback]); removeClass(element, className, [doneCallback]);

http://docs.angularjs.org/api/ngAnimate/service/$animate Ну а стандартная встроенная директива ngClass такого не умеет. Это и понятно, т.к. ngAnimate — отдельно подключаемый модуль. Нам понадобилось сделать свою директиву-аналог ngClass, но чтобы могла выполнять коллбэки после анимации. Директиву назвали buClassCallback, вот репозиторий на github: …

Формализованные языки для построения API

http://ru.wikipedia.org/wiki/IDL Самые интересные: Apache Thrift — http://en.wikipedia.org/wiki/Apache_Thrift Гугловый ProtoBuf — http://en.wikipedia.org/wiki/Protobuf Apache Avro — http://en.wikipedia.org/wiki/Apache_Avro. Сравнений этих IDL — тысячи, например: http://www.slideshare.net/IgorAnishchenko/pb-vs-thrift-vs-avro. Но всё-таки имеет смысл делать самому, а из перечисленных брать основные идеи. И самое главное тут — формализация, формализация и ещё раз формализация. Т.е. всё делать вложенными объектами, никаких структур, вперемешку болтающихся, как …

Сборник скринкастов по node.js на русском

от Ильи Кантора — http://learn.javascript.ru/nodejs-screencast. Я к этому товарищу отношусь без особого пиетета, да и с дикцией у него не так хорошо, но для начального уровня — вполне неплохо.

HeidiSQL — бесплатная программа для работы с MySQL и MsSQL Server

http://www.heidisql.com/screenshots.php — бесплатная и opensource. При этом быстрая. Одно плохо — только под Windows. Но под wine летает.

Оптимизация вывода длинного списка в браузере

Попросили оптимизировать вывод меню. Состоит оно из нескольких пунктов верхнего уровня, при нажатии на каждый открывается соответствующее подменю. В одном из подменю расположено более 30000(!) пунктов, и ожидается его дальнейшее увеличение.

Как не надо использовать promise

http://taoofcode.net/promise-anti-patterns/

Простой подход к реализации responsive design

Описано, как сделать сетку с использованием media queries. http://www.adamkaplan.me/grid/

Вывести элемент по центру другого

Без заранее не известной ширине и высоте.

.element {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.element {

position: relative;

top: 50%;

-webkit-transform: translateY(-50%);

-ms-transform: translateY(-50%);

transform: translateY(-50%);

left: 50%;

-webkit-transform: translateX(-50%);

-ms-transform: translateX(-50%);

transform: translateX(-50%);

}

Работает в ИЕ9+. JS Bin http://zerosixthree.se/vertical-align-anything-with-just-3-lines-of-css/

Git — сравнение одного файла в двух ветках

git diff --no-color --binary origin/master -- .templates/ru/default/contacts-v2/messenger_message_form_options.tpl

1	git diff --no-color --binary origin/master -- .templates/ru/default/contacts-v2/messenger_message_form_options.tpl