Today we're going to deploy a website to the google firebase. Google firebase is free &amp; easy to use. Google firebase provides the free hosting upto 1GB space, if you need more there are some plans provided by firebase. You can use as per your requirements.

Before starting, I assume you already have a google firebase account and a website ready to be host.

let's start hosting a website to google firebase.

<h3>1. Create a Build</h3>

Open cmd prompt in your website folder and run the below command

<pre class="wp-block-code"><code>npm run build</code></pre>

It will create a build folder which contains all the website data ready to be host. All website data means html, js, css, images files.
<img src="../../../../uploads/1744736389804-create-build-1024x516.png" alt="" width="1024" height="516">

<h3>2. Create Project in Firebase</h3>

Login to your Firebase Console &amp; add a new project. If you have already created a project, just choose that.
<img src="../../../../uploads/1744736425550-add-new-project-in-firebase-1024x470.png" alt="" width="1024" height="470">

<h3>3. Open Hosting Page</h3>

You can find a Hosting link in the left side menu. Click on it and open the hosting page.
<img src="../../../../uploads/1744736456047-here.png" alt="" width="960" height="439">

<h3>4. Set up firebase hosting.</h3>

Open cmd in your project folder and install the Firebase CLI into website.

<h4>1. Install Firebse CLI</h4>

<pre class="wp-block-code"><code>npm install -g firebase-tools</code></pre>

<h3><img src="../../../../uploads/1744736520931-firebase-installation-1024x240.png" alt="" width="1024" height="240"></h3>
<h4>2.&nbsp;Initialize the Project</h4>

Open a terminal window and navigate to or create a root directory for your web app

<h5>A. Sign in to Google</h5>

It will take you to Google Login page and log you in into the app.

<pre class="wp-block-code"><code>firebase login</code></pre>

<h5>B. Initiate your project</h5>

<pre class="wp-block-code"><code>firebase init</code></pre>

<ul>
<li>Go to hosting by up-down arrow key</li>
<li>Select Hosting by clicking the space button on keyboard and hit Enter</li>
<li>It will ask you to select the hosting folder, write build</li>
<li>Next Configure as a single-page app, write Y</li>
<li>Next Overwrite the index.html, write N</li>
<li>Firebase initialisation is complete. Now, deploy the website in next step.</li>
</ul>
<img src="../../../../uploads/1744736581454-firebase-initialisation-1024x517.png" alt="" width="1024" height="517">

<h4>3. Deploy to Firebase Hosting</h4>

Run this command from your app&rsquo;s root directory:

<pre class="wp-block-code"><code>firebase deploy</code></pre>

<h3><img src="../../../../uploads/1744736632941-firebase-deployemnt-1024x309.png" alt="" width="1024" height="309"></h3>
<h4>4. Open and run your website.</h4>

After successful deployment, firebase will provide you a link and you can use it to see your live website in action.

This link will be a subdomain of google domains. It will be look like your-project-id.web.app

If you want to add your custom domain to this website, you can follow the link <a href="../../../../blog/google-firebase-custom-domain-subdomain-mapping-with-godaddy">Map custom domain to firebase hosting.</a>

Have any questions? Write into the comment section.

Today we're going to deploy a website to the google firebase. Google firebase is free &amp; easy to use. Google firebase provides the free hostin...

How to deploy websites to Google Firebase - TCMHACK

How to deploy websites to Google Firebase

In my post about&nbsp;<a href="../../../../blog/how-to-deploy-websites-to-google-firebase">how to deploy your website on firebase</a>, I explained about hosting our website on Google Firebase and we are able to access the website using the firebase Url. Now in this article, we are going to talk and learn about adding our website with custom domain like your own domains purchased on the domain providing websites like&nbsp;<a href="https://www.godaddy.com/" target="_blank" rel="noreferrer noopener" aria-label=" (opens in a new tab)">GoDaddy</a>&nbsp;and&nbsp;<a href="https://www.namecheap.com/" target="_blank" rel="noreferrer noopener" aria-label=" (opens in a new tab)">NameCheap</a>. I this article we are going to integrate our domain in GoDaddy with Firebase hosted website. I tried and Integrated my custom domain by taking reference from&nbsp;<a href="https://firebase.google.com/docs/hosting/custom-domain" target="_blank" rel="noreferrer noopener" aria-label=" (opens in a new tab)">google firebase documentation</a>.

Let's Start the Domain/Subdomain Mapping.

<ol>
<li>Go to firebase console and check your project. <img src="../../../../uploads/1744736975467-firebase-project-overview-console-page-1024x447.png" alt="" width="1024" height="447"></li>
<li>Check your hosted site Click&nbsp;Hosting&nbsp;Link from the left side and you can see your default website deployed <img src="../../../../uploads/1744737058809-firebase-web-hosting-project-page-1024x284.png" alt="" width="1024" height="284"></li>
<li style="font-weight: bold;">Click Connect Domain link from the page.</li>
<li>Add Domain Name Add Domain name in the connect custom domain popup <img src="../../../../uploads/1744737126386-add-domain-name-in-customdomain-1-1024x621.png" alt="" width="1024" height="621"></li>
<li>Get Google Site Verification Code Now you will get the google site verification ID and Copy the Id Note: Do not copy the only value, you should copy the whole text like 
<pre>google-site-verification=9xUIjWlRgKX-jsM8Hhlaj3HHtDK0xnEoA98Ms </pre>
We need this google site verification Id to add to&nbsp;TXT record in DNS provider. <img src="../../../../uploads/1744737265680-verify-ownership-verification-customdomain-1024x583.png" alt="" width="1024" height="583"></li>
<li>Login to Godaday account Now go back to GoDaddy and login to your account and go to&nbsp;<a href="https://dcc.godaddy.com/domains/" target="_blank" rel="noreferrer noopener">Domain Page</a></li>
<li>Go to Manage DNS Now click on the three dots near to&nbsp;Use My Domain&nbsp;button and click&nbsp;Manage DNS link <img src="../../../../uploads/1744737338952-godaddy-manage-domain-dns-1024x663.png" alt="" width="1024" height="663"></li>
<li>Add Google Site Varification Code On manage DNS page add the value of google site verification Id as TXT value in the list <img src="../../../../uploads/1744737408772-txt-value-for-google-verification-1024x64.png" alt="" width="1024" height="64"></li>
<li>Verify Domain Mapping Now after adding this&nbsp;TXT value in the DNS list, Go back to firebase console and click the verify link from the custom domain popup</li>
<li>Get IP address of hosted site In FireBase on GoOnline Step you will get 2 IP address which you need to add in the GoDaddy DNS table again as&nbsp;Type A value <img src="../../../../uploads/1744737496213-typea-value-update-in-dns-table-1024x275.png" alt="" width="1024" height="275"></li>
</ol>

<pre class="wp-block-preformatted">&nbsp;</pre>

<blockquote class="wp-block-quote">
Use @ if you want to map the domain and subdomain for subdomain.
Example: @ will be refered as: http://www.mydomain.com and subdomain will be refered as http://subdomain.mydomain.com
</blockquote>

11. Now go back to Firebase console again and Connect.

After performing all the steps in some time, you can see your website is up and running with the custom domain you just added in the firebase. You will see certificate error for HTTP for some time but after some time with certificate verification, the error will go and you can access website in HTTPS.

Above steps, I used to connect my custom domain with GoDaddy and It worked for me. I wrote this article because I didn&rsquo;t find any recently updated article on the internet about the whole process.

Please feel free to write me incase you face issues while connecting your custom domain.

Learn how to map a custom domain or subdomain from GoDaddy to your Google Firebase project with step-by-step instructions and best practices.

Google Firebase custom domain/subdomain mapping with GoDaddy - TCMHACK

Google Firebase custom domain/subdomain mapping with GoDaddy

Google is building a new ad-blocker for Chrome that will specifically target ads that use too many system resources.



Chrome is <a rel="noreferrer noopener" aria-label=" (opens in a new tab)" href="https://www.techradar.com/in/news/im-sick-of-chrome-eating-all-my-ram-its-time-for-me-to-ditch-it-for-firefox-or-even-edge" target="_blank">notoriously RAM-hungry</a>, which can result in sluggish performance but the blame doesn't lie entirely with the browser. Sometimes ads can be responsible for sites slowing to a crawl.



As&nbsp;<a href="https://9to5google.com/2019/10/30/heavy-ad-blocker-chrome/" target="_blank" rel="noreferrer noopener">9to5Google</a>&nbsp;explains, Chrome's developers are working on a tool that will address this problem by not loading 'heavy ads' that put excessive demands on the user's device.



The tool was first mentioned in <a rel="noreferrer noopener" href="https://chromium-review.googlesource.com/c/chromium/src/+/1675916" target="_blank">a message from a Chromium developer</a>. And Google has now <a rel="noreferrer noopener" href="https://github.com/johnivdel/heavy-ad-intervention/blob/master/README.md#proposed-thresholds" target="_blank">published a short guide</a> explaining it further and defining exactly what is meant by 'heavy'.



According to the guide, ads will be blocked if they use the main processor thread for more than 60 seconds in total. Or use the main thread for more than 15 seconds in any 30-second window, or use more than 4MB network bandwidth to load resources. Blocked ads will be replaced with an error message explaining why Chrome has removed it.



<a rel="noreferrer noopener" href="https://techdows.com/2019/10/chrome-80-gets-heavy-ad-intervention-feature-in-canary.html" target="_blank">Techdows</a> has also noticed two new flags in <a rel="noreferrer noopener" href="https://www.google.com/chrome/canary/" target="_blank">Chrome Canary</a>.  It's relating to the 'heavy ad' blocker, which you can enable to try the feature now. However, it's worth bearing in mind that the blocker is still at an experimental stage. It isn't likely to appear in the release version of Chrome for several months. It might not work perfectly yet, and Google might choose to adjust its definition of a 'heavy ad' before then.



<h2 id="you-vs-the-advertisers">You vs the advertisers</h2>



Google faces a tricky dilemma with advertising. It makes up the bulk of the company's income but it can spoil the browsing experience for Chrome users. Particularly when it compromises their privacy or affects browsing speeds.



Google has suggested a way to serve targeted ads to users without monitoring their online activity using tracking cookies (a method it calls a '<a rel="noreferrer noopener" aria-label=" (opens in a new tab)" href="https://www.techradar.com/in/news/google-wants-chrome-to-feed-you-targeted-ads-while-somehow-respecting-your-privacy" target="_blank">privacy sandbox</a>'). But moving to such a model would require an overhaul of the whole online advertising industry. If any company has the power to bring that about, it's Google, but such a huge change isn't likely to happen any time soon.



For now, Google appears to have resigned itself to tackling the most obtrusive ads. It seems to be experimenting with a tool that will let users <a rel="noreferrer noopener" aria-label=" (opens in a new tab)" href="https://www.techradar.com/in/news/chrome-is-taking-a-page-out-of-firefoxs-book-and-making-your-privacy-a-priority" target="_blank">block third-party cookies</a>. It's an option that's already enabled by default in rival browsers such as Firefox.



Hopefully this, combined with the 'heavy ad' blocker, will let Google strike a reasonable compromise, improving the experience for its users without putting too large a dent in its ad business.

Google is building a new ad-blocker for Chrome that will specifically target ads that use too many system resources.



Chrome is notoriously RAM...

Chrome is getting a 'heavy ad' blocker to speed up browsing, and you can try it now - TCMHACK

Chrome is getting a 'heavy ad' blocker to speed up browsing, and you can try it now

Google is working on a dark mode for desktop versions of its browsers and its ChromeOS operating system.



For a few months it's been possible to activate a dark mode for Chrome on Android that changes the color of webpages. And according to <a rel="noreferrer noopener" href="https://9to5google.com/2019/07/29/google-chromes-dark-mode-for-the-web-is-coming-to-desktop-and-chrome-os/" target="_blank">9to5Google</a>, that feature will soon become cross-platform.



Currently, it's possible to activate dark mode on Chrome for Android by enabling a 'flag' (an experimental feature) in the browser. This Android-specific flag has now been replaced by one that will work across all platforms.



<h2 id="a-walk-on-the-dark-side">A walk on the dark side</h2>



When Android Q is released (possibly within the next few weeks), it will include&nbsp;<a href="https://www.techradar.com/in/how-to/dark-theme">a system-wide dark theme</a>, which swaps the operating system's default bright white design to something easier on the eyes.



If you've experimented with the dark mode for Android, you may have noticed that it's not quite ready for release yet; some controls are tricky to see with the new colors, and websites are sometimes rendered hard to read where colors are inverted.



With Android Q now imminent, hopefully those issues will be resolved very soon and we'll be able to enjoy browsing the web in dark mode on all our devices.

Google is working on a dark mode for desktop versions of its browsers and its ChromeOS operating system.



For a few months it's been possible t...

Google Chrome for desktop is finally getting a dark mode - TCMHACK

Google Chrome for desktop is finally getting a dark mode

Google Registry has made the .new domain extension available for anyone to use to create custom shortcuts.

Google originally launched the .new extension to be used as shortcuts for its own services. For example, to create a new document or a spreadsheet, you can simply go to .doc or .sheets.

Now, any company can&nbsp;<a href="https://www.registry.google/" target="_blank" rel="noopener">register</a>&nbsp;a .new domain to create similar shortcuts for their own offerings and some companies have already started doing so. Here are some examples that have been created already:

<ul>
<li>Word.new: Create a new document in Microsoft Word</li>
<li>Playlist.new: Create a new Spotify playlist</li>
<li>Sell.new: Create a new product listing on eBay</li>
<li>Link.new: Create a new short link with Bitly</li>
<li>Reservation.new: Make a reservation with OpenTable And others</li>
</ul>

Google notes that, similar to its .app, .page, and .dev extensions, all .new extensions will be served over HTTPS by default.

Registrations of .new domains are available first to trademark owners for a limited time. From December 2, 2019 to January 14, 2020, trademark owners can apply for their trademarked .new domains.

Presumably, all available .new domains will be up for grabs after the limited registration period.

Google Registry has made the .new domain extension available for anyone to use to create custom shortcuts.

Google Lets Anyone Register a .New Domain to Create Custom Shortcuts - TCMHACK

Google Lets Anyone Register a .New Domain to Create Custom Shortcuts

Recently, Google has involved itself in numerous privacy and security changes within Google Chrome. The most important of these was the emphasis on HTTPS for websites. Now, they have announced another strict move in this connection. Google intends to block HTTPS mixed content within their Chrome browser. 



<h2>Google To Block Mixed Content</h2>



Reportedly, Google plans to block mixed content for HTTPS in the future. According to a recent <a href="https://security.googleblog.com/2019/10/no-more-mixed-messages-about-https_3.html" target="_blank" rel="noreferrer noopener" aria-label="blog post (opens in a new tab)">blog post</a> by the Chrome Security Team, Google will eventually block mixed content entirely within Chrome. This would ensure full HTTPS implementation only.



<h2>What Is Mixed Content</h2>



As explained separately, ‘<a rel="noreferrer noopener" aria-label="Mixed Content (opens in a new tab)" href="https://developers.google.com/web/fundamentals/security/prevent-mixed-content/what-is-mixed-content" target="_blank">Mixed Content</a>’ refers to the type of content on websites using HTTPS where certain elements on the web page load over HTTP.



<blockquote class="wp-block-quote">Mixed content occurs when initial HTML is loaded over a secure HTTPS connection, but other resources (such as images, videos, stylesheets, scripts) are loaded over an insecure HTTP connection. This is called mixed content because both HTTP and HTTPS content are being loaded to display the same page, and the initial request was secure over HTTPS. </blockquote>



<h2>How It Affects Browser Security</h2>



Although, Chrome used to notify users about the presence of such content. It couldn’t protect the users from the potential evils of HTTP content on the web page. Thus, the existence of such content downgrades the extent of security as ensured with full HTTPS sites.



<blockquote class="wp-block-quote">Requesting subresources using the insecure HTTP protocol weakens the security of the entire page, as these requests are vulnerable to man-in-the-middle attacks, where an attacker eavesdrops on a network connection and views or modifies the communication between two parties.</blockquote>



Eventually, the presence of such content could even allow an adversary to take complete control of the affected page. 



Google explained that such content also affects the browser security UX. The browser could neither present it as HTTPS, nor HTTP. 



<h2>Implementation To Happen Gradually </h2>



While Google has announced their plans to ensure no mixed content, it will do so in a number of different steps. Consequently, HTTPS websites with mixed content have enough time to modify the affected pages accordingly. 



As per the disclosed timeline, initially, Google will roll out settings for users to unblock mixed content on sites. This will take place with Chrome 79 releasing in December 2019. 



Then, with Chrome 80, Google will block audio/video resources that fail to load over HTTPS by default. Users would still be able to unblock the content via given settings. However, it will allow the mixed images, where the browser will prompt the site as ‘Not Secure’. 



Finally, with Chrome 81 coming in February 2020, Google will block mixed images as well. 



For convenience, Google has shared detailed guides for <a rel="noreferrer noopener" aria-label="migrating to HTTPS (opens in a new tab)" href="https://developers.google.com/web/fundamentals/security/encrypt-in-transit/enable-https" target="_blank">migrating to HTTPS</a> and <a href="https://developers.google.com/web/fundamentals/security/prevent-mixed-content/fixing-mixed-content" target="_blank" rel="noreferrer noopener" aria-label="preventing mixed content (opens in a new tab)">preventing mixed content</a> as well.

Recently, Google has involved itself in numerous privacy and security changes within Google Chrome. The most important of these was the emphasis ...

Google Plans To Block Mixed Content With HTTPS On Chrome Browser - TCMHACK

Google Plans To Block Mixed Content With HTTPS On Chrome Browser

Google is adding support for native lazy loading to the latest version of the Chrome browser &ndash; Chrome 76.

In an&nbsp;<a href="https://web.dev/native-lazy-loading" target="_blank" rel="noreferrer noopener" aria-label=" (opens in a new tab)">announcement</a>, the company states:

<blockquote class="wp-block-quote">
&ldquo;Starting with Chrome 76, you&rsquo;ll be able to use the new loading attribute to lazy-load resources without the need to write custom lazy-loading code or use a separate JavaScript library.&rdquo;
</blockquote>

Lazy loading delays the loading of &nbsp;below-the-fold images until the user begins scrolling closer to them.

The end result is faster load times, minimized bandwidth for users, and reduced memory usage.

Previously, in order to take advantage of lazy loading, developers either had to use the Intersection Observer API or implement complicated event handlers.

Now, with lazy loading supported directly within Chrome, developers can add a simple &lsquo;loading&rsquo; attribute when embedding images.

Here&rsquo;s what the code looks when adding the loading attribute to an image and an iframe:
<img src="../../../../uploads/1744738501928-2f84104d-2d77-4279-a2d7-f4f3a461d8bf-1024x137.jpeg" alt="" width="1024" height="137">
You don&rsquo;t even need the expertise of a developer to implement the loading attribute, as long as you have some basic knowledge of HTML. This makes lazy loading accessible to many more site owners.

The loading attribute supports the following values:

<ul>
<li>auto: Default lazy-loading behavior of the browser, which is the same as not including the attribute.</li>
<li>lazy: Defer loading of the resource until it reaches a calculated distance from the viewport.</li>
<li>eager: Load the resource immediately, regardless of where it&rsquo;s located on the page.</li>
</ul>

This feature will continue to be updated until the stable version of Chrome 76 is released.

The old method of implementing lazy loading via JavaScript is still required for browsers that do not support the new &lsquo;loading&rsquo; attribute.

Google is adding support for native lazy loading to the latest version of the Chrome browser – Chrome 76.



In an announcement, the company stat...

Google Chrome Will Soon Support Lazy Loading at the Browser-Level - TCMHACK

Google Chrome Will Soon Support Lazy Loading at the Browser-Level

<a href="https://www.google.com/chrome/">Google Chrome</a>&nbsp;is the most widely used web browser in the world. It is fast, easy to use and secure browser built for the modern web.

Chrome is not an open source browser and it is not included in the Ubuntu repositories. Google Chrome is based on&nbsp;<a href="https://www.chromium.org/">Chromium</a>, an open-source browser which is available in the default Ubuntu repositories.

In this tutorial, we&rsquo;ll show you how to install Google Chrome web browser on Ubuntu 18.04. The same instructions apply for Ubuntu 16.04 and any other Debian based distribution, including Debian, Linux Mint and Elementary OS.

<h3 id="prerequisites">Prerequisites</h3>

Before continuing with this tutorial, make sure you are logged in as a&nbsp;user with sudo privileges.

<h3 id="installing-google-chrome-on-ubuntu">Installing Google Chrome on Ubuntu</h3>

To install Google Chrome on your Ubuntu system, follow these steps:

<h4 id="1-download-google-chrome">1. Download Google Chrome</h4>

Open your terminal either by using the&nbsp;<code>Ctrl+Alt+T</code>&nbsp;keyboard shortcut or by clicking on the terminal icon.

Download the latest Google Chrome&nbsp;<code>.deb</code>&nbsp;package with&nbsp;wget:

<pre class="wp-block-code"><code>wget https://dl.google.com/linux/direct/google-chrome-stable_current_amd64.deb</code></pre>

<h4 id="2-install-google-chrome">2. Install Google Chrome</h4>

Installing packages on Ubuntu requires sudo privileges. Make sure you are running the following command as a user with sudo privileges.

Install the Google Chrome&nbsp;<code>.deb</code>&nbsp;package by typing:

<pre class="wp-block-code"><code>sudo dpkg -i google-chrome-stable_current_amd64.deb</code></pre>

You will be asked to enter your user password. The output should look something like the following:
<img src="../../../../uploads/1744771705105-ubuntu-install-google-chrome-1024x214.jpg" alt="" width="1024" height="214">

<h3 id="starting-google-chrome">Starting Google Chrome</h3>

Now that Google Chrome is installed on your Ubuntu system you can start it either from the command line by typing&nbsp;<code>google-chrome</code>&nbsp;or by clicking on the Google Chrome icon (<code>Activities -&gt; Google Chrome</code>):
<img src="../../../../uploads/1744771743215-ubuntu-open-google-chome-1024x768.jpg" alt="" width="1024" height="768">

When you start Google Chrome for the first time, a window like the following will appear asking if you want to make Google Chrome your default browser and to send usage statistic and crash reports to Google:
<img src="../../../../uploads/1744771792181-ubuntu-google-chome-default-browser-1024x768.jpg" alt="" width="1024" height="768">

Select according to your preference, and click&nbsp;<code>OK</code>&nbsp;to proceed.

Google Chrome will open and you&rsquo;ll see the default Chrome welcome page.
<img src="../../../../uploads/1744771831407-ubuntu-google-chome-welcome-page-1024x768.jpg" alt="" width="1024" height="768">

From here you can sign-in to Chrome with your Google Account to sync your bookmarks, history, passwords and other settings on all your devices.

<h3 id="updating-google-chrome">Updating Google Chrome</h3>

During the installation process, the official Google repository will be added to your system. You can use the&nbsp;cat command&nbsp;to verify the file contents:

<pre class="wp-block-code"><code>cat /etc/apt/sources.list.d/google-chrome.list</code></pre>

<pre class="wp-block-code"><code>### THIS FILE IS AUTOMATICALLY CONFIGURED ###
# You may comment out this entry, but any other modifications may be lost.
deb [arch=amd64] http://dl.google.com/linux/chrome/deb/ stable main</code></pre>

This ensures that your Google Chrome installation will be updated automatically when a new version is released through your desktop standard Software Update tool.

<h4 id="conclusion">Conclusion</h4>

In this tutorial, we&rsquo;ve shown you how to install Google Chrome on your Ubuntu 18.04 desktop machine.

If you&rsquo;ve previously used a different browser, like Firefox,&nbsp;Chromium&nbsp;or&nbsp;Opera, you can import your bookmarks and settings into Chrome.

Feel free to leave a comment below.

Google Chrome&nbsp;is the most widely used web browser in the world. It is fast, easy to use and secure browser built for the modern web...

How to Install Google Chrome Web Browser on Ubuntu 18.04 - TCMHACK

How to Install Google Chrome Web Browser on Ubuntu 18.04

Adobe Flash is going away in 2020; better,&nbsp;support for Adobe Flash ends in 2020. Adobe won't support Flash anymore, and all major browser makers revealed plans to retire Flash in their browsers.

While that means that most browsers won't support Flash content anymore and that there won't be any more updates for Flash, it does not really mean that all Flash content on the Internet is suddenly going away.&nbsp;A Flash Games Preservation project&nbsp;aims to archive Flash games and make them available in a dedicated application so that users may still play them.

Google targets Chrome 87 as the target release for Flash removal in the web browser. While there is still a good 18 month until that deadline, things are going to get more annoying soon in regards to Flash.

More annoying, because Google tightened the Flash use screws already in Chrome 69. The browser, released in August 2018, changed the Flash permissions system from a permanent state to a session-only state.
<img src="../../../../uploads/1744773955094-flash-player-will-no-longer-be-supported-1024x393.png" alt="" width="1024" height="393">

Starting in Chrome 76, out July 2019, Flash is set to block by default. Chrome will still support Flash at this point, and it is even possible to switch the Flash setting to Ask First again, but that leads to a new problem for users who have set Flash to Ask First: Chrome displays a Flash deprecation warning on start if Ask First is set. The message states "Flash Player will no longer be supported after December 2020". The learn more link leads to the "Saying goodbye to Flash in Chrome" post from 2017.

The notification may display for a while or just flash for a brief moment. Considering that this is being tested in Chrome Canary currently, it seems likely that Google is still testing the new notification and system before it reaches the stable channel.

There is no option to disable the notification in Chrome (other than blocking Flash).
<img src="../../../../uploads/1744773992840-flash-settings-chrome-1024x448.png" alt="" width="1024" height="448">

To summarize: starting with Chrome 76, Flash is blocked by default. Users may still enable Flash by loading&nbsp;chrome://settings/content/flash&nbsp;and setting the technology to Ask First.

Any site permission given during a session is not saved anymore if it is a Flash permission, and it is discarded when the browser is closed. You may run Flash content then in different ways, e.g. by clicking on the "click to play" area of the Flash element to display a "site wants to Run Flash" prompt which you need to allow, or by adding the site to the allow list for Flash (which Chrome will remove when you close the browser).
<img src="../../../../uploads/1744774022840-screenshot-20.png" alt="" width="1000" height="480">

The easiest method to do the latter is to click on the icon in front of the URL, select Site Settings, and set Flash to allow on the page that opens. Things get a bit easier on consecutive sessions as you find the Flash control attached to the initial prompt when you click on the icon in front of the URL.

Note:&nbsp;Some video download extensions&nbsp;may not work properly anymore in Chrome until you enable Flash.

Google is not the only company that is making Flash use more annoying.&nbsp;Mozilla disabled Flash in Firefox 69 by default&nbsp;for users who still have it installed on their systems. Firefox does not include a native Flash solution like Chrome.

Adobe Flash is going away in 2020; better, support for Adobe Flash ends in 2020. Adobe won't support Flash anymore, and all major browser...

Chrome 76: Flash block and making Flash use more annoying - TCMHACK

Chrome 76: Flash block and making Flash use more annoying

WordPress locator plugins are the perfect solution to provide a convenient way for your customers to find your nearest store and the shortest way to get there&mdash;especially if your business has multiple locations. Customers may want intimate contact with a product before they make a purchase online, and a visit to your store provides the opportunity to do so. Not only that, but customers will have fewer inquiries and fewer returns for in-store purchases as compared to online shopping. Many types of business will be able to benefit from having WordPress locator plugins on their website. The beauty of these plugins is that they use Google Maps, which has features like zooming, routing, location sharing, and even verbal instructions already built in. Some of these plugins also support WooCommerce, letting you inform customers which items are available in-store and the nearest store which has an item in stock. In this post, we are going to look at some of the best WordPress locator plugins on CodeCanyon. Let's get started!
<h2 class="nolinks"><a href="https://codecanyon.net/item/map-list-pro-google-maps-location-directories/2620196?s_rank=1" target="_blank" rel="noopener">Map List Pro</a></h2>
<figure class="post_image"></figure>
<img class="aligncenter wp-image-200 size-full" src="../../../../uploads/1744863569069-map-pro.png" alt="" width="722" height="518"> <a href="https://codecanyon.net/item/map-list-pro-google-maps-location-directories/2620196?s_rank=1" target="_blank" rel="noopener">Map List Pro</a>&nbsp;is the perfect store locator for creating multiple locators, office addresses, and even contact lists. In addition, it comes with more than 35 styles for you to choose from. Let's look at some of the notable features of this plugin.
<h4 class="nolinks">Easy-to-Use Location Editor</h4>
You can create and edit locations easily by searching for them in the editor, since all the details are already filled out for you. You can then fine-tune or add locations by dragging and dropping the pin to where you want it to be.
<h4 class="nolinks">Custom Icons and Clustered Markers</h4>
This plugin contains hundreds of icons which can use in your maps. The clustered markers are suitable for maps with a large number of locations and make navigation easier. It also includes different display modes for your maps, such as:
<ul>
<li>simple map:&nbsp;this is just a simple map without sorting and searching</li>
<li>search by title:&nbsp;contains a search box where customers can search stores by title, description, and categories</li>
<li>search by location:&nbsp;lets customers look for stores near a certain location</li>
<li>search by location and text:&nbsp;search for stores near a location with a certain keyword</li>
<li>geolocate map:&nbsp;this kind of map will ask the user for their location and return results that are nearby</li>
</ul>
<h2 class="nolinks"><a href="https://codecanyon.net/item/super-store-finder-for-wordpress/11334595?s_rank=2" target="_blank" rel="noopener">Super Store Finder</a></h2>
<figure class="post_image"></figure>
<img class="aligncenter wp-image-203 size-full" src="../../../../uploads/1744863616817-store-finder.jpg" alt="" width="850" height="465"> <a href="https://codecanyon.net/item/super-store-finder-for-wordpress/11334595" target="_blank" rel="noopener">Super Store Finder</a>&nbsp;for WordPress is another fully responsive store locator that comes with a powerful admin store locator. You can manage stores and tags/categories, as well as customizing styles, colors, labels, notifications, regions, and map settings. This plugin also comes with a&nbsp;<a title="Link: https://codecanyon.net/item/marker-clusterer-addon-for-wordpress/13486787?s_rank=5" href="https://codecanyon.net/item/marker-clusterer-addon-for-wordpress/13486787?s_rank=5" target="_blank" rel="noopener">Marker Clusterer Add-on for WordPress</a>&nbsp;which you can additionally purchase. It enables you to combine many markers and then show them as clusters.
<figure class="post_image"></figure>
<img class="aligncenter wp-image-201 size-full" src="../../../../uploads/1744863649593-marker-clusterer.jpg" alt="" width="816" height="336"> Some of the features include:
<ul>
<li>built-in geolocation:&nbsp;allows your customers to find the exact location of your store and how to get there in the shortest time</li>
<li>showcase store images and videos:&nbsp;upload and showcase images and videos on the store locator&mdash;for example, images of dishes available at a restaurant</li>
<li>import bulk addresses</li>
<li>search stores by region:&nbsp;a useful feature if you have multiple stores in different countries</li>
<li>attach a&nbsp;contact form&nbsp;to individual stores</li>
</ul>
<div class="post__inarticle-ad-template">
<div class="avert fuse-ad">
<div class="avert__wrapper">&nbsp;</div>
</div>
</div>
<h2 class="nolinks"><a href="https://codecanyon.net/item/agile-store-locator-google-maps-for-wordpress/16973546?s_rank=3" target="_blank" rel="noopener">Agile Store Locator</a></h2>
<figure class="post_image"></figure>
<img class="aligncenter wp-image-198 size-full" src="../../../../uploads/1744863677401-agile.jpg" alt="" width="850" height="606"> <a href="https://codecanyon.net/item/agile-store-locator-google-maps-for-wordpress/16973546?s_rank=3" target="_blank" rel="noopener">Agile Store Locator</a>&nbsp;is a very powerful locator plugin which features three unique themes, with each theme having a different style. This gives you an option to choose the style which most closely matches your website. Agile Store Locator also comes with a dashboard panel where you can see all the statistics such as the number of stores, markers, categories, and search count. It also displays important data like the most viewed stores and locations. Other features include:
<ul>
<li>maps in multiple languages</li>
<li>time switch:&nbsp;a unique feature which allows you to show only the stores that are open at a given time</li>
<li>draw the&nbsp;direction from one point to another&nbsp;and instructions on how to get there</li>
<li>import and export stores, manage categories, and display locations on customized maps</li>
</ul>
<h2 class="nolinks"><a href="https://codecanyon.net/item/woocommerce-store-locator/15762057?s_rank=4" target="_blank" rel="noopener">WordPress Store Locator</a></h2>
<figure class="post_image"></figure>
<img class="aligncenter wp-image-198 size-full" src="../../../../uploads/1744863677401-agile.jpg" alt="" width="850" height="606"> <a href="https://codecanyon.net/item/woocommerce-store-locator/15762057" target="_blank" rel="noopener">WordPress Store locator</a>&nbsp;is your ultimate eCommerce store locator. It gives you the ability to link products to your stores&mdash;this means that you can add a&nbsp;Find it in a Store&nbsp;button next to your products. This has the potential to increase sales, since customers are likely to buy more items if they come to the store. It also includes more than 10 layouts and 90 options for styling maps. Other features are:
<ul>
<li>support for&nbsp;multiple languages</li>
<li>customization: you can customize everything including color, data, and even map styling</li>
<li>ability to&nbsp;import and export stores</li>
<li>ability to embed a&nbsp;contact form&nbsp;for multiple stores</li>
<li>embed the locator&nbsp;on any page</li>
<li>automatic&nbsp;geolocation</li>
<li>store data customization: customize what data you want to show for a particular store</li>
</ul>
<h2 class="nolinks"><a title="store-locator-plugin-for-wordpress" href="https://codecanyon.net/item/store-locator-plugin-for-wordpress/15672329?s_rank=6" target="_blank" rel="noopener">Responsive Store Locator</a></h2>
<figure class="post_image"></figure>
<img class="aligncenter wp-image-202 size-full" src="../../../../uploads/1744863764913-responsive.jpg" alt="" width="783" height="486"> <a href="https://codecanyon.net/item/store-locator-plugin-for-wordpress/15672329?s_rank=6">Responsive</a><a href="https://codecanyon.net/item/store-locator-plugin-for-wordpress/15672329?s_rank=6" target="_blank" rel="noopener">&nbsp;Store Locator</a>&nbsp;is a multipurpose listing plugin that allows you to show locations that are in close proximity to your customers. It also comes with a powerful back-end where you can upload multiple store locations, translate your maps and locations into multiple languages, and apply beautiful skins to maps. This plugin is also WooCommerce&nbsp;supported&mdash;this means that you can assign stores to products, let the customers know whether the item is available in-store, and direct them to the nearest stores to buy the product. This plugin also lets you upload stores without knowing their latitude and longitude coordinates. This can be a real time-saver! Other features include:
<ul>
<li>smart&nbsp;geotagging</li>
<li>visitors can view directions to the store in the&nbsp;kilometers&nbsp;or&nbsp;miles</li>
<li>search for nearby stores&nbsp;by address or postal code</li>
<li>ability to sort stores by distance</li>
<li>customers can also store listings for later use</li>
</ul>
<h2 class="nolinks">Conclusion</h2>
So that's it&mdash;some of the best WordPress store locator plugins on CodeCanyon. All these plugins are very easy and quick to set up, and support is available. We can't wait for you to try them!

WordPress locator plugins are the perfect solution to provide a convenient way for your customers to find your nearest store and the shortest way...

5 Best Store Locator WordPress Plugins - TCMHACK

5 Best Store Locator WordPress Plugins

Over three years after&nbsp;Google&nbsp;&nbsp;<a href="http://www.businessinsider.com/google-just-paid-25-million-to-buy-the-entire-app-web-domain-2015-2" target="_blank" rel="noopener">paid $25 million</a>&nbsp;to gain the exclusive rights to the &ldquo;.app&rdquo; top-level domain, the company is at last making .app domains available to register starting today and running through May 7, at 9 AM PDT via Google&rsquo;s Early Access Program. The following day, May 8, the domains will go on sale for the general public, including through other registrars.
The new top-level domain (TLD) is an obvious choice for app developers and others in the tech industry, as it serves as an easy-to-remember alternative to .com domains &ndash; where inventory has long been running low for popular words. In addition to the expected demand, Google is requiring HTTPS for all. app websites. This built-in security protects against ad malware, tracking injection by internet service providers, and safeguards against spying on open Wi-Fi networks, the company explains. Google has been an advocate of pushing the web towards HTTPS adoption, noting last fall&nbsp;<a href="https://techcrunch.com/2017/10/20/https-is-booming-says-google/" target="_blank" rel="noopener">that 64 percent of traffic through its Chrome browser</a>&nbsp;on Android was protected, up from 42 percent the year before. Chrome traffic on Mac was up to 75 percent, and on Windows up to 66 percent at the same time. The increases were due to a number of actions on Google&rsquo;s part, including its&nbsp;decision&nbsp;to flag all websites using HTTP to transmit private information as &ldquo;insecure.&rdquo; This year,&nbsp;<a href="https://techcrunch.com/2018/02/08/chrome-will-soon-mark-all-unencrypted-pages-as-not-secure/" target="_blank" rel="noopener">Google said it would mark all pages without HTTPS</a>&nbsp;encryption as insecure starting in July with the launch of Chrome 68. Given its plans, it makes sense that Google&rsquo;s new domain addition would also include HTTPS protection built-in. Still, it&rsquo;s something of a milestone, Google notes. &ldquo;Because .app will be the first TLD with enforced security made available for general registration, it&rsquo;s helping move the web to an&nbsp;<a href="https://security.googleblog.com/2018/02/a-secure-web-is-here-to-stay.html" target="_blank" rel="noopener">HTTPS-everywhere future</a>&nbsp;in a big way,&rdquo; the company writes in its&nbsp;<a href="https://www.blog.google/topics/developers/introducing-app-more-secure-home-apps-web/" target="_blank" rel="noopener">announcement</a>&nbsp;of the new TLD. <img class="aligncenter wp-image-71 size-full" src="../../../../uploads/1744909050424-get-app-screenshot.png" alt="" width="1512" height="800"> Prior to the public launch of .app, Google had reached out to potential candidates, offering them a first crack at grabbing a .app domain in order to showcase the potential use cases. Some of those who are already live on .app domains include Outdoor Voices, Cash App, Sitata, Albert, Picnic, Trail, BNEXT, Bark, CallApp, The Podcast App, Pickle, MenaVR and many others from around the world. The company also removed the requirement that limited the domain to app developers, though Google suggests the name makes the most sense in that market. In an&nbsp;<a href="https://domainnamewire.com/2018/03/07/app-domains-are-coming-qa-with-google/" target="_blank" rel="noopener">interview last month with Domain Name Wire</a>, Google said that it aims to make .app domains affordable &ndash; it expects the pricing to be less than its other TLDs like .how or .soy, for example. The site said that would mean wholesale pricing would be around $10-12 and retail registrations would be $20. (Pricing was not detailed in today&rsquo;s announcement, however.) Interested .app domain shoppers can register their domain of choice today through May 7, 2018 starting at 9 AM PDT, if they want to pay the additional fee for early access ahead of the domain&rsquo;s launch to the public through other registrars. More info is on the&nbsp;<a href="https://get.app/" target="_blank" rel="noopener">get.app website</a>.

Over three years after Google  paid $25 million to gain the exclusive rights to the “.app” top-level domain, the company is at last making .app d...