ngBackbone
TypeScript
Updated 07 October 2016

ngBackbone is a small extension of Backbone.js that unlocks Angular-like programming experience

Well, I love old good Backbone for its simplicity and flexibility. However after working with such frameworks as Angular and React, I see that Backbone app requires much more code. Yet I don't want to ditch Backbone and deal with some 20K LOC framework codebase. I just want a minimal modular extension that will improve my programming experience and maintainability of my code. And that is how I came up with ngBackbone

ngTemplate
TypeScript
Updated 07 October 2016

ngTemplate is a light-weight DOM-based template engine, inspired by AngularJS.

mustache.js, Handlebars or _.template are all nice and shiny, until it comes to a form. With every rending these template engines replace the bound DOM subtree and the state of inputs gets lost.

ngTemplate treats the DOM carefully. It modifies the exact target nodes gracefully according to the directives and actual state.

byContract
JavaScript
Updated 07 October 2016

byContract is a small validation library (1,1 KB gzip) that allows you to benefit from Design by Contract programming in your JavaScript code. The lib uses JSDoc expression for a contract. Therefore you likely already familiar with the syntax. The library is implemented as a UMD-compatible module, so you can use as CommonJs and AMD. Besides, it exposes byContract function globally when window object available, meaning you can still use it in non-modular programming.

ngAspect
TypeScript
Updated 07 October 2016

ngAspect is a little library of decorators that unlocks aspect-oriented programming features in JavaScript.

Aspect-oriented programming suggests separating cross-cutting concerns (logging, caching, monitoring, data validation, error detection and so on) from main business logic. In brief it introduces:

advice - code implementing cross-cutting concerns

pointcut - when code where in your main code advices shall be applied

NgAspect provides decorators @Before and @After that allow to bind an advice to a pointcut e.g. @Before( Class/Constructor, "methodName" ) or @Before([ [Class/Constructor, "methodName"], [Class/Constructor, "methodName"] ]). It also exports @Pointcut decorator that points out what method can be supplied with advices.

AsyncCSS
JavaScript
Updated 07 October 2016

A function for asynchronous loading of non-critical CSS and deferring Web Fonts, which leverages localStorage for caching. When a new version of file supplied (app.css?v2) any old versions (app.css?xx) are being removed from localStorage automatically

PCSS
CSS
Updated 07 October 2016

Pragmatic CSS is guidelines for writing scalable and maintainable style-sheets. PCSS divides the whole UI into portable and reusable components. Every component is described in a separate CSS (SASS/LESS/etc) module. PCSS's naming convention makes it easier to locate a module corresponding to a problem and encourages developer on producing optimized object-oriented CSS.

Semantic HTML5 Templates
HTML5
Updated 21 March 2014

Collection of templates and snippets of semantic HTML that can be used as boilerplate while working on markup

Pixel Perfect Bookmarklet
JavaScript
Updated 21 March 2014

This bookmarklet provides a controllable overlay with an image of page graphical design over top of the developed HTML. In fact it is similar to the well-know Pixel Perfect Firefox extension, which doesn't work properly with last Firefox builds for a while.



CommonJS Compiler
JavaScript
Updated 21 March 2014

CJSC is a nodejs application that compiles CommonJS (NodeJS) modules into a single JavaScript file suitable for the browser.


The utility gets especially handy when you want your JavaScript modular without additional libraries and without incurring excess requests

SPN
JavaScript
Updated 16 April 2013

Page navigation using touch gestures on mobile devices


Usually we hide all auxiliary page components on mobile to save space of the viewing area. So we have to provide in return alternative navigation tool out of the screen. Since keyboard with navigation keys isn't available, we can use touch gestures.

Aop4php
PHP
Updated 16 April 2013

Small PHP library introducing to the AOP world

Micro RequireJS
JavaScript
Updated 16 April 2013

Tiny asynchronous dependency loader, that does not require modification of dependent scripts

Ui-tester
JavaScript
Updated 10 March 2013

Functional testing tool using qUnit

Autofill
JavaScript
Updated 14 February 2013

bookmarklet to fill out forms when testing by simply clicking on it.

JS CodeSniffer
JavaScript
Updated 20 December 2012

JSCodeSniffer is a node.js application that checks JavaScript code style consistency according to a provided coding style, just like phpcs. One can define a custom coding style by using described below JSON notation or use one of predefined standards.