The web is by far the biggest platform out there.
It's everywhere or at least it's on the way to be everywhere. From powerful cutting-edge devices down to devices that can do nothing more then send few bytes of information.
However, this pluralism of ways to consume this information bring a challenge to web developers. We need to understand what are the limitations and what are the capabilities of the browsers that will run our work of art.
Here are set of tools that will help you with that challenge.
- chrome status -Web platform feature support and examples. It's a great way to see what is coming up... and try to test it today in Chrome Canary. You can also check blink-devforum. Blink is Chromium's rendering engine so I found some very interesting discussions.
- status modern ie - Like Chrome Status but for Edge and Internet Explorer. It gives you the current status and the roadmap.
- caniuse.com -Mobile and desktop browser capabilities.
- what web can do today -Stuff that your browser can do, with links to demos and information about browser support.
- mobile html5 -A table that contain features per mobile browser.
- If you testing a new browser for its CSS3 support this tool will do the work for you - css3test.com
After you did your research and created the web site or app, it's time to test it and see how it will work on different browsers and devices, right? Here is a list of tools that I used and found very useful.
- Webpage Test: cross browser page load testing, from a variety of networks and locations.
- browserstack.com: live, online browser testing - free for open source projects.
- whatdoesmysitecost.com: tool to estimate the (money) cost of data. It's very important if you are targeting emerging markets or the next billion users that will come online in the next two years.
- headspin.io : test and monitor globally on a variety of networks.
Got a source that is not here? Please let me know and I'll update this list.