For Documentation and storing snippets I like Dash kapeli.com/dash
My repos are all in Github
I use Chrome dev tools with:
Augury
Chrome Lens
whatfont
jet brains toolbox and IDE support
Lighthouse
UA spoofer
live reload
dev tools auto save
php console
validate aria
ip address & domain info
css viewer
md editor
json formatter
css used
checkmylinks
react dev tools
redux dev tools
colorzilla
Ember Inspector
DuckDuckGo
Emulated Device Lab
js errors notifier
Node.js V8 Inspector
Validity
Postman
Web Server for Chrome
Note: I turn on and off the chrome extensions as needed. They can eat up a lot of memory if they are running in the background. As far as the uses for each one they are self explanatory but if you have a question about any let me know. Sometimes they are hard to set up and you may have to change some of your settings to get them to work. You can see those settings here: chrome://flags/
I use Codepen for inspiration and fun doodling in css: codepen.io/jrohatiner/
I use plunkr for experimenting with mostly Angular: plnkr.co/users/jrohatiner/plunks
I also like stackblitz - but haven't used it that much yet. stackblitz.com/@jrohatiner
I use graphql launchpad launchpad.graphql.com/new (great tool for serverless and mocking an endpoint)
regex101 regex101.com/
jsLint jslint.com/
I use js fiddle, sql fiddle jsfiddle.net/ sqlfiddle.com/
I also keep a dev server on Mediatemple.net (a bit of a mess right now :P) and I use the typescript and Docker playgrounds. Typescript because it will convert js to ts. Docker because its a great tool for constructing microservices. labs.play-with-docker.com/
Testing: e2e, jasmine, phantom, phpunit
My IDE is Webstorm or phpstorm
Sometimes I use BBEdit
Whew! If you have any questions about the tools I'm happy to help :)
You mentioned some tools to start using, like Adobe XD or UXPin. What are YOUR tools of preference, and what specific tasks do you use them for?
For prototyping I prefer Sketch -> Zeplin -> UXPin
uxpin.com/prototyping
sketchapp.com/
zeplin.io/
For Documentation and storing snippets I like Dash
kapeli.com/dash
My repos are all in Github
I use Chrome dev tools with:
Augury
Chrome Lens
whatfont
jet brains toolbox and IDE support
Lighthouse
UA spoofer
live reload
dev tools auto save
php console
validate aria
ip address & domain info
css viewer
md editor
json formatter
css used
checkmylinks
react dev tools
redux dev tools
colorzilla
Ember Inspector
DuckDuckGo
Emulated Device Lab
js errors notifier
Node.js V8 Inspector
Validity
Postman
Web Server for Chrome
Note: I turn on and off the chrome extensions as needed. They can eat up a lot of memory if they are running in the background. As far as the uses for each one they are self explanatory but if you have a question about any let me know. Sometimes they are hard to set up and you may have to change some of your settings to get them to work. You can see those settings here: chrome://flags/
I use Codepen for inspiration and fun doodling in css: codepen.io/jrohatiner/
I use plunkr for experimenting with mostly Angular: plnkr.co/users/jrohatiner/plunks
I also like stackblitz - but haven't used it that much yet. stackblitz.com/@jrohatiner
I use graphql launchpad launchpad.graphql.com/new (great tool for serverless and mocking an endpoint)
regex101 regex101.com/
jsLint jslint.com/
I use js fiddle, sql fiddle
jsfiddle.net/
sqlfiddle.com/
I also keep a dev server on Mediatemple.net (a bit of a mess right now :P) and I use the typescript and Docker playgrounds. Typescript because it will convert js to ts. Docker because its a great tool for constructing microservices. labs.play-with-docker.com/
Testing: e2e, jasmine, phantom, phpunit
My IDE is Webstorm or phpstorm
Sometimes I use BBEdit
Whew! If you have any questions about the tools I'm happy to help :)
Wow, didn't expect that explanation! Thanks a lot, will be researching those tools as well. Cheers!
Namaste!