Blogs | Firebit

Ashim Das

Published on: 08/07/2024, 03:50 pm

How Explicit Image Width Affects Page Layout Shift + Best Practices

In the world of web development, ensuring a smooth and stable page layout is crucial for a good user experience. One common issue that disrupts this stability is layout shift, which can be caused by images without explicit dimensions. In this blog post, we'll explore how specifying image width can prevent layout shift and share best practices for handling this.

WebDevelopmentLayoutShiftResponsiveDesignImageOptimizationUserExperienceWebPerformanceblogtechnology

Ashim Das

Published on: 08/07/2024, 03:50 pm

OxiLive App - Blood-Oxygen monitoring

App that monitors BPM & Blood-Oxygen. Records health data on daily basis. User can login or signup using email-OTP. Interactive data-graph.

technologyprojectjavascriptESP8266IoTnode jsMAX30100healthAppexpressarduinoApp

Ashim Das

Published on: 08/07/2024, 03:50 pm

Power Tracker - Fullstack Solar Power Tracking App + ESP8266

Track realtime power by reading realtime consumption and charging power by arduino, fullstack app that tracks daily power data also shows realtime insights.

projectjavascriptAppreactIoTESP8266arduinonode jsfullstackcodingtechnologyApp

Ashim Das

Published on: 08/07/2024, 03:50 pm

How Fast Webpage Load Depends on Images

Web performance is crucial for user experience and SEO. One significant factor affecting page load times is the handling of images. In this blog post, we’ll explore how images impact webpage speed and what strategies you can use to optimize them.

blogtechnologywebImageOptimizationWeb PerformanceSEOLazyLoading

Ashim Das

Published on: 08/07/2024, 03:50 pm

Fingle - Portable Fingerprint Attendance App + ESP8266

Attendance system, super portable, register, take attendance, keep record, using wireless device that connects to your phone App.

javascriptarduinoESP8266technologyprojectfingerprintattendancereactc++app

ASHIM DAS

Published on: 26/07/2024, 12:36 pm

Built the create-blog page using react

A blog creator UI, add tags section, select multiple images, use those images in blog, edit and view live while editing. All built using react. I'm learning it by building this site.

TechnologyCodingBlogreactnextjs

Tech Myo

Published on: 26/07/2024, 11:45 pm

Homemade solar panel

Make solar cell in some easy steps

TechnologyTechmyoSamrat

Nitish

Published on: 27/07/2024, 11:33 am

AI in 3024: The Future Unfolded

Explore the advancements and integration of artificial intelligence in the year 3024, from daily life enhancements to groundbreaking innovations in science and technology.

TechnologyAI3034InnovationFuture

Nitish

Published on: 03/08/2024, 09:04 pm

Uncensored AI Chat

ModelsLab Uncensored Chat - the AI that chats like a real person. No filters, no restrictions. Whether you need help, ideas, or just a genuine conversation, this chatbot’s got you covered.

CensorshipUncensoredAIAsk_anything

Nitish

Published on: 03/08/2024, 10:42 pm

Midjourney Alternatives

Exploring Midjourney alternatives that are free and open source.

MidjourneyAlternativesAi_artDigital_artAi

Nitish

Published on: 03/08/2024, 11:03 pm

LMSYS Chatbot Arena

LMSys is an incredible online platform that gives you free access to some of the most advanced language models (LLMs) out there. Think of it as a massive playground where you can experiment, learn, and create with AI. No credit card, no sign-up, just pure fun and exploration!

AIlmsysBenchmarksCompare_LLMsFree

Nitish

Published on: 07/08/2024, 11:25 pm

AI Music Generators

It's about two of the best AI music generators available in the market: Suno AI & Udio AI

AI_MusicAI_SongsMusicSongsAI

ASHIM DAS

Published on: 24/08/2024, 12:32 pm

Countdown Timer With Cool Animation.

I created a customizable countdown timer with a sleek, animated UI, perfect for counting down to any event like birthdays, holidays, or launches.

JavascriptCSSHTMLCountdownProjectCodingTechnologyAnimation

ASHIM DAS

Published on: 15/11/2024, 12:23 am

Floating Action Button Using React + Tailwind

Add a stylish, animated floating button to your React app with cool-react-floating-button. This component offers smooth animations, customizable options, and a backdrop overlay, all styled with Tailwind for easy integration. Perfect for enhancing UX with quick, accessible actions.