JohnsonB johnsonbhaskaran

🏠

Working from home

🏆 A technology enthusiast 🤷🏽‍♂️ a front-end developer and UI/UX designer. Familiar with React Redux Tailwind CSS Figma Photoshop Illustrator

johnsonbhaskaran / tailwind snippets.md

Last active November 5, 2025 11:47

simple join now button element in tailwind css

johnsonbhaskaran / Cool backdrop effect

Created August 29, 2025 14:47

Cool backdrop effect | Inspired by element-plus.org Header BG

	.navbar-wrapper {
	position: relative;
	border-bottom: 1px solid var(--border-color);
	height: var(--header-height);
	padding: 0 12px 0 24px;
	background-image: radial-gradient(transparent 1px,var(--bg-color) 1px);
	background-size: 4px 4px;
	backdrop-filter: blur(4px);
	-webkit-backdrop-filter: saturate(50%) blur(4px);
	top: 0;

johnsonbhaskaran / JS-Scope.js

Created July 21, 2025 14:43

var and let behaviour in for loop

	for (var i=0; i<3; i++){
	setTimeout( _ => console.log(i), 10);
	} // Outputs Strangely:- 3 thrice at given time delay

	for (let j=0; j<3; j++){
	setTimeout( _ => console.log(j), 10);
	} // Outputs:- 0 1 2 // line by line at the given time delay

johnsonbhaskaran / zero-kb-favicon

Created July 12, 2023 12:42 — forked from whitep4nth3r/zero-kb-favicon

Zero KB Favicon

	<link
	href="data:image/x-icon;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQEAYAAABPYyMiAAAABmJLR0T///////8JWPfcAAAACXBIWXMAAABIAAAASABGyWs+AAAAF0lEQVRIx2NgGAWjYBSMglEwCkbBSAcACBAAAeaR9cIAAAAASUVORK5CYII="
	rel="icon"
	type="image/x-icon"
	/>