“The breakpoint will not currently be hit. No symbols have been loaded for this document.” Fix

I got hit by this warning upon Debug-> Attach To Process. No matter what I did the breakpoints would not be hit. Then I figured out the issue. In my case, the problem happened because Visual Studio 2017 was not able to guess the correct version of .NET Framework used in the assembly. It was […]

NLog logger in .NET Project : Tutorial

Recently, I was working on an enterprise project using Windows Forms and needed a logger that was thread-safe, allowed both structured and text based logging and provided an options to integrate email sending as well. Two options came standard NLog or log4Net. Had a brief look at both. log4Net looked like more of XML configuration. […]

Tips for making reusable React components

Tip 1: props.children

Instead of invoking the component with a self-closing tag <Picture /> if you invoke it will full opening and closing tags <Picture> </Picture> you can then place more code between it and display using this.props.children (props.children for stateless components) . This decouples the <Picture> component from its content and makes it more reusable. Tip 2: Stateless Components […]

Generator Functions in Javascript

We will be building on what we discussed in previous post generator-functions-using-co Here we will focus on how to implement something analogous to co. i.e. actually implement an iterable. How to run the function* Steps involved in running through a generator function. If its a bit confusing, it will be clear when we look at the […]

Generator Functions using co

Generator functions are a concept lifted likely from Python where they are used heavily in applications like web-crawlers. There are no prerequisites to this article but if you had an idea about Python generators, its the exact same concept implemented in Javascript. Definition Generators are functions which can be exited and later re-entered. Their context […]

Full stack web developer skillset matrix

I came across some nice web developer skillset matrix charts here. While this is a person’s personal opinion, it still is a great reference.   A similar chart from last year looked like this: Front end life: Backend end life: Devops life:    

Adding and using fonts

We have two options: Web safe fonts: Preinstalled on the computer. You simply specify the font-family in the css to use these. Web fonts: These are fonts added externally by adding downloaded font-files in the project. Using these is a two step process: Add the font-file to your project In your CSS head tag, use […]

Reset CSS and Normalize CSS

Often there is some guesswork involved when styling elements due to mystery spaces and padding appearing from heaven. These are due to default styling applied by browsers and can cause some confusion as they vary between different browser vendors. To remedy this, many leading developers in the frontend community have come up with two solutions: […]

Stacking order of elements in a layout

Lets take a look at this code: HTML:


The natural staking order of elements in this piece of code is (in ascending order in the stack): The root element (<html>) .. this is at the bottom of stack..level 0 The viewport (<body>) Block level elements in the normal page flow block1 is […]

When to use Float vs Position vs Display for laying out elements and aligning blocks on page

Here are the recommendations: Float: Use this for content that flows around (i.e. variable and flexible content). A good example is an image surrounded by texts of different lengths. So even if the amount of text can change, but using float will allow it to flow around the image. Float is also very useful in […]