Jekyll для создания и управления статичными сайтами

Если есть небольшой сайт, и на его хостинг не хочется тратить много денег и времени, то лучше его сделать статическим. Если он состоит хотя бы из 5-7 страниц, то изменение меню или добавление текста в шапку превращается в очень болезненный процесс копи-пасты и тестов. Тем не менее, есть решение. Jekyll — библиотека для генерации статичных …

Всестороннее тестирование приложения с AngularJS и Testacular

http://www.yearofmoo.com/2013/01/full-spectrum-testing-with-angularjs-and-testacular.html

Тестирование сайтов в ie

Удобное собрание всех средств — http://modern.ie/. Вот описание — http://blogs.windows.com/ie/b/ie/archive/2013/01/31/introducing-modern-ie-testing-sites-for-internet-explorer-made-easier.aspx?utm_source=twitterfeed&utm_medium=twitter&utm_campaign=ie Очень понравился набор виртуальных машин для VirtualBox (под MacOs, Linux и Windows) — http://www.modern.ie/virtualization-tools

Иконки через кастомные шрифты

Здесь очень подробно описано, как это сделать: http://blog.fogcreek.com/trello-uses-an-icon-font-and-so-can-you/ Также перечислены плюсы и минусы. Плюсов много — не надо заморачиваться, как в спрайтах, с разными размерами, с ретинами, цветами и прочим. Размер меньше. Минусы тоже есть — если картинка отрисовывается всегда примерно одинаково, то отрисовка шрифтов зависит от браузера и операционной системы. Еще один минус — …

Блокнот в браузере

Надо вставить в урл

data:text/html, <html contenteditable>

1	data:text/html, <html contenteditable>

И главное — не забыть добавить в закладки.

Спрайт с флагами всех стран мира

Если нужно на сайте показывать кучу флагов, и неохота возиться с составлением спрайта, а потом и стиля для каждого флага, то вот есть решение: http://svn.dojotoolkit.org/src/demos/trunk/i18n/ (нужны flags.css и flags.png). Картинка у меня почему-то не открывается, поэтому вот ссылка на гугл http://www.google.ru/imgres?hl=ru&newwindow=1&sa=X&tbo=d&biw=1919&bih=1128&tbm=isch&tbnid=9_VoNrarzfXlnM:&imgrefurl=http://svn.dojotoolkit.org/src/demos/trunk/i18n/&docid=q9H1aTT_zs2liM&imgurl=http://svn.dojotoolkit.org/src/demos/trunk/i18n/flags.png&w=474&h=290&ei=d40GUdHAA8iL4gTc94GgBg&zoom=1&iact=hc&vpx=207&vpy=132&dur=2017&hovh=175&hovw=287&tx=134&ty=87&sig=110498399682400951447&page=1&tbnh=131&tbnw=215&start=0&ndsp=76&ved=1t:429,r:2,s:0,i:88. На всякий случай ссылка на css: http://svn.dojotoolkit.org/src/demos/trunk/i18n/flags.css Вот еще одно, альтернативное, решение: http://coder-zone.blogspot.ru/2009/05/css-sprites-and-arcane-winged-demons.html Ещё …

Почему не надо делать кастомные кнопки

http://www.nczonline.net/blog/2013/01/29/you-cant-create-a-button/ Кратко — дурить браузер можно долго, но в итоге навигация клавиатурой все равно отвалится.

Как посмотреть список всех горячих клавиш в gmail

Gmail shortcuts — нужно в любом месте (кроме полей ввода) нажать «?». Выведется попап с сочетаниями клавиш.

JS-Библиотека для создания CSS3-анимаций

https://github.com/jlongster/css-animations.js Позволяет делать анимации примерно так:

// Changing an animation

var anim = CSSAnimations.get('pulse');
anim.setKeyframe('100%', { 'background-color': 'red' });

// Dynamically creating and applying an animation

var anim = CSSAnimations.create();
anim.setKeyframe('0%', { transform: 'translateY(0)' });
anim.setKeyframe('70%', { transform: 'translateY(50px)' });
anim.setKeyframe('100%', { transform: 'translateY(150px)' });

$(el).css({ 'animation-name': anim.name,
            'animation-duration': '1s' });

$(el).on('animationend', function() {
    CSSAnimations.remove(anim.name);
});

// Changing an animation

var anim = CSSAnimations.get('pulse');

anim.setKeyframe('100%', { 'background-color': 'red' });

// Dynamically creating and applying an animation

var anim = CSSAnimations.create();

anim.setKeyframe('0%', { transform: 'translateY(0)' });

anim.setKeyframe('70%', { transform: 'translateY(50px)' });

anim.setKeyframe('100%', { transform: 'translateY(150px)' });

$(el).css({ 'animation-name': anim.name,

'animation-duration': '1s' });

$(el).on('animationend', function() {

CSSAnimations.remove(anim.name);

});

DXVA в KMPlayer

Если аппаратное ускорение видео в KMPlayer не работает или работает неправильно, то можно подключить сторонние кодеки от MPClassic. Тут рассказывается, как это сделать http://www.cos-soft.eu.pn/tutorialkmplayer.html