I use this as a front-end developer

Last week these two tweets came along that had my interest and simultaneously made me wonder: “What do I use…?”

It’s nice to have a list of your (most) used tooling & software at hand for own reference and to share with others.

What browser extensions do you find most helpful in your work these days — and why?

Please mention the browser and the URL! ??

— Smashing Magazine (@smashingmag) January 28, 2020

Uses This https://t.co/jHtai0h6Dk pic.twitter.com/Grd5gkI86I

— CSS-Tricks (@css) January 30, 2020

So here are mine:

Browser extensions

Firefox

• Awesome Screenshot Plus – Capture, Annotate & More
• Grammarly for Firefox
• LastPass Password Manager
• Measure-it
• OLI Grid CSS
• OpenLorem
• Pushbullet
• Sharp Color Picker
• Tab Notes

Chrome

• Blue Button | the webpage X-ray
• Breakpoint
• ColorZilla
• Design Grid Overlay
• Grammarly for Chrome
• LastPass: Free Password Manager
• Lorem Ipsum Generator
• New Tab Draft
• Page Ruler Redux
• Redirect Path

Handy websites

• color-blindness.com – Color Name & Hue
• pxtorem.com – Convert CSS px to rem
• percentagecalculator.net – Percentage Calculator
• amp-what.com – &what: Discover Unicode & HTML Character Entities
• realfavicongenerator.net – Favicon Generator. For real.
• squoosh.app – Make images smaller using best-in-class codecs, right in the browser.

Software

• Slack
• PhpStorm
• Spotify (+ SpotMenu)
• Trello
• Jira
• Confluence
• Wunderlist
• Eon Timer + Jira integration (Apple)
• Time Recording (Android)
• Rectangle
• Time out Break Reminders