Gaurav Nadkarnigaurav-blogs.hashnode.dev·Dec 26, 2024Chrome Extension Development - Develop minimal app with TypeScript, React, Tailwind CSS and WebpackIntroduction In this blog, we will explore how to set up and develop a Chrome extension using TypeScript, React, Tailwind CSS, and Webpack. We will create a minimal extension called "NoteMe" ✍️ to put our understanding to the test. Our extension will...chrome extension
Arya M. Pathakarya2004.hashnode.dev·Dec 20, 2024Building a Chrome Extension from ScratchCreating a Chrome extension can feel complex initially, but it becomes simpler when broken into pieces. Chrome extensions are zipped bundles of web technology files such as HTML, CSS, JavaScript, images, and a mandatory manifest.json file. These file...20 likesjQuery
Vishwa Gauravblog.itsvg.in·Dec 20, 2024Boost Your Productivity with SiteNotes: A Chrome Extension for Contextual Note-TakingIn a fast-paced digital world, organizing your thoughts while navigating countless web pages can be a challenge. Enter SiteNotes, a free and open-source Chrome extension that transforms the way you take and manage notes online. Whether you’re conduct...Productivity
Vivek Kumar Guptachrome-extension-developement-core-concepts.hashnode.dev·Dec 18, 2024Chrome Extension 101: Beginner's GuideWelcome! Whether you're here to learn the basics of Chrome extension development due to a client requirement, to promote your brand, or simply to explore this fascinating area of programming, you're in the right place. This blog will guide you throug...Programming Blogs
Asiones Jiaasiones.hashnode.dev·Dec 18, 2024tailwindcss variables not working in Chrome extensionHow to fix it /* If your code is like this in global.css */ @layer base { :root { --background: 0 0% 100%; --foreground: 222.2 47.4% 11.2%; /* ... */ } } /* Try this instead: 'Change :root to :host' *...Tailwind CSS
Gaurav Nadkarnigaurav-blogs.hashnode.dev·Dec 16, 2024Step Into Chrome Extension Development: Easy Setup with TypeScript and WebpackIntroduction As of December 2024, Chrome remains the most popular browser worldwide. Learning to develop extensions for Chrome can open exciting opportunities to explore browser-based development and enhance your understanding of how browsers work un...chrome extension
Kavita Ranakavirana.hashnode.dev·Dec 16, 2024Building a Chrome Extension From Scratch : Level 01I love Chrome extensions. They make everything easier like listening to music, learning new languages, setting study timers, and so much more. I have one for almost every need! But instead of just using extensions, why not try building one yourself? ...1 likeJavaScript
Vipul Malhotravipulmalhotra.hashnode.dev·Dec 15, 2024Building an Azure Chrome Extension to Display Resource DetailsIntroduction This article covers the process of developing a Chrome extension that enhances the Azure Portal experience by adding a button to the "Create Azure Resource" page. When clicked, the button displays a popup showing detailed information abo...chrome extension
Kaptionkaption.hashnode.dev·Dec 15, 2024How we grew our extension to 20K usersKaption AI started as a simple WhatsApp bot, allowing users to send audio files and receive transcriptions instantly. While the bot gained popularity quickly, it became clear that our business model was too expensive to sustain. Running costly infras...AI
Code Wanderercodewandererr.hashnode.dev·Dec 6, 2024🔅 Adjust Page Brightness: Take Control of Your Screen's LuminosityHey fellow developers! 👋 I'm excited to share a Chrome extension I've built that helps reduce eye strain and makes browsing more comfortable across different lighting conditions. 🤔 The Problem We've all been there - switching between bright and dar...1 likewebdev
