Tools

Chrome

DevTools

• mobile console

• export network logs: there are download and upload icons in network tab.

• network throttling : F12 -> Network -> No throttling to choose network speed

• force css Pseudo classes : F12 -> elements -> right click a element -> force state

Plugins

• Save Page WE : download web-page to single html.
• Save All Resources : download web-page resource including data from reqeuest
• QR Code Reader : scan QRcode on own browser.
• Screen Recorder: recorder for screen and webcam.
• Dubble: Free Step-by-Step Guide Creator

Visualize

• JSON
• DB

Formatter

• GLSL checker

Document

• Markdown flowchart - mermaid
• Software architectures - C4-PlantUML

Api

• GeoJS: IP Geolocation lookup API

Frontend

• CSS HTML5 Support tables
• WebGL Report
• keyboard events and codes
• Visual Regression Test: lost-pixel, BackstopJS

Resources

• Free SVG Icons
• i18n translator

Collaboration

• Whiteboard
• Diagram