Author Archives: bullgare

Tape: тестовый фреймворк без б

https://github.com/substack/tape Здесь рассказывают, чем он лучше Моки, Жасмина и прочих: https://medium.com/javascript-scene/why-i-use-tape-instead-of-mocha-so-should-you-6aa105d8eaf4 Если коротко — прост в настройке, нет всяких хитрых сложных мокеров, вместо before/afterEach православные setUp/tearDown.

Вёрстка писем

Всё время радуюсь, что я не верстаю письма. Видимо, надо делать свой фреймворк для этого. Пара ссылок для начала. http://m.habrahabr.ru/company/pechkin/blog/262585/ http://m.habrahabr.ru/post/262427/ http://m.habrahabr.ru/company/pechkin/blog/263699/

Фигуры на css borders

https://css-tricks.com/examples/ShapesOfCSS/

Ошибки при разработке AngularJS-приложения

Старайся содержать контроллеры максимально простыми. Весь повторяющийся код выноси в сервисы. Разделяй объявление методов контроллера и тела функций

$scope.click = click;
$scope.$watch('item', watchItem);

function click(e, item)
{
  ...
}
function watchItem(item)
{
  ...
}

$scope.click = click;

$scope.$watch('item', watchItem);

function click(e, item)

{

...

}

function watchItem(item)

{

...

}

Не полагайся на наследование $scope-ов контроллеров. Этот ад ты потом не сможешь поддерживать. Достаточно будет при редизайне перенести блоки или выделить кусок контроллера в сервис. А представить нормальное тестирование этого я даже не берусь. UPD: Лучше …

Почему React хуже AngularJS

Моё мнение во многом совпадает с мнением автора статьи http://habrahabr.ru/post/249107/.

Просто про SVG-спрайты

http://www.youtube.com/watch?v=tlUoASUKyd8 Online-генерилка спрайтов — https://icomoon.io/

Как Github логирует клиентские ошибки (Haystack)

http://githubengineering.com/browser-monitoring-for-github-com/ Ничего сверхнового в идеях нет, есть наглядная картинка:

Ещё одна конвертилка картинок в base64

http://b64.io/

Принципы SOLID с примерами на php

Из книги Robert Martin «Clean Architecture» Принцип единственной ответственности (Single responsibility) Каждый модуль системы должен иметь только одну причину для изменения === одного владельца (команду). Принцип открытости/закрытости (Open-closed) Система должна легко изменяться добавлением нового кода, а не изменением существующего. Принцип подстановки Барбары Лисков (Liskov substitution) Части программы должны быть взаимозаменяемы, если они реализуют один и …

Css: высота элемента в 100% — 100px

Да, calc-ом оно делается ровно так (100%-100px). Но его не все браузеры до сих пор умеют, так что вот ещё один способ:

<body>
<div class="header"></div>
<div class="main"></div>
</body>

<body>

</body>

body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

.header {
	width: 100%;
	height: 100px;
	background-color: blue;
	box-sizing: border-box;
	padding: 0;
}

.main {
	position: absolute;
	top: 100px;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: red;
}

body {

width: 100%;

height: 100%;

margin: 0;

padding: 0;

}

.header {

width: 100%;

height: 100px;

background-color: blue;

box-sizing: border-box;

padding: 0;

}

.main {

position: absolute;

top: 100px;

right: 0;

bottom: 0;

left: 0;

background-color: red;

}