- PVSM.RU - https://www.pvsm.ru -

Несколько интересностей и полезностей для веб-разработчика #25

Доброго времени суток, уважаемые читатели. За последнее время я увидел несколько интересных и полезных инструментов/библиотек/событий, которыми хочу поделиться с Хабром.

Tracking.js [1]

Несколько интересностей и полезностей для веб разработчика #25 [1]
Крошечная библиотека ( всего 7 кб ) содержит в себе различные техники компьютерного зрения в вебе. Tracking.js уже позволяет отслеживать различные объекты, цвета, лица как на фотографиях, так и с помощью веб-камеры. Проект собрал уже почти 2000 звезд на GitHub [2].

  var colors = new tracking.ColorTracker(['magenta', 'cyan', 'yellow']);

  colors.on('track', function(event) {
    if (event.data.length === 0) {
      // No colors were detected in this frame.
    } else {
      event.data.forEach(function(rect) {
        console.log(rect.x, rect.y, rect.height, rect.width, rect.color);
      });
    }
  });

  tracking.track('#myVideo', colors);

Flux [3]

Идея новая архитектуры приложений на React.js от Facebook вместо стандартной схемы Model-View-Controller.

Wraith [4]

image

Грубо говоря, это diff tool для изображений от BBC News написанный под PhantomJS [5] и SlimerJS [6]. Также существует аналогичный PhantomCSS [7], в основе которого лежит CasperJS [8] и Resemble.js [9].

Beego — высокопроизводительный фреймворк для Go [10]

Несколько интересностей и полезностей для веб разработчика #25 [10]

BitcoinJS [11]

Полноценная работа с Bitcoin на Node.js и в браузере.

Генерация Bitcoin адреса:

key = bitcoin.ECKey.makeRandom()

// Print your private key (in WIF format)
console.log(key.toWIF())
// => Kxr9tQED9H44gCmp6HAdmemAzU3n84H3dGkuWTKvE23JgHMW8gct

// Print your public key (toString defaults to a Bitcoin address)
console.log(key.pub.getAddress().toString())
// => 14bZ7YWde4KdRb5YN7GYkToz3EHVCvRxkF

Создание транзакции: 

tx = new bitcoin.Transaction()

// Add the input (who is paying) of the form [previous transaction hash, index of the output to use]
tx.addInput("aa94ab02c182214f090e99a0d57021caffd0f195a81c24602b1028b130b63e31", 0)

// Add the output (who to pay to) of the form [payee's address, amount in satoshis]
tx.addOutput("1Gokm82v6DmtwKEB8AiVhm82hyFSsEvBDK", 15000)

// Initialize a private key using WIF
key = bitcoin.ECKey.fromWIF("L1uyy5qTuGrVXrmrsvHWHgVzW9kKdrp27wBC7Vs6nZDTF2BRUVwy")

// Sign the first input with the new key
tx.sign(0, key)

// Print transaction serialized as hex
console.log(tx.toHex())
// => 0100000001313eb630b128102b60241ca895f1d0ffca2170d5a0990e094f2182c102ab94aa000000008a47304402200169f1f844936dc60df54e812345f5dd3e6681fea52e33c25154ad9cc23a330402204381ed8e73d74a95b15f312f33d5a0072c7a12dd6c3294df6e8efbe4aff27426014104e75628573696aed32d7656fb35e9c71ea08eb6492837e13d2662b9a36821d0fff992692fd14d74fdec20fae29128ba12653249cbeef521fc5eba84dde0689f27ffffffff01983a0000000000001976a914ad618cf4333b3b248f9744e8e81db2964d0ae39788ac00000000

Западные мысли или что стоило бы перевести на Хабре:

Говорит и показывает Хабр:

Напоследок:

  • Awesome Django [70] — в лучших традициях awesome-подборок.
  • Immutable.js [71] — неизменный Data Collections для Javascript от команды Facebook.
  • SpeechKit Cloud [72] — это облачный сервис, основанный на технологии распознавания речи Яндекса
  • p5.js [73] — процессинговая библиотека для рисования.
  • Blast.js [74] — для различных манипуляций с текстом.
  • EtherCalc [75] — библиотека для работы с электронными таблицами на Node.js
  • Overmind [76] — Angular.js модуль для «ленивой загрузки».
  • Angularjs-styleguide [77]
  • Notejam [78] — простой способ изучения фреймворков для различных языков программирования.
  • PgHero [79] — database insights made easy for Ruby.
  • git-flight-rules [80]
  • Arrow [81] — better dates & times for Python
  • uBlock [82] — эффективный блокировщик рекламы для Chrome.
  • RSSHeap [83] — веб ориентированный RSS ридер для разработчиков
    Несколько интересностей и полезностей для веб разработчика #25 [83]

                                                         Предыдущая подборка (Выпуск 24) [84]

Приношу извинения за возможные опечатки. Если вы заметили проблему — напишите, пожалуйста, в личку.

Спасибо всем за внимание.

Автор: ilusha_sergeevich

Источник [85]

Сайт-источник PVSM.RU: https://www.pvsm.ru

Путь до страницы источника: https://www.pvsm.ru/javascript/67256

Ссылки в тексте:

[1] Tracking.js: http://trackingjs.com/

[2] GitHub: https://github.com/eduardolundgren/tracking.js

[3] Flux: https://github.com/facebook/flux

[4] Wraith: https://github.com/BBC-News/wraith

[5] PhantomJS: http://phantomjs.org/

[6] SlimerJS: http://slimerjs.org/

[7] PhantomCSS: https://github.com/Huddle/PhantomCSS

[8] CasperJS: http://github.com/n1k0/casperjs

[9] Resemble.js: http://huddle.github.com/Resemble.js/

[10] Beego — высокопроизводительный фреймворк для Go: https://github.com/astaxie/beego

[11] BitcoinJS: https://github.com/bitcoinjs/bitcoinjs-lib

[12] The Most Dangerous Word In Software Development: http://alistapart.com/blog/post/the-most-dangerous-word-in-software-development/

[13] CodePen's CSS: http://codepen.io/chriscoyier/blog/codepens-css

[14] Declarative Programming And The Web: http://www.smashingmagazine.com/2014/07/30/declarative-programming/

[15] How we make RWD sites load fast as heck: http://filamentgroup.com/lab/performance-rwd.html

[16] Optimising for 60fps everywhere: https://engineering.gosquared.com/optimising-60fps-everywhere-in-javascript

[17] Modules, a Future Approach to JavaScript Libraries: http://code.tutsplus.com/articles/modules-a-future-approach-to-javascript-libraries--cms-21800

[18] HowTo: «Self-Drawing» SVG animation: http://codepen.io/MyXoToD/blog/howto-self-drawing-svg-animation

[19] Understanding SVG Coordinate Systems & Transformations (Part 2) – The transform Attribute: http://sarasoueidan.com/blog/svg-transformations/

[20] Dynamic Programming with Ruby: http://www.sitepoint.com/dynamic-programming-ruby/

[21] Let's Talk About RTL: http://alfy.me/2014/07/26/lets-talk-about-rtl.html

[22] Improve Your Email Workflow With Modular Design: http://www.smashingmagazine.com/2014/08/04/improve-your-email-workflow-with-modular-design/

[23] JavaScript Event Madness! Capturing *all* events without interference: http://css-tricks.com/capturing-all-events/?utm_source=dlvr.it&utm_medium=twitter

[24] Understanding OpCache: http://www.sitepoint.com/understanding-opcache/

[25] CSS Stress Testing and Performance Profiling: http://andy.edinborough.org/CSS-Stress-Testing-and-Performance-Profiling

[26] 21 Ways to Make WordPress Fast: http://jason.pureconcepts.net/2012/08/21-ways-wordpress-fast/

[27] The secrets of the Guardian's responsive redesign: http://www.creativebloq.com/netmag/guardian-redesign-71412518

[28] Analyzing Your Website With the Screaming Frog SEO Spider: http://webdesign.tutsplus.com/tutorials/analyzing-your-website-with-the-screaming-frog-seo-spider--cms-21669

[29] Progressive Content for Progressive Reduction: http://www.uxbooth.com/articles/progressive-content/

[30] How To Make Tilt Scrolling That Doesn’t Suck: http://www.marco.org/2014/07/24/tilt-scrolling-that-doesnt-suck

[31] Future-Ready Content: http://alistapart.com/article/future-ready-content/

[32] The Principles of Performance by Design: https://medium.com/@eric_mobley/the-principals-of-performance-by-design-32d0a5306bbe

[33] Productivity Quest: Ultra-Schedule: http://jessicahische.is/thinkingthoughtsonscheduling

[34] All systems suck: http://www.laurathomson.com/2011/05/all-systems-suck/

[35] «Следующая версия PHP будет называться PHP 7»: http://habrahabr.ru/post/231605/

[36] HotWaterMusic: http://habrahabr.ru/users/hotwatermusic/

[37] «Открытая Yandex PHP Library для работы с API Яндекса: http://habrahabr.ru/company/yandex/blog/231495/

[38] AntonShevchuk: http://habrahabr.ru/users/antonshevchuk/

[39] «Разбор финальных задач Яндекс.Алгоритма 2014»: http://habrahabr.ru/company/yandex/blog/231939/

[40] lperovskaya: http://habrahabr.ru/users/lperovskaya/

[41] «Allure — фреймворк от Яндекса для создания простых и понятных отчётов автотестов [для любого языка]»: http://habrahabr.ru/company/yandex/blog/232697/

[42] art_koshelev: http://habrahabr.ru/users/art_koshelev/

[43] «Badoo PHP Code Formatter. Теперь в open source!»: http://habrahabr.ru/company/badoo/blog/232133/

[44] youROCK: http://habrahabr.ru/users/yourock/

[45] «Асинхронный JavaScript: без колбеков и промисов»: http://habrahabr.ru/post/232671/

[46] sekrasoft: http://habrahabr.ru/users/sekrasoft/

[47] «Интеграция MS Excel и Python»: http://habrahabr.ru/post/232291/

[48] kuznetsovin: http://habrahabr.ru/users/kuznetsovin/

[49] «Инъекция React JS в приложение на Angular JS или борьба за производительность»: http://habrahabr.ru/company/eastbanctech/blog/232229/

[50] eastbanctech: http://habrahabr.ru/users/eastbanctech/

[51] «Генерация xkcd паролей на PHP»: http://habrahabr.ru/post/232157/

[52] PatapSmile: http://habrahabr.ru/users/patapsmile/

[53] «Привносим монады в PHP»: http://habrahabr.ru/post/231801/

[54] yTko: http://habrahabr.ru/users/ytko/

[55] «URL.js или дружим JavaScript с обработкой ссылок»: http://habrahabr.ru/post/232073/

[56] xobotyi: http://habrahabr.ru/users/xobotyi/

[57] «Платформер на Three.js»: http://habrahabr.ru/post/231987/

[58] makc3d: http://habrahabr.ru/users/makc3d/

[59] «Dalek.js — простое функциональное тестирование веб-приложений»: http://habrahabr.ru/post/232191/

[60] antirek: http://habrahabr.ru/users/antirek/

[61] «Matreshka.js v0.2»: http://habrahabr.ru/post/231333/

[62] Matreshka.js — долгожданная реализация TodoMVC: http://habrahabr.ru/post/231347/

[63] Finom: http://habrahabr.ru/users/finom/

[64] CodeIgniter 3.0 — будет!: http://habrahabr.ru/post/231847/

[65] evnuh: http://habrahabr.ru/users/evnuh/

[66] PHPCI обновился до версии 1.3: http://habrahabr.ru/post/231685/

[67] Corpsee: http://habrahabr.ru/users/corpsee/

[68] «Сколько часов в день может работать программист?»: http://habrahabr.ru/company/yandex/blog/232427/

[69] Zalina: http://habrahabr.ru/users/zalina/

[70] Awesome Django: https://github.com/rosarior/awesome-django

[71] Immutable.js: https://github.com/facebook/immutable-js

[72] SpeechKit Cloud: http://api.yandex.ru/speechkit/cloud-api/

[73] p5.js: http://p5js.org/get-started/

[74] Blast.js: http://julian.com/research/blast/

[75] EtherCalc: https://ethercalc.org/

[76] Overmind: https://github.com/geddski/overmind

[77] Angularjs-styleguide: https://github.com/johnpapa/angularjs-styleguide

[78] Notejam: https://github.com/komarserjio/notejam

[79] PgHero: https://github.com/ankane/pghero

[80] git-flight-rules: https://github.com/k88hudson/git-flight-rules

[81] Arrow: https://github.com/crsmithdev/arrow

[82] uBlock: https://github.com/gorhill/uBlock

[83] RSSHeap: http://www.rssheap.com/

[84] Предыдущая подборка (Выпуск 24): http://habrahabr.ru/post/231151/

[85] Источник: http://habrahabr.ru/post/232989/