Creative Search Bar and Input Field Design Inspiration
A successful UI design can attract new customers, increase customer engagement and enhance business. A well-designed search bar and input field will enhance user experience.Styled Search Bar Design with Code LinkIn the
Introduction to Rapid HTML Development using Tailwind CSS
Tailwind is an easily customizable CSS framework for maintainable and scalable responsive web development. The building blocks of Tailwind is a large set of primitive utility classes which works like Lego to build
Bootstrap 5 alpha - The first UI Kit for the latest Twitter’s Bootstrap 5
Write Schema Without Schema Markup Generator
Schema markup generators won't write the entire code for you. They just help you to add the basic tags (4-5 features) for your schema. Let's see how we can write schema by implementing
Make A Smart Home From Home
I was completely into hardware development for the past couple of years. My first IoT project was a smart switch board, which depends completely on third party applications such as Blynk and Adafruit.
Next.js App Using Firestore Backend
I chose Nextjs for server rendering a page, the data is in firebase/firestore. So we will now see how to connect both of these.
Flutter State Management (Provider)
The State of an application is simply information stored in the memory, which can be accessed from anywhere across your application. How State and Its Changes Behave in Flutter?The best answer to
Autocomplete Google places in an input field on Angular 9 using Google Maps.
Here we are going to create an input field and integrate that field to Google Maps, to autocomplete a searched location without the use of any angular-maps package.All we need to install
Web Speech API, Text to Speech using your browser
Web Speech API is an experimental tech that enables you to incorporate voice into your apps. It has two parts, one is the Speech synthesis and speech recognition. The draft of this can
How to expose localhost to any device using Ngrok
We can easily forward our localhost to any device during development using ngrok. This is useful for UI developers for checking the design.
ESLint and Prettier setup for VSCode
In this digital world, microinteractions play a vital role. From the wake up call in mobiles to facebook notifications, we see microinteractions everywhere.In most of the social media platforms, whenever we interact
Test Automation Frameworks
What are Frameworks?Frameworks can be defined as a set of well integrated structure of codes, tools, or processes which bring together the clarity and ideas of a job. With respect to development,
Social Meta Tags & Validators (Facebook debugger, Twitter card validator, LinkedIn post inspector)
Just like meta tags, social media tags help us to enhance our presence when we share our web page links in social media page. Social media tags include open graph tags for Facebook
Structured Data with Schema.org to Enhance Your Site SEO
Introduction to Structured DataSearch engines always want to understand the content of the page better, so that they can deliver the relevant results in search engine result page. To help them understand the
Change your Facebook page name to all lower case/upper case
I want to create a Facebook page with the name beginning with a small letter but this is not supported by Facebook's policy. This might be your situation when your company/brand name
A walk-through on SCSS
SCSS stands for Sassy Cascading Style Sheets. SCSS is a preprocessor of CSS; it helps us to write CSS codes much easily. CSS is the styling language that browser understands and uses to
Custom Global Error Handling
Global Error Handler Angular:This article is based on a walk-through of the Angular custom error handling. As we all know, Angular always surprises us. Here we have something more.Angular provides a
Dynamic pages in Nextjs and prefetching data
Prefetch data and create dynamic routes in pages directory using Nextjs. Dynamically created slug can be used in the component with useRouter Hook from next/router.
Introduction to Natural Language Processing
Natural Language Processing, often referred to as NLP is a branch of Artificial Intelligence that deals with human-computer interaction using the natural language, spoken by human-beings. Moreover, it is a discipline that focuses
Authentication & Authorization in NodeJS using JSON Web Token
Authentication is an act of showing the identity or proving the genuineness of the client to the server. For gaining access to a particular service, a client must themselves provide login credentials to
How Neural Networks Work
A neural network can be described as a machine learning model which mimics the biological neurons in our brain. It doesn’t mean that it would think the same way the brain thinks.
Introduction to Machine Learning
Learning and working on Machine learning was something I have been planning for a long time and that was when I got a project which included ML and with the excitement, I was
Okay Google! What's new in search?
I recently got the opportunity to attend the Google Webmaster Conference held on 19th July 2019 at Mumbai. I'll be sharing a few insights into what's up in search. What's up in search
Latest updates in NgRx v8
NgRx, the popular State Management Library for Angular released its latest version in the first week week of June. There are a lot of interesting and exciting changes in this version. I will