<yuri-gor/>

Why do I so desire
to read this blog?

Because Yuri delivers tons of thrilling web dev tricks, solutions, and ideas directly into your mind. No one can resist such insurmountable mix of CSS, JS, and various back-end technologies. So there is no shame you submit too. Just sit back, relax and start absorbing this tranquil flow of enlightenment.

Deep filter js object or array with Lodash extension

by Yuri Gor on January 20, 2019 in deepdash • 0 Comments

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

by Yuri Gor on October 14, 2017 in es6 • 0 Comments

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

by Yuri Gor on September 18, 2016 in Uncategorized • 1 Comment

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

by Yuri Gor on September 3, 2016 in Uncategorized • 7 Comments

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

by Yuri Gor on July 31, 2016 in CSS • 0 Comments

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)