DEV Community

Essential Frontend Resources in 2019

Zahin Alwa on September 22, 2019

Frontend development has taken the world by storm in the last decade with extreme progress in all web technologies (HTML, CSS, JS, etc.) sponsored ...
Collapse
 
tiru5 profile image
Tyrus Malmström • Edited

Great list for sure -- thanks for putting this together! 😊

May I also suggest JSFiddle.

It is somewhat synonymous with codepen, however with a few differences! IMO, JSFiddle is more of a platform to learn and discover code, whereas codepen is more of a 'sharing' platform. For instance code snippets, UI patterns and what not.

That's not to say that you can't learn from codepen, you most definitely can and they are both amazing tools! 😎

Best,
Tyrus Malmstrom.

Collapse
 
zahinize profile image
Zahin Alwa • Edited

Hi Tyrus, thanks for the suggestion 🙌.

I am glad you liked the compiled list :).

Indeed JSFiddle.net is an amazing frontend code playground and has been one of the oldest too. I started using it way before any other online code playground. I critically thought about its inclusion into the list and finally decided against it due to the fact that all major features provided by JSFiddle are already present in Codepen and Codepen has a thriving huge developer community that appreciates, collaborates and discover incredible frontend code every day. I was unable to find a likewise community for JSFiddle.

Having said that, there will be developers who might like the elegant UI, usability and minimal feature set offered by JSFiddle.

Thus, I will add JSFiddle to the list.

Regards,
Zahin

Collapse
 
piny4man profile image
Piny4man
Collapse
 
zahinize profile image
Zahin Alwa

Hi Alberto, thanks for the suggestions 🙌.

Wow! These resources are invaluable and will act as an HTML/CSS code reference bookmark.

I will add both of them to the list :).

Collapse
 
piny4man profile image
Piny4man

A pleasure mate!

Collapse
 
worsnupd profile image
Daniel Worsnup

Great list! What about caniuse.com ?

Collapse
 
tiru5 profile image
Tyrus Malmström

I agree! caniuse is an awesome site that I use quite often in my daily development.

It allows you to see what features are supported on all browsers and the layout is very intuitive -- great suggestion! 👌😊

Collapse
 
zahinize profile image
Zahin Alwa • Edited

Hi Daniel, thanks for the suggestion 🙌.

I am glad you liked the compiled list :).

My bad 😅! caniuse.com is the de-facto standard for finding cross-browser compatibility of frontend technologies. I will add it to the list.

Collapse
 
auginator profile image
Agustin Sevilla

Great list - I propose that you should add glitch.com ! I am a long time user of codepen and a huge fan of it, and gitch.com is kind of a full stack version of it. If you haven't tried it yet - I highly recommend it!

Collapse
 
zahinize profile image
Zahin Alwa

Hi Agustin, thanks for the suggestion 🙌.

I totally agree with your proposal. glitch.com allows you to build and share full-stack web applications and it's a breeze to make stuff on it. I have built a couple of POCs on it and loved the whole experience.

I will add glitch.com to the list :).

Collapse
 
chandlerbaskins profile image
Chandler Baskins

I would also suggest javascript.info as anoth awesome resource for learning.

Collapse
 
zahinize profile image
Zahin Alwa

Hi Chandler, thanks for the suggestion 🙌.

Indeed, javascript.info is a valuable frontend resource consisting of Javascript-based tutorials. The site content is regularly updated to catch up with the progress of ECMAScript specification.

Thus, I will add it to the list :).

Collapse
 
prashantandani profile image
Prashant Andani

missing dev.to?

Collapse
 
zahinize profile image
Zahin Alwa • Edited

Hi Prashant, thanks for the suggestion 🙌.

How can I missed it 😁? Honestly, I hadn't explored dev.to at the time of writing this post. I am simply blown away by its fantastic developer community!

I will add dev.to to the list :).

Collapse
 
zahinize profile image
Zahin Alwa • Edited

Hi Gabriel, thanks for the suggestion 🙌.

Totally agree. How can I miss it 😁? Honestly, I hadn't explored dev.to at the time of writing this post. I am simply blown away by its fantastic developer community!

I will add dev.to to the list :).

Collapse
 
ubilliards profile image
MarkPJaramillo: Dev

@frontEndMasters

Collapse
 
zahinize profile image
Zahin Alwa

Hi Mark, thanks for the suggestion 🙌.

Indeed, frontendmasters.com is a valuable frontend resource to advance your skills 🔥. It is a highly popular course among frontend developers.

I will add it to the list.

Collapse
 
emasuriano profile image
Ema Suriano

Great list! I also recommend ponyfoo.com and also to subscribe to their weekly newsletter, they share really good content from all over the internet!

Collapse
 
zahinize profile image
Zahin Alwa

Hi Emanuel, thanks for the suggestion 🙌.

Indeed, ponyfoo.com is an amazing resource that has been sharing valuable content for a while now.

I will add it to the list :).

Collapse
 
mmaitoza profile image
Michael Maitoza

Thanks for putting the list together. It is very helpful.

Collapse
 
zahinize profile image
Zahin Alwa

Hi Michael,

I am glad you liked the compiled list :).

Collapse
 
yomeshgupta profile image
Yomesh Gupta

Great list! How about devtools.tech for amazing tech tutorials? :P

Collapse
 
zahinize profile image
Zahin Alwa • Edited

Aye Aye Captain! Will add devtools.tech to the list 😉.

Collapse
 
maxence_yro profile image
Maxence_Yro 🇨🇮

Great list thanks you

Collapse
 
zahinize profile image
Zahin Alwa

Hi Maxence,

I am glad you liked the compiled list :).

Collapse
 
shtefcs profile image
Stefan Smiljkovic
Collapse
 
zahinize profile image
Zahin Alwa

Hi Stefan, thanks for the suggestion 🙌 and sorry for a bit late reply.

hashnode.com seems like a fantastic resource to connect with developers all around the world and grow your career 🤓.

I will add it to the list :).

Collapse
 
abbiranjan profile image
Alok Ranjan

Very nice and informative article.
Thanks a lot.

Collapse
 
zahinize profile image
Zahin Alwa

Hi Alok,

I am glad you liked the compiled list :).

Collapse
 
colorswall profile image
colorswall

Please add one more tool to generate color palettes colorswall.com/palette/generate