Unlock Google’s cool new Material Design interface hidden inside Chrome 68

google material design hidden inside latest chrome

Although Google’s Material Design user interface recently popped in the Chrome Canary channel, you can actually enable part of this interface in Chrome 68 for the desktop and Apple iOS devices. This is done by enabling the setting using the “flags” command in the address bar.

For desktop, do the following:

  1. Type chrome://flags/#top-chrome-md into the address bar.
  2. Next to “UI Layout for the browser’s top chrome,” switch from Default to Refresh.
  3. Restart Chrome.

Although Google lists MacOS, Windows, Linux, and Chrome OS as supporting platforms for this new interface, this change didn’t work for us in the MacOS version but clearly changed the interface for the Windows 10 build, pictured above. We didn’t test the Linux and Chrome OS versions.

What you’ll see with Google’s new design are straighter tabs with slightly rounded edges. The address bar also took a redesign hit with cleaner, rounded edges. Your icon, if logged into Google, now appears just to the right of the address bar and to the left of the three-dot Settings button.

google material design hidden inside latest chrome matrial iphone

Next, for iOS devices, do the following:

  1. Type chrome://flags/#top-chrome-md into the address bar.
  2. Under the “UI Refresh Phase 1” section, select Enabled.
  3. Restart Chrome.

Here you’ll see a bigger difference in the visual presentation. Prior to Material Design, the top toolbar consisted of Back and Forward buttons, the address bar, the squared tabs icon, and the three-dot settings icon. As you scrolled down the page this toolbar disappeared. Pull down on the page and you could add, refresh and close the current tab.

With Material Design enabled, a rounded address bar remains at the top of the browser but reduces to small text as you scroll down the page. At the bottom of the browser, you’ll find a toolbar playing host to the Back and Forward buttons, a search icon, the tabs icon, and the three-button settings icon. This toolbar will also disappear when you scroll down the page.

But that layout is for using the iOS device vertically. As shown above, when holding the iPad or iPhone horizontally, the toolbar and address bar merge to create one long strip along the top of the browser that shrinks into small text when you scroll down the page. Hold down on the page to add, refresh, or close a tab as usual.

In addition to adding the secret Material Design interface, Chrome 68 marks a change in how Google labels HTTP-based pages. Previously, Chrome merely provided an “I” icon next to the address to indicate a nonsecure connection. Chrome 68 adds “Not secure” next to that icon.

“Chrome’s ‘not secure’ warning helps you understand when the connection to the site you’re on isn’t secure and, at the same time, motivates the site’s owner to improve the security of their site,” Google says.

Websites with “HTTPS” before their address means your connection to that site is encrypted. Sites with a vanilla HTTP address do not provide a secure connection, hence the browser’s warning. According to Google, 83 out of the top 100 sites use HTTPS connectivity by default.

Emerging Tech

Awesome Tech You Can’t Buy Yet: Grow veggies indoors and shower more efficiently

Check out our roundup of the best new crowdfunding projects and product announcements that hit the web this week. You may not be able to buy this stuff yet, but it sure is fun to gawk!

New Chrome feature aimed at preventing websites from blocking Incognito Mode

A new Chrome feature will prevent websites from blocking Chrome users as they browse using Incognito Mode. The feature is supposed to fix a known loophole that allows websites to detect and block those using Incognito Mode.

Opera web browser targets enhanced accessibility with major redesign

The browser wars are heating up. In the latest move for Opera, a new development release pushes it even closer to Chrome with a redesign and overall goal of redefining the modern web browser. 

Miss Flash? It's not dead yet. Here's how to enable it in Chrome

Want to know how to enable Flash in Chrome? You need to jump through a couple of hoops but it's far from difficult. Just visit your favorite Flash site and follow these instructions and you'll be enjoying Flash content in no time.

Google Chrome’s Progressive Web Apps will soon play nicer with Windows 10

Google is adding a capability to the Chrome browser in an upcoming release that will integrate its Progressive Web Apps with notification badges in the system taskbar in Windows 10.

Are you one of the billions who have watched these super-popular YouTube videos?

Viral videos can quickly garner millions upon millions of views, but even they fall well behind the view counts on the most watched YouTube videos ever. Those have been watched billions of times.

Marriott asking guests for data to see if they were victims of the Starwood hack

Marriott has created an online form to help you find out if your data was stolen in the massive Starwood hack that came to light toward the end of 2018. But take note, it requires you to submit a bunch of personal details.

Windows updates shouldn't cause problems, but if they do, here's how to fix them

Windows update not working? It's a more common problem than you might think. Fortunately, there are a few steps you can take to troubleshoot it and in this guide we'll break them down for you step by step.

Speed up your system by tweaking the startup application in Windows and MacOS

Bothered by programs that automatically start when you boot your computer, or want to add a new one to the list? Here's how to change your startup programs in Windows 7, 8, and 10, along with Apple's MacOS.

Apple may go big with a redesigned 16-inch MacBook Pro, 31.6-inch 6K display

In a research note, well-respected Apple analyst Ming-Chi Kuo writes that there are indications the company could be releasing a 16-inch MacBook Pro, as well as a 31.6-inch 6K display in 2019.

Accidental Amazon listings provides peek at cost of GTX 1660 Ti PCs

An accidental listing on Amazon provided a peek at the final cost of some of the new Windows 10 desktops with the GeForce GTX 1660 Ti on board, with prices possibly in the $1,200 range.

The best Presidents’ Day sales 2019: Amazon, Walmart, Dell, and more

Presidents' Day sales are a great chance to score electronics, clothing, home and office stuff, and other goodies at a discount. We’ve smoked out a large handful of the best of these Presidents' Day deals, from tech to bedding, to help…

Nvidia promises DLSS at low resolutions will be ‘top priority’ in future updates

Nvidia's deep learning super sampling needs work. Gamers know it and now we know Nvidia knows it too. The company made it clear on the technology's FAQ page that it plans to make fixing DLSS a top priority.

All signs point to a new Apple external display in 2019. Will it be 6K or 8K?

Will there be an Apple Display 2019? It looks like Apple is getting ready to announce a new monitor, after canceling its old Thunderbolt Display back in 2016. But what will this new display look like? Here's what we know.