tl;dr

The Chrome DevTools are a neat collection of tools for the daily work as a web developer. If you're lucky, you'll maybe find some handy stuff in here.

Analysing

• Frontend Performance Issues
• Rendering Performace

Breakpoints

• Breakpoints on HTML Elements
• Event Listener Breakpoints

Debugging

• Browser debugging tricks
• Remote Debugging on Android
• Access DevTools via CLI
• Store Element in Global Variable
• Device Sizing And Network Throttling
• Throttle CPU
• Inspect and Debug CSS Flexbox and Grid Layouts by using the Layouts Tab in Dev Tools

Source

• Chrome Developers Show archive.org snapshot
• Chrome Developers Blog Show archive.org snapshot
• Chrome Developers Articles Show archive.org snapshot
• Chrome Developers Videos Show archive.org snapshot

Varia

• Auto-open DevTools for popups
• List Registered Event Listeners
• Shortcuts
• Fast Navigation Tips in Dev Tools

Tip

Feel free to extend this list of Chrome DevTools resources.

Rails Long Term Support

Rails LTS provides security patches for old versions of Ruby on Rails (2.3, 3.2, 4.2 and 5.2)

• Prevents you from data breaches and liability risks
• Upgrade at your own pace
• Works with modern Rubies

Read more Show archive.org snapshot