Posts Tagged ‘browsers’

CanIUse – Test Browser Compatibility with Web Technologies

Problem:

You’ve built an awesome web portal using HTML5 and some cool CSS features. You’re sure the portal will look amazing on Chrome. However, you’re wondering if the code will work on Safari or not. For that matter, you don’t even know if the code will work on a few old versions of Firefox or Microsoft’s Internet Explorer or not. What do you think should be done?

Solution:

You need cross browser testing for your web portal; meaning that, you need to run your code on different web browsers and various versions of them to find out the compatibility percentage of your portal. Only once you’re sure the portal will work perfectly on at least 95% of the web browsers should you think about launching it.

So do you have the necessary setup? Do know what all combinations of browsers and versions you need to perform the testing? Have you prepared a list of parameters on which to compare the test results?

Ok, relax. Don’t get all panicky. We keep monitoring the web for tools that offer solutions to different problems and as always, we have just the right tool to get you through this challenging task. Introducing – CanIUse.

caniuse

CanIUse – Online Browser Compatibility Testing Tool

CanIUse lets you conduct compatibility tests by providing up-to-date browser support tables. These tables can be used to check for support of front-end web technologies on desktop and mobile web browsers. The tool is targeted at web designers and developers whose major work revolves around creating cross-platform web portals and applications. It lets users check if an HTML or CSS feature works correctly on a particular version of a particular browser or not. It helps in giving designers a clear picture of how their designs would look on a particular environment and thus lets them create the perfect code.

Here are some striking pointers about CanIUse:

  • The support data used on CanIUse is free to use under the CC BY 4.0 license.
  • The raw support data is available on GitHub and is updated regularly.
  • CanIUse shows browser support for features that are likely to be eventually implemented by the majority of browsers.
  • Most information for the tool comes directly from the latest developer / preview / nightly builds.
  • A feature is regarded as “supported” if it is found to be usable in most cases.

With easy to remember color schemes marking positive or negative results, CanIUse.com is one browser testing tool that is actually quite handy and easy to use.

Here’s how to work with CanIUse

A little heads up – On visiting the tool’s homepage you might feel a little lost for a couple of seconds. You won’t find a tour or guide that shows how to use the tool which might be somewhat intimidating for new users. But trust us, once you do get the hang of it, you’ll understand everything the screen shows. Okay, let’s get to business now!

On the homepage you’ll find a large orange box on the top-middle of the screen that says “Can I Use ____”? The blank space is where you’re supposed to enter a web technology name that you wish to test browser support for. For example, punch in “HTML 5” in the blank space and you’ll be shown a result page with a table of different browsers and their various versions and support information regarding HTML 5. You’ll easily be able to make out which browsers support HTML 5 and which don’t. Everything will be color coded and the description of which color depicts what will be available on the bottom-right corner of the screen.

To customize any setting, for instance, a particular geographical location that you wish to narrow down the testing for (ex. a particular country or region) click on the “Settings” label next to “Can I Use ____”? Just below the support table you’ll find 4 helpful links about the information displayed:

  • Notes: Additional information about any specific browser version that might be experiencing temporary or minor issues
  • Known Issues: Bugs
  • Resources: Where the information has been collected from
  • Feedback: User comments or suggestions

You can check detailed support information if you hover the mouse cursor over any cell of the table; the working of the tool is pretty simple really.

caniuse1

Pros VS Cons

CanIUse is quite a useful browser testing tool and has lots of pros associated with it:

  • Performs browser compatibility tests within a couple of seconds
  • The support tables in the tool’s database are updated with the latest builds
  • The tool is completely free to use

However, to be honest, there are a few cons too:

  • There’s not much to it as far as functionality is concerned
  • The look-and-feel of the tool isn’t very appealing
  • The absence of a tour or guide leads to confusion on the user’s part
  • Check your code’s compatibility with different browsers and versions for free with caniuse.com/ via @supermonitoring

    Tweet this

Verdict

Overall, the tool is not that great in terms of making a difference. However, it isn’t bad for a free tool as well. If all you want is information, it’s good. If you’re looking for more features and probably a little help now and then (maybe a forum or Help section) you should try some other tools.

Top websites, Google searches, Facebook pages, Twitter and Google+ most followed in May 2015

What was popular on the Internet in May 2015?

  • Google top 25 search phrases
  • Facebook top 25 Pages
  • Twitter 25 most followed
  • Google+ 25 most followed
  • Alexa top 25 websites
  • Web browsers market share.

 

Scroll down for Twitter TAKEAWAYS (or click here)

en_05_2015_gif

Feel free to use this infographic on your blog or website,
but please don’t forget to link to www.supermonitoring.com.

CC BY-ND

TWITTER TAKEAWAYS

  • Top 10 searches in May 2015: facebook, google, you, youtube, craigslist, weather, news, yahoo, games, amazon supermonitoring.com/blog/top-w…

    Tweet this

  • Top 5 Facebook pages in May 2015: Facebook for Every Phone, Facebook, Cristiano Ronaldo, Shakira, Vin Diesel supermonitoring.com/blog/top-w…

    Tweet this

  • Twitter 5 most followed in May 2015: @katyperry, @justinbieber, @BarackObama, @taylorswift13, @YouTube supermonitoring.com/blog/top-w…

    Tweet this

  • Google+ 5 most followed in May 2015: YouTube, Google+, Google Chrome, Android, Lady Gaga supermonitoring.com/blog/top-w…

    Tweet this

  • Global top 5 websites by Alexa in May 2015: google, facebook, youtube, yahoo, baidu supermonitoring.com/blog/top-w…

    Tweet this

  • Browsers market share in May 2015: Chrome 49.23%, Explorer 18.33%, Firefox 16.40%, Safari 10.82%, Opera 1.65% supermonitoring.com/blog/top-w…

    Tweet this

Good news for Yourbrowser.is fans – A shiny new PRO account!

It feels great when you find a tool that excels in its task and matches your expectations perfectly. And when something even cooler is offered by it, you feel virtually on top of the moon. The dedicated user-base of Yourbrowser.is (previously reviewed here) has come to love it for its utility and ease of use. And now they have more reason to rejoice. The makers of Yourbrowser.is have launched a shiny new PRO account that will offer its users unique additional features to further enhance their experience at a very nominal price. Check out the description of these features here and be amazed!

yourbrowser-logo2

A brief visit to Yourbrowser.is

Before moving on to a description of the new features, let’s take a brief look at Yourbrowser.is (this is especially beneficial for those who’ve not used this brilliant tool yet).

Yourbrowser.is is a unique online tool for easily checking browser features and capabilities. Imagine a scenario where you’ve created a website for a customer. Now while viewing the website, the customer faces an error and contacts you for help. In this situation you obviously need to know your customer’s browsing environment details like the browser make, version etc. But your customer is not an expert on the matter and doesn’t know how to find those details. That’s where Yourbrowser.is steps in.
With Yourbrowser.is, you can create a customized page that can be sent to your customer. All your customer has to do is click on the link and voila; an email report will automatically be sent to you with all the details of your customer’s browsing environment. Is it cool or what!

To have a preview of this tool’s vast capabilities, just visit Yourbrowser.is and you will see a grid of colorful boxes. What’s great about these boxes is the fact that each of them displays an aspect of your current browser – that is the browser on which you’ve opened the website. Check it out now!

yourbrowser-pro2

PRO Account

Added features make any tool more appealing. With the launch of a new PRO account, Youbrowser’s capabilities have increased many-fold. Here is a description of all the features a user gets access to on signing up for a PRO account:

  • Users can choose the detections (boxes) they want to use on their custom page
  • Users can sort the detections (boxes) on the custom page
  • A PRO account allows users to collect feedback from their customers.
    Customer feedback can be collected in the following ways:

    • content box (text/image)
    • feedback form boxes
      • short text form field
      • long text form field
    • select field (single choice or multiple choice) in the form of drop-down
  • Users can detect their customer’s connection speed (download and upload)
  • User can choose to hide advertisements

yourbrowser-pro1

Apart from these additional features, following legacy features from Yourbrowser.is will also be available with the PRO account, of course!

  • General parameters like Browser and Operating System
  • Ability to know the customer’s IP address and geo-location
  • Checking if Cookies, JavaScript, Java, Flash and Silverlight are enabled
  • Ability to read customer’s browser language and time zone
  • User’s screen resolution and current viewport can be known
  • Ad blocking plugins in user’s browser can be detected
  • It also allows users to know if their customers have signed in to Facebook or Google+

New possibilities opened by the PRO account

The above mentioned features do look impressive! Though Yourbrowser was power-packed before them too, the addition of these insightful features has made it even more attractive and helpful. Here’s how they can open a world of possibilities for you:

  1. Selecting & sorting detections: The PRO account will allow users to have more flexibility in terms of detections. Being able to select which detections they wish to apply and also the freedom to sort them by preference will help them to know even more than they could earlier about their customers’ browsing environment.
  2. Custom Content Boxes: With the PRO account, users will be able to include text and image boxes within their custom page to provide additional information or instructions to their users.
  3. Custom feedback-form boxes: Collecting customer feedback is also possible with the PRO account. With dedicated feedback-form boxes, the users can gather data from their customers and can do more to match their expectations. This will help them in understanding the problems at their customers’ end better than before.
  4. Hiding Ads: The ability to hide ads on the custom page displayed to a customer – for even better branding.
  5. Subscription

    All the above mentioned awesome features of the PRO account are offered at a very nominal price range. After all, the good things in life are free, but even better things come at a small price! When you weigh what the PRO account has to offer, paying a small fee would be the least of your botherations.

    • Check your customers’ download/upload speed to your server with @yourbrowser PRO account supermonitoring.com/blog/good-ne…via @supermonitoring

      Tweet this

    Final Words

    Even after knowing about the wonderful additions the PRO account has to offer, if you’re still contemplating whether to go for it or not, you definitely don’t believe in making your life easier. Give yourself a break and the makers of this awesome tool some credit, go PRO today!

Top websites, Google searches, Facebook pages, Twitter and Google+ most followed in April 2015

What was popular on the Internet in April 2015?

  • Google top 25 search phrases
  • Facebook top 25 Pages
  • Twitter 25 most followed
  • Google+ 25 most followed
  • Alexa top 25 websites
  • Web browsers market share.

 

Scroll down for Twitter TAKEAWAYS (or click here)

en_04_2015_gif

Feel free to use this infographic on your blog or website,
but please don’t forget to link to www.supermonitoring.com.

CC BY-ND

TWITTER TAKEAWAYS

  • Top 10 searches in April 2015: facebook, google, you, youtube, craigslist, weather, news, yahoo, amazon, gmail supermonitoring.com/blog/top-websi…

    Tweet this

  • Top 5 Facebook pages in April 2015: Facebook for Every Phone, Facebook, Cristiano Ronaldo, Shakira, Eminem supermonitoring.com/blog/top-websi…

    Tweet this

  • Twitter 5 most followed in April 2015: @katyperry, @justinbieber, @BarackObama, @taylorswift13, @YouTube supermonitoring.com/blog/top-websi…

    Tweet this

  • Google+ 5 most followed in April 2015: YouTube, Google+, Google Chrome, Android, Lady Gaga supermonitoring.com/blog/top-websi…

    Tweet this

  • Global top 5 websites by Alexa in April 2015: google, facebook, youtube, yahoo, baidu supermonitoring.com/blog/top-websi…

    Tweet this

  • Browsers market share in April 2015: Chrome 49.86%, Explorer 18.22%, Firefox 16.78%, Safari 9.90%, Opera 1.66% supermonitoring.com/blog/top-websi…

    Tweet this

Top websites, Google searches, Facebook pages, Twitter and Google+ most followed in March 2015

What was popular on the Internet in March 2015?

  • Google top 25 search phrases
  • Facebook top 25 Pages
  • Twitter 25 most followed
  • Google+ 25 most followed
  • Alexa top 25 websites
  • Web browsers market share.

 

Scroll down for Twitter TAKEAWAYS (or click here)

en_03_2015_gif

Feel free to use this infographic on your blog or website,
but please don’t forget to link to www.supermonitoring.com.

CC BY-ND

TWITTER TAKEAWAYS

  • Top 10 searches in March 2015: facebook, google, you, youtube, craigslist, weather, news, yahoo, amazon, gmail https://www.supermonitoring.com/blog/top-websites-google-searches-facebook-pages-twitter-and-google-most-followed-in-march-2015/

    Tweet this

  • Top 5 Facebook pages in March 2015: Facebook for Every Phone, Facebook, Cristiano Ronaldo, Shakira, Eminem https://www.supermonitoring.com/blog/top-websites-google-searches-facebook-pages-twitter-and-google-most-followed-in-march-2015/

    Tweet this

  • Twitter 5 most followed in March 2015: @katyperry, @justinbieber, @BarackObama, @taylorswift13, @YouTube https://www.supermonitoring.com/blog/top-websites-google-searches-facebook-pages-twitter-and-google-most-followed-in-march-2015/

    Tweet this

  • Google+ 5 most followed in March 2015: YouTube, Google+, Google Chrome, Lady Gaga, Android https://www.supermonitoring.com/blog/top-websites-google-searches-facebook-pages-twitter-and-google-most-followed-in-march-2015/

    Tweet this

  • Global top 5 websites by Alexa in March 2015: google, facebook, youtube, baidu, yahoo https://www.supermonitoring.com/blog/top-websites-google-searches-facebook-pages-twitter-and-google-most-followed-in-march-2015/

    Tweet this

  • Browsers market share in March 2015: Chrome 49.06%, Explorer 17.94%, Firefox 16.82%, Safari 10.80%, Opera 1.64% https://www.supermonitoring.com/blog/top-websites-google-searches-facebook-pages-twitter-and-google-most-followed-in-march-2015/

    Tweet this

Top websites, Google searches, Facebook pages, Twitter and Google+ most followed in February 2015

What was popular on the Internet in February 2015?

  • Google top 25 search phrases
  • Facebook top 25 Pages
  • Twitter 25 most followed
  • Google+ 25 most followed
  • Alexa top 25 websites
  • Web browsers market share.

 

Scroll down for Twitter TAKEAWAYS (or click here)

en_02_2015_gif

Feel free to use this infographic on your blog or website,
but please don’t forget to link to www.supermonitoring.com.

CC BY-ND

TWITTER TAKEAWAYS

  • Top 10 searches in February 2015: facebook, google, you, youtube, weather, craigslist, news, yahoo, amazon, gmail http://s2y6.gu.ma/

    Tweet this

  • Top 5 Facebook pages in February 2015: Facebook for Every Phone, Facebook, Shakira, Cristiano Ronaldo, Eminem http://s2y6.gu.ma/

    Tweet this

  • Twitter 5 most followed in February 2015: @katyperry, @justinbieber, @BarackObama, @taylorswift13, @YouTube http://s2y6.gu.ma/

    Tweet this

  • Google+ 5 most followed in February 2015: YouTube, Google+, Lady Gaga, Google Chrome, Android http://s2y6.gu.ma/

    Tweet this

  • Global top 5 websites by Alexa in February 2015: google, facebook, youtube, baidu, yahoo http://s2y6.gu.ma/

    Tweet this

  • Browsers market share in February 2015: Chrome 48.71%, Explorer 18.91%, Firefox 16.54%, Safari 10.21%, Android 1.62% http://s2y6.gu.ma/

    Tweet this

Test your website’s Responsive-ability

In the age of technology, desktops and laptops are not the bar anymore. You can access anything and everything via mobile or any supporting device. Smartphones and tablets have especially changed the approach toward design and user experience. More than user friendly each platform has to now be device friendly .Before the proliferation of mobile devices with advanced web-browsing capability, web designers had only one primary challenge to deal with – keeping the same look and feel of their websites in various desktop computer browsers.

However, interacting with websites on smartphones and tablets is not the same as doing that on a desktop computer monitors. Factors such as Click versus Touch, Screen-size, Pixel-resolution, support for technology, animation, optimized markup and many more have become crucial while creating websites. Hence it has become a must to have your website on a responsive design.

responsinator

And as the name suggests Responsinator is the answer to this device view conflict. It’s specially designed for website makers to understand the design essentials and break the barriers of look and feel with various devices and their interface. Responsinator helps website makers quickly get an indication of how their responsive site will look on the most popular devices. It does not precisely replicate how it will look, for accurate testing you can always test on the real devices.

Before we understand the unique abilities of the site let’s talk about what a responsive design is exactly. It means designing your website to adapt to the user’s viewing environment (mobile, tablet, laptop etc.). It does this through the use of media queries, and other clever technology. Here is where Responsinator will come handy. Responsinator is a simple, easy to use web tool which can help you optimize your responsive design and visualize how your site responds .This tool works great for testing the breakpoints of your media queries and seeing how font and image resizing or fluid grid and layout changes will look on devices displayed in both portrait and landscape modes.

Device Type

On Responsinator.com there is bar where you can enter your website and simply click “go”. It will in an instant provide you a well enlarged view of how your website shall look on:

  • iPhone 5 portrait · width: 320px,
  • iPhone 5 landscape · width: 568px,
  • iPhone 6 portrait · width: 375px,
  • iPhone 6 landscape · width: 667px,
  • iPhone 6 Plump portrait · width: 414px,
  • iPhone 6 Plump landscape · width: 736px,
  • Android portrait · width: 240px,
  • Android landscape · width: 320px,
  • Android (Nexus 4) portrait · width: 384px,
  • Android (Nexus 4) landscape · width: 600px,
  • iPad portrait · width: 768px,
  • iPad landscape · width: 1024px.

Covering a large section of devices that are currently and popularly used.

Cool Features

Since the site is very tech friendly it gives you a few extra perks like the “Handy bookmarklet” Feature. You can easily drag this Responsinator to your browser’s bookmark bar, then you can click on it whenever you’re on a site that you want to test. Simple, easy and does not require you to open the site again and again for testing.

There is one other feature that is peculiarly intriguing that is the scroll bar, you can easily hide and affront your scroll bars in an instant. Last but not the least the feature that works with fixed width mode. If you have a non-responsive, fixed width site and you’d like to get an idea of what it looks like on these devices – set fixed width=x to the browser URL ,where x is the width of your site and you can see an estimated glimpse and catch the error zone almost immediately.

There is a small glitch to Responsinator as well, it won’t work if your site has user-agent device detection. If you really want to emulate device detection, you can append &append_device=1 to the end of the browser URL. Responsinator will then append responsinator_device= [type] to your URL where [type] is either phone or tablet. You’ll need to check for responsinator_device in your server code.

responsinator1

Make your own Responsinator

Responsinator gives you an open option to customize as per your requirements, like you can enter your name, enter your website name and have the header looking the way you want. All this by simply signing up. There is a minimum signup amount 6$ per month and merely 60$ per year which of course you can choose as per your usage. There are minimal formalities that you need to fill in like Responsinator sub-domain, Email and Password to create your very own.

The Funny part is that creators are very hearty if you find Responsinator handy and you’re feeling kind you could buy them a beer.

User-Friendliness

All in all it is an extremely easy to use web tool. The reason for this is that when there is just one website and on a single page you can see your site in multiple device modes, it’s much easier for users to share, engage and interact with the content on the site as compared to a site that has different pages for different device type. You can literally see the visual of your site on all device formats in one single scroll. We!! are a fan of that. Why? Because it’s a busy life and there is lots to do each individual chooses a better, faster and more convenient option.

And Responsinator realizes that thus its user interface is extremely simple and believe us there is nothing much to do. If you are not that tech friendly it will still be a piece of cake for you. In other words, it’s just bad if you aren’t taking advantage of the benefits of Responsinator.

  • Easily check your website’s responsiveness with @responsinator responsinator.com/ #RWD via @supermonitoring

    Tweet this

When a business has both a mobile site and desktop site and multiple other pages, there will be a different URL and different HTML for each and hence making your work way more intricate.
Save your time and test your site with Responsinator.com.

Top websites, Google searches, Facebook pages, Twitter and Google+ most followed in January 2015

What was popular on the Internet in January 2015?

  • Google top 25 search phrases
  • Facebook top 25 Pages
  • Twitter 25 most followed
  • Google+ 25 most followed
  • Alexa top 25 websites
  • Web browsers market share.

 

Scroll down for Twitter TAKEAWAYS (or click here)

en_01_2015_gif

Feel free to use this infographic on your blog or website,
but please don’t forget to link to www.supermonitoring.com.

CC BY-ND

TWITTER TAKEAWAYS

  • Top 10 searches in January 2015: facebook, google, you, youtube, craigslist, weather, news, yahoo, amazon http://llq9.gu.ma/

    Tweet this

  • Top 5 Facebook pages in January 2015: Facebook for Every Phone, Facebook, Shakira, Cristiano Ronaldo, Eminem http://llq9.gu.ma/

    Tweet this

  • Twitter 5 most followed in January 2015: @katyperry, @justinbieber, @BarackObama, @taylorswift13, @YouTube http://llq9.gu.ma/

    Tweet this

  • Google+ 5 most followed in January 2015: YouTube, Lady Gaga, Google+, Larry Page, Google Chrome http://llq9.gu.ma/

    Tweet this

  • Global top 5 websites by Alexa in January 2015: google, facebook, youtube, baidu, yahoo http://llq9.gu.ma/

    Tweet this

  • Browsers market share in January 2015: Chrome 48.10%, Explorer 19.33%, Firefox 16.99%, Safari 10.27%, Android 1.58% http://llq9.gu.ma/

    Tweet this

Top websites, Google searches, Facebook pages, Twitter and Google+ most followed in December 2014

What was popular on the Internet in December 2014?

  • Google top 25 search phrases
  • Facebook top 25 Pages
  • Twitter 25 most followed
  • Google+ 25 most followed
  • Alexa top 25 websites
  • Web browsers market share.

 

Scroll down for Twitter TAKEAWAYS (or click here)

en_12_2014_gif

Feel free to use this infographic on your blog or website,
but please don’t forget to link to www.supermonitoring.com.

CC BY-ND

TWITTER TAKEAWAYS

  • Top 10 searches in December 2014: facebook, google, youtube, you, christmas, craigslist, amazon, weather, yahoo, news http://3pm5.gu.ma/

    Tweet this

  • Top 5 Facebook pages in December 2014: Facebook for Every Phone, Facebook, Shakira, Cristiano Ronaldo, Eminem http://3pm5.gu.ma/

    Tweet this

  • Twitter 5 most followed in December 2014: @katyperry, @justinbieber, @BarackObama, @taylorswift13, @YouTube http://3pm5.gu.ma/

    Tweet this

  • Google+ 5 most followed in December 2014: YouTube, Lady Gaga, Larry Page, Google+, Madonna http://3pm5.gu.ma/

    Tweet this

  • Global top 5 websites by Alexa in December 2014: google, facebook, youtube, yahoo, baidu http://3pm5.gu.ma/

    Tweet this

  • Browsers market share in December 2014: Chrome 46.13%, Explorer 22.30%, Firefox 16.34%, Safari 10.30%, Android 1.58% http://3pm5.gu.ma/

    Tweet this

Top websites, Google searches, Facebook pages and apps, Twitter and Google+ most followed in November 2014

What was popular on the Internet in November 2014?

  • Google top 25 search phrases
  • Facebook top 25 Pages
  • Facebook top 25 Apps
  • Twitter 25 most followed
  • Google+ 25 most followed
  • Alexa top 25 websites
  • Web browsers market share.

 

Scroll down for Twitter TAKEAWAYS (or click here)

en_11_2014_gif

Feel free to use this infographic on your blog or website,
but please don’t forget to link to www.supermonitoring.com.

CC BY-ND

TWITTER TAKEAWAYS

  • Top 10 searches in November 2014: facebook, google, you, youtube, craigslist, weather, news, yahoo, amazon, games http://ge7o.gu.ma/

    Tweet this

  • Top 5 Facebook pages in November 2014: Facebook for Every Phone, Facebook, Shakira, Cristiano Ronaldo, Eminem http://ge7o.gu.ma/

    Tweet this

  • Top 5 Facebook apps in November 2014: Candy Crush Saga, Spotify, YouTube, Pinterest, Pet Rescue Saga http://ge7o.gu.ma/

    Tweet this

  • Twitter 5 most followed in November 2014: @katyperry, @justinbieber, @BarackObama, @taylorswift13, @YouTube http://ge7o.gu.ma/

    Tweet this

  • Google+ 5 most followed in November 2014: YouTube, Lady Gaga, Larry Page, Google+, Google Chrome http://ge7o.gu.ma/

    Tweet this

  • Global top 5 websites by Alexa in November 2014: google, facebook, youtube, yahoo, baidu http://ge7o.gu.ma/

    Tweet this

  • Browsers market share in November 2014: Chrome 48.05%, Explorer 19.64%, Firefox 16.78%, Safari 10.59%, Android 1.58% http://ge7o.gu.ma/

    Tweet this

  • Browse Categories

  • Follow us



  • Super Monitoring

    Superhero-powered monitoring of website or web application availability & performance


    Try it our for free

    or learn more