Demo »

Discontent with the latest updates to the New Tab page in the Google Chrome browser, we set out to create a static HTML document that looks like the old New Tab page which we could then use as our start page. Creating the start page was straightforward enough, but we found that even though we set our HTML document’s URL as the start page in the Chrome browser’s settings, we only saw our custom start page show up on the first New Tab page shown after each restart. However, the New Tab Redirect! extension fixes this issue.

Here’s the HTML markup, with inline CSS:

As you can see, we’ve included break points using media queries to ensure the group of icons is always centered in the page. Just adjust the width of your browser window to see this in effect. We’ve included twelve icons linking to our website, just for an example, but you can set up any amount of icons according to your own needs. Then just post this HTML document and it’s images at a URL somewhere and use that URL when configuring the New Tab Redirect! extension. To retain the focus in the URL bar you can specify a local file using file://path/to/start.html as the URL.