stardance has been extended another month! the new deadline is october 31 :)

You are browsing as a guest. Sign up (or log in) to start making projects!

WebTab

  • 5 Devlogs
  • 4 Total hours

WebTab is a self-contained browser start page that combines a dark glassmorphism aesthetic with practical daily navigation. Structurally, the HTML separates the display into a fixed background layer holding the wallpaper and an overlay canvas, along with a vertically centered container housing a digital clock, a direct Google search form, and a row of quick-access shortcut buttons. Visually, the CSS color system builds depth by layering translucent white surfaces with varying opacities and backdrop blurs over a deep black canvas, accented by soft border highlights and responsive hover transitions. Under the hood, plain JavaScript powers the experience without external dependencies: it updates the digital clock and localized date every second, parses bookmark domain names to dynamically fetch crisp icons from Google’s favicon service, and drives a lightweight canvas animation loop that renders and continuously cycles drifting star particles across the screen.Also added notes.

Ship #4 💀 Cursed

That was my old project. its WebTab, Like a tab in website. i updated that, “Refactored the project structure by moving CSS and JS out of the HTML file, and included a polite voter notification asking users to support me as a beginner developer.” Please give me better ratings, i’am begginer.

  • 1 devlog
  • 0h
  • 4.22x multiplier
  • 1 Stardust
Try project → See source code →
Open comments for this post

17m 12s logged

Refactored the project structure by moving CSS and JS out of the HTML file, and included a polite voter notification asking users to support me as a beginner developer.

0
1
58
Ship #3

Added dynamic background images using the Unsplash API in JavaScript to give the UI a fresh look. The background now updates automatically on every page reload, or manually whenever you click the settings icon. It’s a small touch that makes the app feel much more alive.

  • 1 devlog
  • 1h
  • 1.52x multiplier
  • 1 Stardust
Try project → See source code →
Open comments for this post

43m 4s logged

Added dynamic background images using the Unsplash API in JavaScript to give the UI a fresh look. The background now updates automatically on every page reload, or manually whenever you click the settings icon. It’s a small touch that makes the app feel much more alive!

0
0
4
Ship #2

WebTab
WebTab is a self-contained browser start page that combines a dark glassmorphism aesthetic with practical daily navigation. Structurally, the HTML separates the display into a fixed background layer holding the wallpaper and an overlay canvas, along with a vertically centered container housing a digital clock, a direct Google search form, and a row of quick-access shortcut buttons. Visually, the CSS color system builds depth by layering translucent white surfaces with varying opacities and backdrop blurs over a deep black canvas, accented by soft border highlights and responsive hover transitions. Under the hood, plain JavaScript powers the experience without external dependencies: it updates the digital clock and localized date every second, parses bookmark domain names to dynamically fetch crisp icons from Google’s favicon service, and drives a lightweight canvas animation loop that renders and continuously cycles drifting star particles across the screen.Also added notes. It also has a settings button, if i click on settings, the background images switch. It has Moon and galaxy based background images. The button uses, css and js to switch the images smoothly.

  • 1 devlog
  • 1h
  • 1.52x multiplier
  • 2 Stardust
Try project → See source code →
Open comments for this post

1h 1m 47s logged

Placed a settings button in the top-right corner (12px offset) that toggles between 3 different background images on click. I also added the live site link to the README so anyone can check out the update.

0
0
33
Ship #1

WebTab is a self-contained browser start page that combines a dark glassmorphism aesthetic with practical daily navigation. Structurally, the HTML separates the display into a fixed background layer holding the wallpaper and an overlay canvas, along with a vertically centered container housing a digital clock, a direct Google search form, and a row of quick-access shortcut buttons. Visually, the CSS color system builds depth by layering translucent white surfaces with varying opacities and backdrop blurs over a deep black canvas, accented by soft border highlights and responsive hover transitions. Under the hood, plain JavaScript powers the experience without external dependencies: it updates the digital clock and localized date every second, parses bookmark domain names to dynamically fetch crisp icons from Google’s favicon service, and drives a lightweight canvas animation loop that renders and continuously cycles drifting star particles across the screen.Also added notes.

Try project → See source code →
Open comments for this post

43m 4s logged

Built new shortcut controls and a live clock widget into the interface. I’ve also deployed the latest build using GitHub Pages, so feel free to test it out live at WebTab

0
1
110
Open comments for this post

1h 40m 57s logged

Added an interactive moving particle effect to the background and integrated a search engine directly into the interface. It brings a whole new level of polish and utility to the dashboard! Check it out live on WebTab

0
1
97

Delete project?

Are you sure you want to permanently delete this project? This action cannot be undone.

All devlogs, followers, and associated data will be removed.

Followers

Loading…