daviddurman.com
Be careful when replacing strings in JavaScript
http://www.daviddurman.com/be-careful-when-replacing-strings-in-javascript.html
Be careful when replacing strings in JavaScript. November 4th, 2013. Sometimes, methods that you think you know well might surprise you and bring you headaches if you don't read the documentation carefully. One of these methods is the JavaScript String.replace method. Let's start with the obvious scenario:. Abc'replace('bc', 'x') / ax. Substring to be replaced with. String and this is exactly what you get. But what if you don't control the string you're replacing with? Still ok. But what about now:.
daviddurman.com
Flexi Color Picker - a pure JavaScript color picker
http://www.daviddurman.com/flexi-color-picker
No flash, images, external libraries, CSS or 1px divs. Only 4.3KB minified. JointJS - JavaScript diagramming library. FlexiColorPicker was built and is maintained by client IO. Blog comments powered by Disqus.
daviddurman.com
Automatic graph layout with JointJS and Dagre
http://www.daviddurman.com/automatic-graph-layout-with-jointjs-and-dagre.html
Automatic graph layout with JointJS and Dagre. July 29th, 2013. JointJS is a diagramming library that focuses on rendering and interacting with diagrams. This post shows how to integrate JointJS with Dagre, the directed graph layout engine for JavaScript, in order to automatically render and layout directed graphs. Library's main focus is on creating diagrams and interacting with them. All the graphics onto the screen. Second, it's very fast. And third, it's rendering agnostic. The implementation is quit...
daviddurman.com
DynamicTable - JavaScript library that turns your HTML tables into interactive tables.
http://www.daviddurman.com/dynamic-table-javascript-library.html
DynamicTable - turn your HTML table elements into interactive tables. September 12th, 2012. Do you also like the moments when you browse through the code you wrote years ago? The code can be found on Github. And is licensed under the MIT license. Comptoirs Français du Pacifique Francs. IMF Special Drawing Rights. Trinidad and Tobago Dollars. United Arab Emirates Dirhams. Constructor function or as a direct extension of. Object and rewrite of. I'm the creator of FigurePool. I run a small company client IO.
daviddurman.com
A hidden gold of JointJS, the geometry library
http://www.daviddurman.com/hidden-gold-of-jointjs-the-geometry-library.html
A hidden gold of JointJS, the geometry library. September 12th, 2013. Diagramming library contains a not-yet-documented standalone pure JavaScript. Mini library that implements many useful geometry operations. This post shows all the primitives that the geometry library exposes. The geometry library does not have any dependencies, is AMD complient and can be used outside of JointJS. The source code of the library can be found on Github. If the point lies outside the rectangle. Of the point vector. Conver...
daviddurman.com
Layout as a Service: Visualize your data in many ways.
http://www.daviddurman.com/layout-as-a-service.html
Layout as a Service: Visualize your data in many ways. January 27th, 2014. Have you ever had data, especially graphs, that you needed to visualize but didn't want to get into the hassle of installing, integrating and maintaining a software package for layouting graphs. Even worse, the software package that you installed does not give an optimal result and so you tried others or had them running in parallel and at the end you gave up because it was just too much work? What if you could just call. And othe...
daviddurman.com
urlhighlight - JavaScript function to highlight URLs
http://www.daviddurman.com/urlhighlight-javascript-function-to-highlight-urls.html
JavaScript function to highlight URLs. September 3rd, 2012. Sometimes you want to show the user a URL that is nicely visually structured. This happens especially in cases where it is important to focus on e.g. query parameters of an URL. I had this need and so I created urlhighlight. A very little (151 loc) JavaScript function that takes a URL as a parameter and returns HTML that wraps components of that URL. These components can be then styled in CSS. Urlhiglight({ url: 'http:/ www.example.com? Document...
daviddurman.com
FlexiColorPicker - a pure JavaScript color picker
http://www.daviddurman.com/pure-javascript-color-picker.html
A pure JavaScript color picker. April 22nd, 2011. There is plenty of color picker components on the web but very few of them are built with pure JavaScript, without using images, Flash or 1px divs. Moreover, it's difficult to find one that works on mobile devices as well. Let me introduce a plain JavaScript color picker written in 300 lines of code including comments. Discover SVG! And what is the magic behind? Try it yourself: Flexi Color Picker. I'm the creator of FigurePool.