🚀 Fastest way to build transparent login page HTML/CSSLive video example https://www.youtube.com/watch?v=96O1oTxe5i4 Introduction Creating a transparent login page involves combining HTML, CSS to achieve the desired effect. Below is a simple example using HTML and CSS to create a transparent login page....Nov 26, 2023·3 min read
Updated: Build a PWA with Next.js with achieve 100% score in lighthouseIntroduction A Progressive Web App (PWA) is a type of web application that offers a user experience similar to that of a traditional native mobile app or desktop application. PWAs are designed to be fast, reliable, and engaging, and they combine the ...Oct 23, 2023·3 min read
Step-by-Step Guide to Setting up Next.js with Tailwind CSSIntroduction Web development frameworks and libraries are evolving at a rapid pace, and staying up-to-date with the latest technologies is essential for building modern, responsive web applications. Next.js and Tailwind CSS are two popular tools that...Oct 22, 2023·4 min read
No code API development for front end engineer/web developer 🔥Introduction Creating an API without writing any code might seem impossible, but there are ways to streamline the process and simplify development using low-code or no-code tools. In this blog post, we will explore various approaches to develop APIs ...Oct 17, 2023·1 min read
10+ Complex typeScript type defining Tips for Developmentlet's take a look at how you can build complex types in TypeScript using examples of JSON-like structures. 1.Plain object const fullName: { firstName: string; lastName: string } = { firstName: 'Lakshmanan', lastName: 'Arumugam' }; console.log(fu...Aug 10, 2023·5 min read
🧑🏻💻 My 5 {Fun} projects (source code + demo)Introduction Initial learning I started with practical coding to learn anything new. The below projects are done previously by me. It may be helpful for someone who learning frontend development to read the code and gather some knowledge from these p...Aug 5, 2023·2 min read
CSS z index not working (Reason with solution live snippet code)What is z-index in CSS? z-index is a CSS property that controls the stacking order of positioned elements. It determines how elements are layered and displayed on top of each other when they overlap in a web page's layout. The z-index property only w...Aug 3, 2023·6 min read
