Useful (Web-)Devtools you might be happy to know about :)

Ympker

So, a YouTuber I am watching from time to time has made a video about his (Web-)Devtools, so I thought why not share the video..and the tl;dr some viewer thankfully made as top comment
If you can recommend any devtools please let us know :slight_smile: I will also try to think of some, once I'm done.

Kind regards,
Ympker

poisson

Pexels is an awesome royalty free stock image service.

Ympker

@poisson said:
Pexels is an awesome royalty free stock image service.

My favourite of these tools gotta be Undraw. Love it!

mikho

Not only web tools but some useful tools for everything

Ympker

@mikho said:
Not only web tools but some useful tools for everything

Great collection ! Thanks for sharing

vyas

@poisson said:
Pexels is an awesome royalty free stock image service.

Yup, use that, also the new image search tool on Creative Commons website.
Cloudinary for image manipulation/ CDN (IMO works better than tiny - which does only image compression. Tiny is awesome but through cloudinary works better particularly for banner images/ theme 'recommended' image sizes)
Royalty free / Creative Commons Music : Incompetech

vyas

@mikho said:
Not only web tools but some useful tools for everything

Now the re-learning is complete. And I realised I had forgotten more than a few things. Thanks for posting.

Bochi

No dev tool, but somehow a nice starting point for little side projects: Pixelarity.com

WJJ

@Bochi said:
No dev tool, but somehow a nice starting point for little side projects: Pixelarity.com

What's confusing is some of these are free already on: https://html5up.net/

Bochi

@WJJ said:
What's confusing is some of these are free already on: https://html5up.net/

I've always seen the paid access as a kind of contribution for the efforts.
But as always, it's a licensing thing:

https://pixelarity.com/help :
What is HTML5 UP, and how is it related to Pixelarity?
HTML5 UP is a small, Creative Commons-licensed collection of AJ's responsive template designs. Since the CCA license requires attribution (which, in HTML5 UP's case, means visibly crediting it wherever a template is used), Pixelarity offers commercially-licensed, attribution-free versions of (almost) everything at HTML5 UP for situations where giving attribution isn't really feasible or preferable.

Sova

Let me add one here that you may find useful for web dev purposes or debugging pesky CSS - VisBug
It's a very useful Chrome extension with a point & click interface for nitpicking web layouts. Search for it on the Chrome store.