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.
Gradient Backgrounds – 🌈 The Best Gradient Sites All in One Place (cssgradient.io)
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.
Animista – On-Demand CSS Animations Library
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.
Fontjoy – Generate font pairings in one click
There you can find highly original and interesting combinations of web fonts, based on a neural network.
Logoipsum | Free Placeholder Logo For Your Design Mock-up
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.
Carbon | Create and share beautiful images of your source code
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).
Poet.so | Create Beautiful Images of Twitter Posts
A similar project to Carbon, but designed exclusively for Twitter and LinkedIn.
BrowserFrame | Wrap screenshots in browser frames
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.
Framer — Design and ship your dream site. Zero code, maximum speed.
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.
Meta Tags — Preview, Edit and Generate
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.
The best Favicon Generator (completely free) – favicon.io
In just a few clicks you can create a favicon of text, pictures, and even emoji.
Unminify JS, CSS, HTML, XML, and JSON Code
A popular web tool for unminifying JS, CSS, HTML, XML, and JSON program code. This makes it as readable and structurally correct as possible.
Postman API Platform | Sign Up for Free
A test API application that can be used to run tests, write documentation, and make changes to existing files.
Toby for Chrome – Интернет-магазин Chrome (google.com)
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.
CodePen: Online Code Editor and Front End Web Developer Community
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.