![Cover image for 24 Best Resources π¨ For Web Developers π» [HTML + CSS + JavaScript] π±](https://media.dev.to/cdn-cgi/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.
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
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, π
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
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 π
This rocks
Thanks
Useful resources π
I'm glad you liked 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.
Great tools!
Really cool resources, thanks for posting it out.
However, CSS Tricks isn't updated for a long time. They're out of Tricks.
Good collection!
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?
Great resource, thank you!
You're Welcome
awesome curation @srbhr
Keep curating.
Thanks @shreya_gr
damn this is so useful for beginners!!!π―π―π―
Thank you, I'm glad that you liked it!
Woooooow what a awesome resources here.
all are incredible
Huge respect OP for sharing these helpful resources thanks man!!!!
thank you bro
really helpful resource. thanks for bringing out time from your schedule to make this.
I'm glad that you liked these tools.
Good list! Thanks!
You're welcome.
Thank you for sharing.
You're welcome and than you for reading as well.
Nice, is very useful.... Content
Glaring typo in the header image
Thanks for pointing that out. I've fixed it! ππΊ
Thanks so much!
I'm glad you liked it.
fantastic resources ππ
Thanks
you welcome
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
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.
awesome resources and with lots of details
Thank you.