Harish Bhavanichikar

This blog post is a brief introduction to one of the core concepts of Angular – Services and Dependency Injection. A service is basically a typescript class. It acts as a central repository where we can store and centralize our code and data. This service class can then be shared across components. Dependency injection is […]

Google’s Material Design is a design system that helps teams build high quality digital experiences across different platforms. One of the best parts of Material Design is that it provides guidelines, implementation, standards, and code for different components used across different technologies – web, React, Angular, iOS, Android, etc. This presents a great advocacy to […]

Critical Rendering Path is a sequence of steps the browser needs to go through to convert the most important HTML, CSS and Javascript into actual pixels on the screen. This also means we make the most important visual parts of our site load first instead of loading everything at once. In order to set up the appropriate […]

With the increasing advent in SOA and RESTful based applications, all the business logic today is being pushed to the client. With numerable paradigms being present for the UI to consumes these services and create dynamic content, there becomes a need to define the presentation, structure and behavior of the User Interface. While working with […]

Many a times, when I start a new project, often the client gets excited when the word ‘bootstrap’ or ‘foundation’ comes around during the inception phase. They want to know more and get excited. They hope that their site would look great if is it built with a framework and typically look towards the UX […]

Programmers, whether novice or professional, encounter roadblocks and issues every day while working with code. This can lead to unnecessary frustration, hamper productivity, and pose a threat to reaching the product deadline. The following are a few measures that I, as a front-end developer, have developed to overcome roadblocks while working in fast-paced environments with […]

Recently, I was reading this article which came across my newsletter, outlining what Front end developers need to know for this year and beyond. What struck me was where the author talks about the growing gulf between those who focus on CSS and those who focus on javascript. Isn’t Front end development about both css and javascript? Lets […]

A lot has been talked about client side view templates hindering the critical path, thus affecting performance. I have made an effort to summarize the need for client side rendering and measures to enhance the performance. Before we actually jump on to measures, lets revisit how today’s web application ended up being rendered and compiled on the […]

Below are some of the basic important techniques a front end developer could start incorporating right from the beginning, into a project that has to conform to WCAG 2.0 standards. Hierarchical Heading Organization Make sure the headings on every page of the website is in an hierarchical order, beginning from h1 to h6, properly nested […]

CSS multi-language support Chiuhua Chen, senior front end developer and prototyping expert at Perficient XD, is currently working on a web application that has a visual design supporting only english language. As with every other project, the business later on proposed support for multi-language support. When the application is in another language, spanish or Chinese, […]

Having worked as a front end developer, integrating the UI with backend systems, I am presenting below some of the myths and facts concerning UI (html, css, javascript, images, fonts) code integration with websphere portal and a few best practices one should follow – Myth – Websphere portal is not compatible with latest front end frameworks like […]

One of the daily & major tasks of a front end developer is to write HTML prototyping. And when it comes to writing reusable, editable and modularized html for a large enterprise application, we are often lost as to where the different fragments of code are and a small change made to a div classname […]