The document lists various tools that would be needed to be a happy web developer including tools for mockups (Axure), desktop interfaces (Foundation), mobile interfaces (Material Design), prototyping (Pinegrow), coding (TypeScript, AngularJS), managing dependencies (Bower), scaffolding (Yeoman), automating (Grunt), testing (Protractor), mocking APIs (apimocker), versioning (Git), continuous integration (Jenkins), editing (sublime, WebStorm), and relaxing with wine at the end of the day.

1. «What would you need
to be an happy web-dev? »

2. Provided UX
relies on DX™…

3. I’d like to…

4. … mockup UI with…

5. Axure
http://www.axure.com/

6. … make desktop interface
in…

7. Foundation
http://foundation.zurb.com/

8. … build mobile first UI in…

9. Material Design
http://www.google.com/design/spec/material-design

10. … prototype with…

11. Pinegrow
http://pinegrow.com/

12. … coding in…

13. TypeScript
http://www.typescriptlang.org/

14. … engineer the code in…

15. AngularJS
https://angular.io/

16. … benefits from Google
synergy…

17. AngularJS + Material
https://material.angularjs.org

18. … manage dependencies
with…

19. Bower
http://bower.io/

20. … scaffolding with…

21. Yeoman
http://yeoman.io/

22. … automating with…

23. Grunt
http://gruntjs.com/

24. … e2e-testing with…

25. Protractor
http://angular.github.io/protractor

26. … mocking server API
with…

27. apimocker
https://github.com/gstroup/apimocker

28. … managing versioning
with…

29. Git
http://git-scm.com/

30. … doing CI with…

31. Jenkins
https://jenkins-ci.org/

32. … and if editing with…

33. sublime
http://www.sublimetext.com/

34. … wouldn’t suffice, I could
think to code with…

35. WebStorm
https://www.jetbrains.com/webstorm/

36. … tidying up…

37. as a «Designer»…

38. as a «Developer»

39. as a «DevOps practitioner»…

40. … and having finally…

41. a glass of wine
at the end
of the day!

42. Giovanni Costagliola
@gcostagliola