markdown guide
 
 

When I need to prototype a flexbox layout I usually go here first: flexbox.buildwithreact.com

When I need to understand a shell command better: explainshell.com

When I need to make sure a package isn't going to cost me in the dist: bundlephobia.com

Generating visual app workflow docs: mermaidjs.github.io

.browserlistrc helper: browserl.ist

Because I'm weak: vim.rtorr.com/

When I don't want to reinvent the wheel: js.coach

 

For flexbox I use this one also when needed : codepen.io/enxaneta/full/adLPwv. But yours is awesome!

 

ngrok.com/ or serveo.net/ so I can expose my local servers to everyone and share my work without having to push to staging environment !

 

I LOVE ngrok, it has been super useful over the last few months πŸ˜„ thanks for sharing Valentin !

 

I can't tell unless I could literally mind-read what most other devs think!

Personally, I read reddit (programming sub), quora, HN, FreeCodeCamp, medium, and dev.to, of course. All of them are quite popular so I'm assuming most other devs might be using them too. There are some other quiz, coding contest and pure fun sites too, and some of them are a little less known I believe:

  1. open.kattis.com/
  2. app.codility.com/programmers/chall...
  3. hackerrank.com/dashboard
  4. techgig.com/home
  5. mathsisfun.com/
  6. codechef.com/
  7. pyschools.com/quiz/view_ranking
  8. codingbat.com/
  9. codewars.com/dashboard
  10. mathblog.dk/programming-challenges/
 
 
 

justify-content will be the death of my last remaining brain cel

I’m not even going to correct that, that’s what CSS has done to me today

 
 

colorbox.io is an amazing tool for working with colors too.

Fontspark.app is also a very nice tool for types discovering.

Coolors.co is amazing for creating color palettes fast.

 

Love it, I'll use Fontspark a lot from now on πŸ˜„

 

I discovered fontspark.app because I was planning to do something similar, is so good that it changed my mind about going on with the project.

 

This collection of cheatsheets is great if you want to do something with a tool/library but don't know what it's called! Just reading through the cheatsheets whenever you're free for a few minutes is also incredibly helpful.

 

OneTab is a great Chrome and Firefox extension for tab-hoarders.

 

β€’ alligator.io

β€’ css-tricks.com

β€’ flaticon.com

β€’ thenounproject.com

β€’ freepik.com (this & above two are designer-based)

β€’ yoksel.github.io/flex-cheatsheet

β€’ daneden.github.io/animate.css

β€’ bouncejs.com

β€’ dev.mozilla.org

β€’ snapsvg.io

β€’ popmotion.io

β€’ codepen.io

... are quite useful. πŸ˜‰

 

There are also some YouTube channels I visit for inspirational/educational purposes, with one of my favorites being β€œRed Stapler.” :)

 

devdocs.io is the greatest aggregator of documentation I've ever seen.

 

caniuse.com/ is my first stop if I have to touch anything client-side.

 
 
 

pdfsea.com/ and typeanything.info/ (both self-obvious)
Lightshot browser plugin takes screenshots
Build With browser plugin snoops into site tech - very verbose
AWS Quicklinks browser plugin is self-obvious and saves truckloads of time

This be my 1st post here, nice to meet you

 
 
 

Flexbox Cheatsheet by @JoniTrythall

I also recently found:

 
 
 
 
 
 

httpbin.org is very nice for the early stages of testing an API client.

 
 

Neilsen’s Usability Heuristics. I’m no Ui designer, but with this I can have some confidence that my software isn’t a complete pain to use

nngroup.com/articles/ten-usability...

 
 

Ruby Koans

This helped me learn Ruby and learn to write tests all at once. Most of the Ruby devs I've mentioned it to don't know about it, though.

 
 
 
 
 
 
Classic DEV Post from May 2

Everything you need to get up and running with VueJS.

In this article, I am going to tell you why I love Vue and give you 4 different ways you can write your first application.

Christopher Kade profile image
Web consultant @ZenikaIT // I sometimes record podcasts, build things and write about the web πŸ‘‹