![Cover image for 24 Best Resources π¨ For Web Developers π» [HTML + CSS + JavaScript] π±](https://media2.dev.to/dynamic/image/width=1000,height=420,fit=cover,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fx3ns1lcs3qxf1vcsz9iq.png)
TL;DR
The world of web development can be overwhelming with so many tools and resources available. To simplify this journey, I've curate...
For further actions, you may consider blocking this person and/or reporting abuse
Awesome resources especially Swirl!
Agreed, Swirl is becoming my one my favorite go-to's!
Ha ha yeah!
Swirl is awesome and thanks Nevo π
π
Good resources, and I've used Fffuel. It's a really awesome website to generate backgrounds and gradients.
Yes, I know right! I've used SVG Backgrounds but hunting down for the resources, this one contains some really good backgrounds.
Also, Flowbite/Daisy UI + FFfuel Elements + Some ChatGPT Optimization would result in an awesome website.
Bravo π nice list, Iβm saving this so I can bookmark for development.
Yes, thanks Nate!!
Why not create a website using just these resources??
That's totally possible, take for instance Bubble - great for non-technical folks, the no-code platform.
I'm kind of old school and love to just spin up a good 'ol Next.js app and build on top of it and there is a lot in your list I can use.
Next.js isn't old skool. Real Web Dev workout would be to ship a minimal HTML+CSS+JS website.
Just a single page, enough to convey the information.
So, if I want to learn to code by building a website from scratch, what would you suggest?
Thank you for mentioning spartan.ng!!
It has been a great adventure building it! For anyone new to web development or Angular feel free to join our community on discord and also keep an eye out for the upcoming announcement from the team!
There's been no better time to start your Angular journey!
Thank you for making such a cool Angular library @goetzrobin
Thank you so much for this incredible resource. I'm a new developer and have been dying to have some interesting and useful tools to play around with. Very, very excited about swirl and CSS Tricks. :D
Feel free to add mines, 100% to use!
For Tailwind users.
Tailwind components:
β windstatic.com
Free Tailwind themes under the creative commons license:
β windbasics.com
Design/Dev
Colors and typography:
β colorsandfonts.com
SVG shsped
β svgdoodles.com
SVG Gradients
β gradients.michaelandreuzza.com
Hope you find them useful!
Really cool tools. Thanks for your addition.
Nice collection of resources and swirls' the bestttt
Yes, π
This rocks
Thanks
Thanks for curating this fantastic list of resources for web devs, I would like to mention two more site which i have personally used, pexels and mdn docs. I think they would fit here perfectly.
Thanks @sandipkarmokar for your suggestions. Pexels contains some really awesome stock photos, and yeah MDN Webdocks is π
Useful resources π
I'm glad you liked it!
Really cool resources, thanks for posting it out.
However, CSS Tricks isn't updated for a long time. They're out of Tricks.
Hate to break it to you, but CSS-Tricks is basically dead. Digital Ocean bought it, then fired all the staff. Last article was in April.
Oh, I didn't know about the DO take-over. That's sad. The website was/is awesome and I still have some bookmarked pages from their website that I use.
Do you suggest any alternatives for it?
Very helpful.
I would like to add one more in the list coderkit.dev. All in one tool for JSON formatter, JWT decoder etc.
awesome curation @srbhr
Keep curating.
Thanks @shreya_gr
Great tools!
Good collection!
Great resource, thank you!
You're Welcome
Glaring typo in the header image
Thanks for pointing that out. I've fixed it! ππΊ
Good list! Thanks!
You're welcome.
really helpful resource. thanks for bringing out time from your schedule to make this.
I'm glad that you liked these tools.
Thank you for sharing.
You're welcome and than you for reading as well.
all are incredible
Huge respect OP for sharing these helpful resources thanks man!!!!
Nice, is very useful.... Content
Thank you, I'm glad that you liked it!
thank you bro
Thanks so much!
I'm glad you liked it.
Woooooow what a awesome resources here.
We also made an awesome list of free CSS generator
Awesome list of free CSS Generator
Jon Snow γ» Jul 8
I just checked it out. awesome list
Thanks
fantastic resources ππ
Thanks
you welcome
awesome resources and with lots of details
Thank you.
CSS Tricks is dead.
It's a really great place to get started with CSS and learn the usual tricks and things they've featured over there.
no