Did you know that "male lions defend the pride's territory while females do most of the hunting"? Did you know that "the name humpback whale describes the motion it makes as it arches its back out of the water in preparation for a dive"? What about this one: "ostriches have the largest eyes of any land living animal and they measure 50 mm (2 inches) in diameter"?
Google now shows random facts about animals in the "did you know" section of the Knowledge Graph card. They're extracted from various sites and Google actually links to the source.
Some example of queries that return random facts: [cat], [lion], [tiger], [alpaca], [giraffe], [ostrich], [duck], [elk], [raccoon], [shark]. It's worth pointing out that you can get another random fact by reloading the page or searching again for the same animal.
Google Knowledge Graph has more than one billion entities and more than 70 billion facts about these entities (people, places, things). It's huge and it brings a different dimension to search: understanding concepts and the relation between them.
Mobile Google Search now has a section called "found in related search", which shows a few entities frequently mentioned in other related searches. For example, I searched for [ethanol molar mass] and Google showed 2 lists of organic and inorganic compounds: one of them was found in the related search [properties of alkanes] and the other was for [polar solvents]. Ethanol is a polar solvent which can be obtained from alkenes, while alkenes can be derived from alkanes, so Google's suggestions are somewhat useful.
This feature is not limited to chemistry, it also works for other topics. Here's a different query: [tour eiffel design], which shows other "towers of the world" and "tourist attractions in France".
I noticed an interesting Google Search experiment in the mobile/tablet interface. When searching for [alcohol with the highest boiling], Google converted my query into a question: "Which alcohol has the highest boiling point?", then it tried to answer the question using a snippet from a web page and then it added a "more results" link. Google's link sent to me to the search results page for the question inferred by Google.
When you search Google for [directions] or [get directions], you get an error message: "No results for that place. Try entering it below to get suggestions." Google shows a special card for directions with cool features like autocomplete, but the error message is out of place because you haven't typed a location.
Suggestions aren't very smart. For example, I typed "Brisbane, Australia" as the starting point and then I started to type "Mel" as the destination. Google suggested 3 places from California, strictly based on my location, while ignoring that Melbourne is a much better suggestion.
Google shows directions inside the card and you can pick between driving, walking, cycling or using public transportation.
To see the directions, just click the text that describes your favorite route. If there is only one route, pick that one. Another option is to click "directions" and go to the Google Maps site.
I'm not sure if this is a new feature, but it must be pretty recent. Google Maps for Android lets you add home screen shortcuts to directions directly from the app. Just search for directions, tap the menu icon and pick "add route to Home screen". This works best when you select the current location, but it's not a requirement.
You may also see this message: "Go here often? Add this route. Tap here to add a Home screen shortcut to this route."
Another option is to add the directions widget, which lets you pick the shortcut name, whether to start turn-by-turn navigation and more.
Rollover image is a design feature where an image changes when your mouse hovers over it. Think of a light bulb that turns on and off when you move your mouse cursor into that area of a page. When a page is loading, rollover images are preloaded into it to ensure that the rollover effect is displayed quickly.
This used to be implemented using JavaScript, which is fairly easy with just a small amount of script involved. To make rollover images functional, onmouseover and onmouseout attributes are used to a link tag. The code is then added to a blog gadget or into a new post. It proved to have a number of disadvantages, however, which is why many web developers are using a CSS-only method.
How to create a rollover image using CSS
Here is how to implement a rollover image using CSS. Before getting started, we need to have two images ready, one in its initial/static state as well as its rollover state.
The Image
Place both the static and rollover image in one file and make sure that the rollover image is placed on top of the static one. To achieve the rollover effect, we'll write a code to display the static image and crop the hover image, so that only one image state is displayed at a time.
For this tutorial, we'll use the following as a CSS rollover image.
Creating an HTML Anchor Element for our Image
Instead of adding the image file in a <img> tag, we'll display it as a background image of an </a> (anchor) tag. Here's the HTML that we need to add:
Note: if you want to make the image clickable, replace #URL with the url of the webpage where you want the link to point to.
Using CSS to Set a Background Image
To create the mouseover image effect, we'll use the :hover CSS pseudo-class. Then, we'll use the background-position property and set the values to 0 0 to move the background image to the upper left corner which will create the rollover effect.
Note: Replace the text in blue with the url of your image file. Please pay attention on the width and height values marked in red, these should be different depending on your file, where the height value is for only one image and not the entire image file!
The result
Hover your mouse cursor over the light bulb to see the rollover image effect in action:
To add the rollover image as a gadget: copy both the HTML/CSS codes and go to 'Layout', click on the 'Add a Gadget' link > select HTML/JavaScript, then paste the codes in the 'Content' box.
Or, if you want to add it inside one of your posts, when you create a New Post, switch to the 'HTML' tab and paste the codes inside the empty box.
And this is how you make images swap on mouseover using CSS. Enjoy!
Google has a special card that's both a color picker and a color converter. For example, you can search for HEX color codes like #123456 and Google shows the color and converts it to other formats: RGB, HSV, HSL, CMYK. Google's card also shows up when you search for RGB values like rgb(255,0,255). The most interesting feature of the card lets you pick a color interactively.
This is not a new feature, but it's worth pointing out that Chrome has its own color picker and converter in the developer tools. Click a color in the styles tab to open the color picker and shift-click a color to convert it to a different format.
Google intended to discontinue Panoramio back in 2014, shortly after Google Maps Views was launched, but a lot of users complained and Panoramio continued to exist. Now Google announces that Panoramio will become read-only on November 4th and it'll be shut down one year later, in November 2017.
"Today, with photo upload tools in Google Maps and our Local Guides program, we are providing easy ways for you to share your photos with an active and growing community. As such, we've decided to move forward with closing down Panoramio," informs Google. If you've linked your Panoramio account with a Google account, you'll be able to find your photos in Google Album Archive and they'll not use your storage quota. You can also export your photos in Google Takeout.
Google encourages Panoramio users to join the Local Guides program for Google Maps and share photos, add reviews and information about places. "It's all about that warm feeling you get from helping others discover new, enriching experiences. That, and the benefits. Every place you improve on Google Maps gets you closer to unlocking something new - from early access to new products to exclusive contests and events."
If you don't like Google's options, you can delete your Panoramio photos or go to Panoramio's settings page and delete your account.
Google acquired Panoramio in 2007. It was a Spanish startup which had a site that enabled "digital photographers to geolocate, store and organize their photographs and to view those photographs in Google Earth and Google Maps."
Google's mobile search interface shows a new box with related searches after clicking a result and going back to the search page. There's a list called "people also search for", which shows queries that are related to both the original search and the search result you've previously visited. Swipe left to see the entire the list.
Tap a different search result and you'll get different suggestions:
Google tested this feature back in June and now it's no longer an experiment.
Pixel phones will ship with a new Android version: 7.1. It looks like many of the important Nougat features have been left out from the 7.0 release.
Android 7.1's unofficial changelog published by Android Police has many Pixel-specific features, including a new launcher, a new camera app, Google Assistant, a support tab in the settings, solid navbar icons, Smart Storage that removes old backed up photos and videos when storage is full.
There are also some features that aren't restricted to Pixel devices: night light (filters blue light), fingerprint swipe down gesture, seamless A/B system updates, Daydream VR mode, support for app shortcuts and circular app icons, keyboard image insertion, manual storage manager and more. Unfortunately, Nexus devices and Pixel C will only get a dev preview by the end of 2016, so the stable release will be available in 2017. So much for buying Nexus devices to be the first to get the latest Android updates.
Google Assistant won't be a Pixel exclusive for long, since it's a core Google feature that needs wide adoption. I assume that the launcher and camera app will be also available in the Play Store at some point.
Google announced its first phone and many people wondered why it's as expensive as an iPhone. Nexus phones were sometimes inexpensive (Nexus 4: $299, Nexus 5: $349, Nexus 5X: $379) and sometimes more expensive (Nexus One: $530, Nexus 6: $649, Nexus 6P: $599). Now the 5-inch Pixel costs $649 in the US, while the 5.5-inch Pixel XL costs $769, which is more than any other Nexus phone.
Obviously, Google's pricing was more aggressive when it wanted to sell more products and less aggressive when sales numbers mattered less. The truth is that Google only managed to sell products in high volumes if the price was low enough to make them good value. Chromecast was successful because it offered a lot of value for the money. Nexus 5 was a flagship phone at half the price, so millions of people bought it. Nexus 7 was good enough for $199, but Google's bigger tablets were more expensive and their flaws were more striking.
Google is a "value" brand. Most people associate Google with free ad-supported online services that offer great features. There's no paid Google software for consumers, as Google only sells digital content and subscription services (storage, music). Google is not a lifestyle or luxury brand, so people don't expect to pay much for Google products.
There's a lot of risk associated with Google products, since Google doesn't stand behind them all the time. Some of them are experiments, others are quickly discontinued and forgotten. I still remember that Google stopped selling Nexus One only 6 months after the launch or when Logitech's CEO said back in 2011 that Google TV was a huge and costly mistake. Android One was a flop, Google Play Edition failed, Motorola was acquired by Google and later sold to Lenovo.
Google's commitment issues, its high appetite for releasing beta products, its lack of planning and foresight - all of these problems alienate consumers and make them think twice before buying a Google product. Premium brands are all about image, trust, credibility, heritage.
After the launch of Google's Pixel phones, many people wondered if the Nexus brand will be retired or we'll still see Nexus phones, tablets and other Android devices. It looks like the first answer is accurate. According to The Verge, Google says that there are no plans for future Nexus products.
"The idea was to show everyone how it should be done," says Brian Rakowski, VP of product management for Android. "All the partners in the phone manufacturing space took it and built great products on top of it. Meanwhile, Nexus kind of trundled along at the same small scale."
Nexus was the reference Android phone and was mostly for developers and early adopters. Google sent mixed messages: some of the phones were heavily subsidized, others were more expensive, design and features were rarely consistent from one generation to another.
With Android's beta program and Google's efforts to give manufacturers early access to the Android code, Nexus devices became less important. There are also inexpensive "flagship killers" like the OnePlus 3, which only costs $399.
Google got serious about hardware and started to build an ecosystem of devices that work together: phones, tablets, laptops, routers, VR headsets, smart speakers, smart gadgets for your TV. Some of them are great, others will get better or be replaced by products that better fit inside the ecosystem. Google finally realized that "people who are really serious about software should make their own hardware," as Alan Kay said and Steve Jobs quoted.
Challenging Apple when it comes to selling premium hardware is quite difficult. Apple consistently delivers great products, while Google's products are hit and miss (examples of bad apples: Nexus Q, Pixel C, Glass, Nexus 9). Apple has a long-term vision for products, while Google's plans are always changing with many casualties along the way.
"It's very challenging to work on dozens of products and make them all terrific. We have to have a lot of discipline and a lot of focus," says Rick Osterloh, Google's head of hardware and Motorola's former president.
For now, Google admits that Pixel phones "aren't going to have enormous volumes", as this is only the first iteration of the product. The good news is that "touch latency [on the Pixel] is the best of any Android device ever produced. If you put it under high-speed camera, it's on par with an iPhone."
Google has big plans when it comes to hardware and hopes to eventually sell a lot of them. Even if that means competing against its own partners. "We’re no longer going to be shy about what we think is the right answer for us. What we are going to do is give the OEM ecosystem a chance to compete, meaning it’s a fair playing field," says Rishi Chandra, VP of product management for home products.
Google has a new hardware division and Rick Osterloh, the former Motorola chief, is in charge. This hardware division merges Google's disparate hardware projects to bring more cohesive products that work well together.
Google announced a lot of products today and all of them are made by Google. Nexus phones have been replaced by Pixel phones, Daydream View is a comfortable VR headset that works with Pixel phones, Google Home brings Google Assistant to a smart speaker, Google WiFi is a new router that promises better range and Chromecast Ultra supports 4K and has an Ethernet port. That's quite a lot.
Pixel phones are actually made by HTC, but there's no HTC branding. Pixel and Pixel XL are designed by Google and HTC is only the OEM. The two phones share the same premium hardware (aluminum/glass unibody, Snapdragon 821, 4GB RAM, 32/128GB of storage, AMOLED screens, 12MP camera with gyroscope-based electronic image stabilization), but have different screen sizes (5 inch vs 5.5 inch), resolutions (1920 x 1080 vs 2560 x 1440) and batteries (2770 mAh vs 3450 mAh). They have an impressive camera that scores 89 in the DxOMark Mobile test, which is the highest score for a mobile phone. The camera has a fast f/2.0 lens, hybrid autofocus powered by laser detection and phase detection, zero lag HDR+, powerful stabilization.
Pixel and Pixel XL ship with Android Nougat and they're the first phones that come with Google Assistant, the upgraded voice assistant with a more natural voice, more comprehensive answers and better integration with other services.
"Pixel is available for pre-order today starting at $649 in the U.S., U.K., Canada, Germany and Australia," mentions Google. Pixel XL costs $120 more, while the 128GB options adds $100 to the price, exactly like the iPhone. Google partnered with a few carriers: Verizon, Roger/Telus/Bell in Canada, EE in the UK, Deutsche Telekom in Germany, Telstra in Australia, as well as a few stores like Best Buy and Flipkart.
Daydream View brings virtual reality to everyone (who has a Daydream compatible phone). "Powered by Android 7.0 Nougat, Daydream-ready phones are built with high-resolution displays, powerful mobile processors and high-fidelity sensors—all tuned to support great VR experiences. Google’s newest Pixel and Pixel XL are the first Daydream-ready phones, and there are a lot more on the way from leading Android smartphone makers," informs Google. Daydream View is a VR headset and controller that costs $79 and it's comfortable and easy to use. For now, it's mainly a Google Pixel accessory and it will be available in November in the US, Canada, Germany, UK and Australia from the Google Store and all the other carriers and stores that sell Google's phones.
Google Home is a smart wireless speaker with integrated Google Assistant, powerful microphones and noise cancelling technology. It's always listening to "OK Google" (you can quickly disable this feature from the mute button), it has touch controls, far-field voice recognition, Hi-Fi speakers, multi-room support if you buy multiple devices. It also has customizable bases you can buy from the Google Store. Google Home is a clever voice interface for Google, but also for your other smart devices like Chromecast, Nest, Philips Hue and more. IFTTT will make Google Home automation even more powerful.
"Google Home will be available in stores starting in November or you can pre-order yours today for $129 from the Google Store, Best Buy, Target and Walmart," informs Google.
After launching OnHub routers manufactured by TP-Link and Asus, Google came up with its own simplified WiFi router. It's designed to cover a small house or an apartment and you can use multiple Google routers for a larger house. "Network Assist is intelligent software built into Google Wifi to provide you with the fastest possible speed. Behind the scenes, Network Assist automatically helps you avoid Wi-Fi congestion, and transitions you to the closest Wi-Fi point for the best signal." Google's new router has a mobile app that lets you quickly change settings and check stats. For example, you can pause Wi-Fi on a device or prioritize a device.
"Google Wifi will be available for pre-order in the U.S. in November. It will retail for $129 for a single pack, and $299 for a three-pack at the Google Store, Amazon, Best Buy and Walmart."
Chromecast Ultra brings 4K and HDR support, a more powerful hardware and a different charger with Ethernet port. "Chromecast Ultra supports 4K, HDR and Dolby Vision, so you'll get a crisper picture with higher resolution and more vibrant colors. At first, you'll be able to stream 4K content from Netflix, YouTube and Vudu, and we're working to bring more 4K and HDR content on board. Later this year, Google Play Movies & TV will be rolling out 4K content. Chromecast Ultra loads videos 1.8 times faster than other Chromecast devices and includes major Wi-Fi improvements to support streams from full HD to Ultra HD without a hitch," explains Google. "Chromecast Ultra will be available in November for $69 from Best Buy, the Google Store, Target, and Walmart in the U.S., as well as from international retailers in 15 more countries."
Here's the full Google announcement, just in case you missed it:
When it comes to home pages, most websites can be divided into two: static and non-static. As their name implies, static home pages stay permanent no matter how many times the website is updated, while non-static home pages reflect the changes that are made to the site and show the latest posts first.
The latter has become well-known nowadays due to the rising popularity of personal and even corporate blogs. However, there are still many people who prefer static home pages because it makes their websites look more organized and professional. It also gives them more control over the readers' experience on their site and helps them create stronger brand awareness through the uniform message that their home page presents.
Fortunately, if you own a Blogger site and want to make your home page static, you'll find that creating one isn't as difficult as it seems. You can create a static home page in Blogger by taking these steps:
1. Create your static home page
The first thing you should do is to create a new page for your blog. This will serve as your static home page but, for now, it will look and act like any other page in your site.
To make this page, you'll need to go to the main menu of the Blogger dashboard and click on the "Pages" option on the left side on the screen. Doing this will lead you to the "All Pages" menu window. Here, click on the "New Page" button and you'll enter an editor that looks similar to the Blogger Post editor that you use when publishing a new blog post.
At the top box, enter the title that you want for this page - in this case, let's call it the "Welcome" page. In the larger text box, type the content that you want to appear on your home page; this can be a paragraph, or two about yourself or your business and what your site is all about.
Once you're done, click "Publish". The window will return to the main "All Pages" menu, and you'll see the new "Welcome" page you've created. Copy the URL of the "Welcome" page since you'll need it later on. To do this, right click on the 'View' link and select 'Copy Link Location' from the menu.
2. Redirect the default home page to the static one
Once your "Welcome" page is up, the next thing you should do is to change Blogger's default homepage. This involves redirecting from your site's original home page to the static homepage that you've created so it would be the first thing that people see when they visit your website.
To do this, you'll need to go to main Blogger editor menu, click on "Settings" on the left side of the screen, and choose "Search Preferences". Under the "Errors and redirections" section, you'll see the "Custom Redirects" option with an "Edit" link beside it. Click on the "Edit" link to open another window, where you'll see two boxes named "From" (with your blog's URL beside it) and "To".
In the "From" box, enter only a forward slash symbol "/". In the "To" box, paste the URL that you copied earlier and add the latter part of the URL of the "Welcome" page. For instance, the page's URL of our demo blog is static-home-page.blogspot.com/welcome.html, so we'll remove the "http://static-home-page.blogspot.com" address and add only "/p/welcome.html" in the "To:" box. The "/p" signifies that it's a static page.
Next, check the little box beside "Permanent", click on the "Save" text link, and press the "Save changes" button. Doing these will redirect your site's main URL to its new static home page. Access your blog on a separate browser to see if it works.
3. Make tabs for your site
If you're not planning to make tabs visible in your blog, you can stop at Step #2. But, if you want your site to have tabs that indicate the home page, the main blog page, and other pages you may have (such as the FAQs and Contact Us pages), you'll need to take another step.
Why is this important? Basically, when visible tabs are enabled in your site, they will show that you have two existing pages: the default home page and the new "Welcome" page you've created - both of which redirect to the same static page. This can be confusing for your readers and may even affect your search engine rankings.
To fix this, you first need to enable tabs by going to the "Layout" menu item and click on the "Add a Gadget" link. You can choose to add it below your blog header or sidebar. In many cases, it's advisable to add it below blog's header since they're more visible and give your website a sleek, professional look.
Once the pop-up window opens, scroll down and click on the 'Pages' link:
This will open another window named "Configure Page List". Here, under the "Pages to show" section, you'll see the default home page and your new static homepage with small boxes beside them. Uncheck the box beside the default home page to hide it from view, check the pages that you want to display in the menu and then click on the "Save" button to save the changes.
You can stop at this point but, if you want, you can also create a specific tab that will lead to your main blog post page. To do this, edit the "Pages" gadget that you just saved and click "+ Add external link".
On the new window that would open, enter the title you'd like for the page (such as "Blog") along with /index.html web address, then hit "Save Link" and click the "Save" button on the "Configure Page List" window.
Now, view your site and you will see the pages menu containing the "Welcome" page and "Blog" tabs. To see how this works, you can also visit our demo blog. Enjoy!
