Lodash method “_.filter” iterates over the top level only. If you want to filter nested data – “_.filterDeep” from the Deepdash will do the job. Deepdash is an extension for the Lodash library. It mixes several traversal methods right into Lodash object and tries to follow API style of this great library. So if you are familiar with Lodash, you will feel ok with Deepdash…

How to instantiate a child class from static method of parent class in javascript es6
I looked for the way to get current class in static method of the base class, to create the correct instance, depending on actual class, this static method was called on, but found nothing. Luckily I discovered, that ‘this’ is a constructor but not an instance in a static method, so you can just call it with ‘new’, in case…

Show hidden part of truncated text on hover/touch
Here are three ways to show hidden part of truncated text on touch/hover without Javascript 1) overflow:visible Hover over or touch me to see the full version of this string. It looks like replaced by tooltip some other stuff Pros: No Javascript Good readability Small and simple cross-browser CSS code Easy to render. Contras: Need extra markup (inner span wrapper)…

Pan and Zoom in jsPlumb Community Edition with Dagre and jQueryUI Draggable
Chart with draggable HTML elements as nodes, connected by jsPlumb library.
“Pan&Zoom” feature missing in Comunity Edition implemented by using “jQuery Panzoom” plugin.
Nodes dragging implemented by jQueryUI Draggable, to compensate scale distortion.
Dagre layout library used for demonstration.

CSS Accordion / Collapsible
Simple Accordion / Collapsible component, based on :checked CSS property: Collapsible div made with chekbox, and Accordion – with radio-buttons.

Pure (S)CSS Responsive Loading Indicator (Spinner)
Hi! I used to use a lot of spinners, really. Animated gifs, JS-based, mixed HTML+CSS, inline, full-page. Finally I made one myself, to meet this requirements: – No more animated GIF (it’s 2016) – No images at all – No extra HTML – No extra HTML added by JS – because no JS too – No size adjusting – it…