JS-Библиотека для создания CSS3-анимаций
https://github.com/jlongster/css-animations.js Позволяет делать анимации примерно так:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
// 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
50 Javascript-библиотек для создания чартов и графиков
http://techslides.com/50-javascript-charting-and-graphics-libraries/
Библиотека для Node.js для нереально больших нагрузок
https://hacks.mozilla.org/2013/01/building-a-node-js-server-that-wont-melt-a-node-js-holiday-season-part-5/ Использование:
1 2 3 4 5 6 |
var toobusy = require('toobusy'); app.use(function(req, res, next) { if (toobusy()) res.send(503, "I'm busy right now, sorry."); else next(); }); |
Т.е. при большой занятости показывает всем 503 (в этом примере), от чего проку конечно мало. Но делает очень быстро, а в реальных условиях можно отдавать страницу-заглушку, практически не нагружая сервер. Интересно то, как он меряет — меряет очередь заданий во внутреннем цикле Node.js
jQuery-библиотечка для работы с textarea
https://github.com/Codecademy/textarea-helper
Интернационализация Node.js-приложения от John Resig
Он написал свой модуль для node. Обсуждение — http://ejohn.org/blog/a-strategy-for-i18n-and-node/
Object.watch
Возможность наблюдать за изменениями свойств объекта. Описание — https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/Object/watch#Examples, http://dailyjs.com/2012/11/12/code-review-watch-js/. Object.watch-polyfill — https://gist.github.com/384583. Известная в узких кругах библиотека для отслеживания изменений свойств объекта — https://github.com/melanke/Watch.JS.
Google Chrome DevTools Grab bag (Breakpoint Episode 5)
В этом видео рассказывается о новых возможностях консоли Chrome: Тестирование мобильной версии сайта с помощью подмены User Agent, метрик устройства, эмуляции touch-событий и ориентации устройства. Подмена media type, чтобы посмотреть как выглядит версия сайта, к примеру, при выводе на печать. (09:16) CSS Regions (патч от Adobe) (11:11) Подсветка селектора (14:53) Возможность проинспектировать локальную область видимости …
Документация по Grunt
https://github.com/gruntjs/grunt/wiki — wiki проекта.
Особенности отрисовки z-index
Вот тут подробно объясняются нетривиальные вещи — http://philipwalton.com/articles/what-no-one-told-you-about-z-index/ ( What No One Told You About Z-Index — Philip Walton) Самое интересное — заданием opacity=.99 можно фактически сбросить z-index у всех вложенных элементов. И еще один интересней факт, которого в статье нет: вложенный элемент не может иметь z-index больше родительского. UP: вот на русском — http://habrahabr.ru/post/166435/