Tag Archives: link

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

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

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

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

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);

});

50 Javascript-библиотек для создания чартов и графиков

http://techslides.com/50-javascript-charting-and-graphics-libraries/

Интернационализация Node.js-приложения от John Resig

Он написал свой модуль для node. Обсуждение — http://ejohn.org/blog/a-strategy-for-i18n-and-node/

Grunt: Перезагрузить окно браузера при изменении файла

Вот способ для Mac OS и safari — http://www.2ality.com/2012/08/jsreload.html. P.S.: надо реализовать свой велосипед для Хрома и фаерфокса. Вот пакет для перезагрузки нужного таба в Chrome для android — https://github.com/brianleroux/chrome-for-android-remote-debugging, работа протокола описана здесь — https://developers.google.com/chrome-developer-tools/docs/remote-debugging, http://developer.chrome.com/trunk/extensions/debugger.html

Magna Charta

Библиотечка для рисования диаграмм (чартов) на jQuery. https://github.com/alphagov/magna-charta. Примеры — http://alphagov.github.com/magna-charta/

Как перенести Ubuntu на SSD-диск

http://radu.cotescu.com/migrating-your-ubuntu-machine-to-a-ssd-drive/ Хотя думаю проще будет поставить заново и перенести старый раздел /home. Главное — не забыть noatime в fstab, чтобы не обновлялось время доступа к файлу при чтении. Подробнее про noatime и альтернативы — http://linux.koolsolutions.com/2009/01/30/installing-linux-on-usb-part-4-noatime-and-relatime-mount-options/

Хорошая wiki по клиентским технологиям

http://www1.webplatform.org/

Сервис для показа вёрстки, html и js онлайн

http://codepen.io/ — в общем-то, аналог jsFiddle.