WebOS Browser DevLog 005

Possibly my final DevLog before shipping

Changelog

• Added Browser History
• Added actual svg-based icons for everything
• Added a menu for New Tab and History options
• Added a Share/Copy Link button
• Added more websites to bookmarks
• The New Tab button clears your history and sends you back to the Home Page
• The Back button now becomes disabled when there’s nothing to go back to
• The forward button now disappears when there’s nothing to go forward to
• The Refresh button now turns into a cross button when loading (the cross button does nothing new, it still refreshes the page)
• Made the Top area transparent, and am currently using green color as the background, did this so it can seamlessly transition to the design of the WebOS

WebOS Browser DevLog 004

Had to come back to this, since this is one of the Fluetro apps

Changelog

• Removed Fluent New Tab integration
• Added google as the Home Page/New Tab page
• Added a bookmarks bar, since Fluent New Tab was removed and there won’t be a Pinned Sites section
• The back/forward buttons only work if you travel between websites using the bookmarks or address bar
• The version of google I am using here is a specific one that supports iframe so typing www.google.com or similar in the address bar will give an error
• The refresh button actually refreshes the page
• The Home button takes you to google
• The address bar only updates when you go from one website to another using bookmarks or address bar
• The back/forward buttons and address bar behave this way because there’s no way for me to fetch the URL running inside of the iframe

Possible new features

• Browser History
• A hamburger button with a menu, with all the stuff from the address bar inside it

WebOS Browser DevLog 003

•Somewhat did the JS
•Now the refresh button and home button do the exact same thing
•Address Bar works for supported websites
•Somehow the Error screen doesn’t work, it just gives a black screen on error, which is possibly due to me not doing the JS correctly.
•The Pinned Sites and other functions on the New Tab work as intended, no issues there(even though it calls upon your browser’s dialog box for it)

WebOS Browser DevLog 002

•Completed the CSS (still haven’t started working on the JS) so it looks kinda normal
•Found out that Bing is the only search Engine that works in the iframe environment
•Right now, opening a link just opens it in a real browser tab, so I’ll have to work on that and see if it’s possible to open those in this environment.
•Doing this while watching a series so it takes more time and ppl don’t complain about the time it took me to make the project while reviewing.

WebOS Browser DevLog 001

•I said I’ll be working on Fluetro again, but I changed my mind.
•So now I am making this project as a Browser that one can easily customize and integrate in their own WebOS using iframe.
•Also, I am making the apps that are supposed to be included in Fluetro OS separately because it’s becoming difficult for me to handle so many variables in the js, css and html, so I am ending up reusing multiple names due to my weird variable naming scheme.
•Here’s the progress so far, did some of the html, enough to get to this point, and used iframe to include use my Fluent New Tab project as the New Tab page for this Browser.
•Did some of the css so the buttons in the top bar look different than our conventional HTML buttons.