WhatsApp for web Launched

WhatsApp-Web-screen

WhatsApp introduced their new feature to the public today. WhatsApp Web, as the name conveys an indeed feature to make the competition alive. It is very useful to the millions of users. WhatsApp have introduced simplest method to connect our device with the web. WhatsApp Web mirrors conversations and messages from the mobile device. We can enjoy the service only in Google Chrome.

WhatsApp Web

Get the latest update of WhatsApp to enjoy the feature, the only thing we have to keep our device connected to internet to enjoy the feature. We can connect it simply, first open web.whatsapp.com in Google Chrome, there is a QR code there, then we have to open WhatsApp in our device then go to Menu, select the option WhatsApp Web, it will work as a QR code scanner, simply scan the QR in our desktop. That’s it now you are connected to WhatsApp Web.

It will be connected in lightning speed. We can connect in multiple locations, for example Desktop, Laptop, etc.  We can see in our mobile wherever we are connected in WhatsApp Web. WhatsApp Web is not able to provide web client to our iOS users due to Apple platform limitations.

Enjoy the WhatsApp Web!!!

Source : WhatsApp Blog

Google introduced “Flight Search” in India

Google-Flight-Search

Google has introduced a new feature for Indian audiences. Flight Search by Google can help you to find best deals and flights for you. You can search directly for flights in Google or google.co.in/flights. Now you can access the service from anywhere, even using your Mobile.

Google-Flight-Search

Once you are accessing Flight Search based on your preferences and previous search you will see the price and duration of flights to several popular destinations you might like to visit. You can book Round Trip, One Way or even with Multi-City options. Once you have entered your Source and Destination you will get a detailed list of flights, the best deal will be highlighted.

It easy for you to explore travel options and figure out the best time to travel. When you’re ready, quickly find, compare and book the flight that works best for you. We hope you’ll enjoy planning your next domestic or international trip with Flight Search by Google!!!

Source : Google India Blog,

Why and What is Color Contrast in Web!

WebAIM-Wave

As per the Web Content Accessibility Guidelines (WCAG) 2.0 there are a set of guidelines using which we can make our website more accessible to wide community of specially disabled people with blindness, low vision, deafness, hearing loss, speech disability. You can see more about WCAG here!. Here I am going to discuss about a single element which is Color Contrast.

What is Color Contrast?

Color contrast has a major role in web sites. When we are designing a website we have to think about the accessibility, readability and also contrast ratio for better visibility. People with eye disabilities can’t read our website when we  keep the contrast ratio as minimal. When we are using darker background we need to use the lighter color for the text and vice versa. There are two levels for the color contrast there.

  1. AA
  2. AAA

Level AA requires contrast ration 4.5:1 for normal text and 3:1 for large text. Level AAA requires contrast-ratio of 7:1 for normal text and 4.5:1 for large.

We have several tools to check the color contrast. Keep in mind that the tools are not considering drop shadow colors while checking the color contrast. I will introduce some of the tools here.

WebAim Color Contrast Checker

WebAIM

WebAIM

We can see very well detailed information about the accessibility in their website. We can access the Color Contrast Checker here or they have a website to check the color contrast of our website directly by entering our url wave.webaim.org or they provide plugins for browsers also. Simply we can give our background and foreground colors in their website and can see the result, whether it passes or fails, and what is the color ratio there. We can change the color to darker and lighter there to make an understanding about how much we need to change our colors to pass the contrast test.

WebAIM

WebAIM

Colour Contrast Check

Colour Contrast Checker

Colour Contrast Check tool provides a tool with which we can simply provide our foreground and background color, which provides a detailed information about the color and contrast. We can get the Brightness Difference, Colour Difference, Contrast Ratio, AA and AAA information at single screen. We can even change the color with simply dragging the value.

Contrast-Ratio

Contrast-Ratio

Contrast Ratio is a very fine and modern tool by Lea Verou to test the combination of colors. We can give our background and foreground color and will see the contrast result. We can quickly know that our colors pass WCAG 2.0 rules, which supports semi-transparent color, color keywords,HSL(A).The UI is very much impressive. We can also share the url to test to our clients, Managers, colleagues etc.,

Enjoy with contrast in your creativity!!! Thanks!