Log inRegister

Browser New Tab

04 July 2026 - 12:40 | Version 7 |

The extension way (< 01/06/'26)

Zie ook: What did I use in the past:
  • Toby Mini / Toby for Chrome (complex)
  • Leoh New Tab (doesn't exist anymore)
  • Infinity New Tab (contains or does not contain Chinese spyware - anyway, I'm no longer allowed to use it in the office)
  • Radial New Tab
    • zag er veelbelovend uit, maar de zelf ingestelde iconen wijzigden vaak naar lelijke defaults zonder reden, dus dat
Andere
  • Home Sweet Home

The self hosted way (> 01/06/'26)

See: https://www.reddit.com/r/selfhosted/comments/1m24bvz/my_dashboard_a_lightweight_html_based_dashboard/

Get the code here: https://github.com/sardine-mehico/My-Dashboard

Background image height 100%

Google "css background image cover height 100%"

Background not scrolling

If the background image itself is scrolling (and you want the page to scroll, but the background image to stay fixed), use the background-attachment:
body {
    background-image: url('your-image.jpg');
    background-attachment: fixed;
    background-size: cover;
}

Hide scrollbar (but keep functionality)

body::-webkit-scrollbar {
 width: 0;
 }

Howto solve white letters not visible on white photo background - 04/07/'26

I first tried with mix-blend-mode, dat ziet er vooral psychedelisch uit, maar de leesbaarheid wordt niet bevorderd.

De oplossing schaduw toevoegen aan de letters middels drop-shadow().
filter: drop-shadow(#336666 1px 1px 1px);

Source: https://css-tricks.com/almanac/functions/d/drop-shadow/

Juiste schaduwkleur zoeken: colorhexa.com (gray / #999999 / dark slate gray / #336666)

Switch

21/05/2026
  old value new value
Home button https://inftab.com/ https://bousard.be/
New tab extension Radial New Tab  
This site is powered by FoswikiCopyright © by the contributing authors. All material on this collaboration platform is the property of the contributing authors.
Ideas, requests, problems regarding Foswiki? Send feedback