Opening a link in a new tab has to be a calculated decision as it partially breaks the flow thus impacting user experience. But, it is also important to use this when the information on the new page is either short-lived or something that the user want to see, but at the same time continue…
All posts tagged angular
Benchmarking your JavaScript Code
Getting a problem and straightaway writing a function for it is something we all tend to do unless we are industry veterans, because the industry veterans take a lot of factors into account while composing a function. I write “composing” because if you come across code written by people like Kyle Simpson, you’ll be mesmerized…
Ignoring a block of code while linting your typescript code – TSLINT
If you have been working with typescript oriented frameworks like Angular, you must be linting your code before submitting it. And if by any chance you are working in Angular and not linting your code, I just have 1 thing to say to you: For the ones for whom “linting” is an alien term, let…
Using icons as fonts in Angular, React or Vue
There are a lot of use cases wherein we need to control the styling of icons and images based on user behavior. These use-cases come into picture when the user interacts with the icons/images in the form of hovering over it or clicking it. We can achieve the desired results by using the SVG of…
SEO friendly Angular Application
All the efforts would go in vain if the application you developed fails to reach the target audience. One of the easiest ways to make your Angular application SEO friendly is to add titles, descriptions, and tags to each page. If you have done web development before or are aware of the SEO jargon, then…
Angular folder structure
The folder structure or the way in which your files and folders are organized is the backbone of your project. It is one of the most underrated and ignored aspects of development, yet the most important. How to spot a good folder structure? As your application grows in size, so does the codebase. If you…
A better way of selecting NPM libraries for Angular, React or Vue.js applications
Being a frontend developer has its own perks and difficulties. I work with Angular on a daily basis and thus one of the challenges that I have been facing from quite some time during development is selecting the most appropriate NPM (Node Package Manager) library for certain use cases. Problem There have been times when…
Importing fonts in Angular — THE RIGHT WAY!
Importing fonts in Angular the right way has always been a topic of discussion. Be it importing Google Fonts or any custom fonts, this is how I do it. There are two ways that we can import the fonts in our Angular application. Either we can use the CDN wherein the fonts are hosted on…