15+ Websites to Increase QA Productivity
This material provides a list of useful sites and web products that somehow can be useful in the daily work of any tester.
The list contains both portals for working with images, fonts, and animation, as well as products to help create content in social networks.
A popular web generator of so-called image placeholders with a large variety of possible configurations and settings.
It is enough to specify the size of the desired photo in the URL field, and the site will automatically provide you with a picture for your tests.
The site allows you to remove any background from an uploaded photo. Just upload a photo, select the area you want to edit and the background will be removed.
It can be used as a very good compressor for images with built-in UI.
If you want, you can use the TinyPNG service as an alternative.
The site significantly simplifies the creation and modification of any web gradient. It contains a set of tools that can be used to improve your color and tinting skills (e.g., for web page layout at the layout and software development quality assurance stage).
A web portal with which you can work with shadows on projects.
On this site, you can create different CSS animations with a large list of effects and styles. The site is ideal for projects with a non-fixed design, where developers and testers can adjust the layout themselves.
There you can find highly original and interesting combinations of web fonts, based on a neural network.
On this site, you can find any placeholder img. The list of available configurations and options allows you to choose not only the photo, but also the color, style, and auxiliary display effects.
A resource with which you can create colorful images with you program code (for example, when you need to quickly create a presentation that you want to complete with originally designed pieces of code).
A similar project to Carbon, but designed exclusively for Twitter and LinkedIn.
The site allows you to create screenshots in a frame of web browser, for example, in Chrome, Mozilla or Safari. Users can customize the colors they want, create colorful pictures.
It can be used to create customized prototypes from scratch. For developers and testers, it will be useful in terms of developing websites, designing layouts, and prototypes of future systems. By the way, there are free versions of 2 or 3 projects.
This editor allows you to instantly configure all the sections that are involved in the README file of your test project.
Used for debugging and pre-generating (previewing) the meta tags for the website being tested. The user can see exactly how the page will look on Google, Twitter, and Facebook.
In just a few clicks you can create a favicon of text, pictures, and even emoji.
A popular web tool for unminifying JS, CSS, HTML, XML, and JSON program code. This makes it as readable and structurally correct as possible.
A test API application that can be used to run tests, write documentation, and make changes to existing files.
A small Chrome extension with which you can close a lot of windows, grouping them in a list, and then opening them with a single mouse click. This is very practical if you use a certain tool for a single task.
A fairly well-known online sandbox, within which you can interact with HTML, JS and CSS. The platform comes in handy when you need to test code when you’re short on time and have time to deploy a working (test) environment.