a browser Extension where users can change background of the new tab with their choice of image/wallpaper with ton of feature
No followers yet
Once you ship this you can't edit the description of the project, but you'll be able to add more devlogs and re-ship it as you add new features!
Made some ui changes, started to use bootstrap again :), but now directly downloaded the Compiled Css and Js zip(from bootstrap site) and added the css file in local to avoid using remote code execution, improved settings page added borders, instead of using check box used the switch from bootstrap to make it modern, changed the position of search bar to make new tab better.
Updated the search bar and button to be a somewhat transparent to background image(used a bit of ai for styling:( ), changed position of these for better look of wallpaper, updated manifest file such that only usable things are kept in permissions because i was going to publish this to chrome store, updated searching for better functionality.
Found that error, it's because of styling i have made the search div position: absolute so that is the main reason for the problem so made the position: relative this works fine.
Had to use bootstrap again cause i am not good at css and now newtab def feels good
implemented search functionality this feels smoothhh..
Trying to implement search functionality, so that user's can easily browse internet. but idk why it's not working i am not able to type input need to debug this and i know need to improve styling and all
Found that error!, that was because i had configured the extension to work on all the url's user visits(<all_urls>), that's why the extension is trying change the background of every page user visits! couldn't devlog because som was down so i continued the development.
Implemented change the wallpaper when user clicks on change wallpaper on the popup of extension.
(and sorry for the watermark in de)
yay!, successfully able to change the background of the new tab with any type of wallpaper user selects or types a genre.
also got so much errors as am new to extension development:(
like had to make the settings page appear in new separate page cause of restrictions made by chrome. updated manifest.json, added new js files added new newtab.html/newtab.js which will help to change background of chrome://newtab.
Also getting errors on other pages(see devlog) need to look into that too!
Updated UI with required things for now to test with some JavaScript, next need to right JavaScript logic for getting wallpaper and setting it to tab.
Caught the problem that is because of bootstrap so had to remove it and shifted to normal css, added js to settings such that it should get dynamic based on the option user selects!, next need complete settings page options and add js, styling.
Added a settings svg btn, which will redirect to settings page where users can add/update their settings about the wallpaper, getting some errors and idk why i am getting that kinda screen on every other website ( see devlog) when turning on my extension need to resolve it!. I guess i found the solution need to update manifest.json and popup.html.
Understood the basics of making a browser extension, made a manifest.json which contains details of the extension like name/version and all.
Connected manifest.json with html and default_popup: popup.html
so this will be shown when users clicks on the extension, see the Devlog image.
added some content in popup.html, added some styling to it via css changed font.