Detecting a click outside an element in JavaScript is a very common pattern that can be used to close a non modal user interface component like a flyout, a menu or a dropdown when the user clicks outside this element. While searching on the web there are a lot of

When building style guides and front-end frameworks buttons are usually some of the first elements to be designed. They seem simple but they offer a glimpse of what the whole user interface will be like. From using a color palette to setting up the different visual states in this article

The HTML5 template element is a tag that isn’t used that much but is very useful to prepare reusable HTML structures that can be instantiated and populated with JavaScript. The DOM API and JavaScript don’t offer any native data binding. Though with the template element we can implement

I first wrote this article two years ago. Time flies! I’ve completely rewritten and updated this article about custom tooltips. They are a very common user interface element and I’ve used them in large number of my projects. In this article I’m going to make custom CSS

The Scalable Vector Graphics SVG format is a vector image standard. A SVG document has an XML structure and can be used as a standalone file but it’s now an integral part of the HTML5 language. We can use the SVG element directly in an HTML document, style it