Vitalii

You can check the CSS and JS code coverage with Chrome Dev Tools: You can show the Coverage tab from Dev Tools menu by choosing "More tools" => "Coverage". Alternatively, to open Dev Tools press Cmd+Opt+I (Mac) or Control+Shift+I (Windows, Linux). After this, you can access the Coverage from the Command Menu: Cmd+Shift+P (Mac) or ... Read more

The above figure is often used to demonstrate a minimum viable product, but I think it can also be used to demonstrate a minimum viable experience. The skateboard may be a little slower, but it doesn’t stop the user getting to where they want to go. So, if the user’s browser doesn’t support JavaScript or ... Read more

Shape of letter Kerning

Browser-level image lazy loading for the web without JavaScript

I've often thought that software developers were akin to Magpies, birds notorious for stealing shiny items to decorate their complex nests. Like Magpies, software developers are unusually smart and curious creatures, almost by definition. But we are too easily distracted by shiny new toys and playthings. I no longer find Scott Hanselman's Ultimate Developer Tool ... Read more

Search for visual bugs

WebStorm - code editor ~$100 Awesome and powerful Support: HTML + CSS + JavaScript Additional support: TypeScript, CofeeScript, Dart, SASS, Less, Stylus, AngularJS 2, Node.js Windows, Mac OS X, Linux Additional code editors PHPStorm = WebStorm + PHP support PyCharm = WebStorm + Python support IntelliJ = WebStorm + Java support RubyMine = WebStorm + Ruby support ... Read more

Steps: Open developer tools Click on "Toggle device toolbar" Click on 3 dots in the top right corner Click on "Capture full size screenshot" How to make Full-Page Screenshot with Chrome without an extension: Or you can do it via shortcut Cmd+Shift+P and then search "Screenshot".

JS: html: Fetch params: All fetch() parameters: Fetch API