I have a bunch of resources in this post
but what's some frontend developer resources you have come across recently? It doesn't matter if you're a beginner or a seasoned pro. Share!
I have a bunch of resources in this post
but what's some frontend developer resources you have come across recently? It doesn't matter if you're a beginner or a seasoned pro. Share!
For further actions, you may consider blocking this person and/or reporting abuse
Gladiators Battle -
Patrick -
Om Vaja -
Probir Sarkar -
Top comments (45)
I currently can't live without 11ty (static site generator):
11ty.dev/
This is a super nifty tool to find the closest named CSS color:
enes.in/sorted-colors/
Here's a great list of ways to manipulate the HTML Dom with vanilla JS:
htmldom.dev/
A very fun game to learn about available CSS selectors and how to use them:
flukeout.github.io/
A cheatsheet for
window.location
by @samanthaming:dev.to/samanthaming/window-locatio...
My mission this year is to create free resources for the community:
Awesome list! π₯
Thanks for sharing!
htmldom.dev/ is awesome
Many thanks! Helped me. And shared with many others.
For my fellow React Developers:
usehooks.com/
A11y Style Guide
a11y-style-guide.com/style-guide/
Some Personal Sites for Inspiration!
abdisalan.com/
wattenberger.com/blog/
flaviocopes.com/
taniarascia.com/
The a11y-style-guide.com/style-guide/ looks to be a brilliant resource for accessibility thanks for sharing!
Yeah @gabe_ragland 's usehooks.com is a great resource. Thanks for sharing!
Thanks for sharing usehooks :)
Pesonal Website Inspiration:
Nyamador.me
Looks very cool π
Thank you :)
jakearchibald.github.io/svgomg/ - love this tool for optimizing SVGs!
Definitely! π₯ For those interested, we run all the SVGs that are on DEV through this.
Oh yes, can't believe I forgot this in my list, I also use it all the time
My favs fronted resources are websites that teach you with games.
Here are some of them:
To learn CSS Flexbox
flexboxfroggy.com/
flexboxdefense.com/
To learn CSS Grid
cssgridgarden.com/
To learn basic (and advanced) CSS
flukeout.github.io/
A tiny tool I built on Vue to learn Flexbox myself (and Vue too):
flexiting.com/playground
Love Flexbox Froggy!
Has anyone mentioned colorzilla.com/gradient-editor/ yet? I used to use this all the time for gradients with multiple color stops. These days a lot of other tools handle it for you as well but It's still occasionally handy for quickly generating gradient CSS!
100 websites to bookmark for your next dev/web project π©βπ»
Vaibhav Khulbe γ» Mar 26 '20 γ» 5 min read
That being said...here are 50 random/lesser-known resources π₯:
Essential Frontend Resources in 2019
Zahin Alwa γ» Sep 22 '19 γ» 3 min read
dypsilon / frontend-dev-bookmarks
Manually curated collection of resources for frontend web developers.
20 Top Frontend Developers Tools in 2020 | by Shanika Wickramasinghe | Medium
Shanika Wickramasinghe γ» γ» 9 min read
Medium
If you've read here you're so hungry for more resources!
I usually share them on my weekly dev newsletter. You can subscribe to Dev Weekly here.
Have a good day frontenders!
For React devs: this little snippet gives you a JSX-like interface in pure JavaScript, no transpilation required
Usage
tiny-helpers.dev
Yay!!!
Bookmarking this for the near future π I'm currently working on my UI design skills to be a better frontend dev. One thing I find myself always getting back to is this awesome Flexbox guide on CSS Tricks.
github.com/sindresorhus/awesome#fr...