Ultimate List of Free Web Development Resources -.

Topics Covered 👇

🔹Online Learning Platforms
🔹 Free Code Snippets
🔹 Documents
🔹 Learn By Playing Games
🔹 Icons
🔹 Illustrations
🔹 Free Web Hosting
🔹 YouTube Channel

Let's Start 🔥


🔶 Online Leaning Platforms


🔹 Free Code Camp -
https://www.freecodecamp.org/

🔹 Udemy -
https://www.udemy.com/

🔹 Treehouse -
https://teamtreehouse.com/

🔹 Udacity -
https://www.udacity.com/

🔹 Cousera -
https://www.coursera.org/

🔹 Sololearn -
https://www.sololearn.com/

🔹 Frontend Masters -
https://frontendmasters.com/

🔹 W3Schools -
https://www.w3schools.com/

🔹 Codeacademy -
https://www.codecademy.com/

🔹 Traversy Media -
https://www.traversymedia.com/

🔹 Alison -
https://alison.com/

🔹 Skillshare -
https://www.skillshare.com/

🔹 MDN Docs -
https://developer.mozilla.org/en-US/




🔶 Free Code Snippets

🔹 Codepen -
https://codepen.io/

🔹 Free Frontend -
https://freefrontend.com/

🔹 Code My UI -
https://codemyui.com/

🔹 Play Code -
https://playcode.io/

🔹 JS Bin -
https://jsbin.com/

🔹 JS Fiddle -
https://jsfiddle.net/

🔹 CodeSandBox -
https://codesandbox.io/

🔹 Web Code Tools -
https://webcode.tools/

🔹CSS Flow -
https://www.cssflow.com/

🔹 CodePly -
https://www.codeply.com/

🔹 CodePad -
https://coderpad.io/

🔹 CSS Deck -
https://cssdeck.com/

🔹 Code Interview -
https://codeinterview.io/



🔶 Documentation


🔹 Dev Docs -
https://devdocs.io/

🔹 GeeksForGeeks -
https://devdocs.io/

🔹 Tutorials Point -
https://www.tutorialspoint.com/

🔹 W3Schools -
https://www.w3schools.com/

🔹 Java Point -
https://www.javatpoint.com/



🔶 Online Games


🔹 Floxbox Defense -
http://www.flexboxdefense.com/

🔹 Unflod -
https://unfold.com/

🔹 Grid Garden -
https://cssgridgarden.com/

🔹 CSS Diner -
https://flukeout.github.io/

🔹 Code Combat -
https://codecombat.com/

🔹 Coding Game -
https://www.codingame.com/

🔹 Screeps -
https://screeps.com/

🔹 Flexbox Froggy -
https://flexboxfroggy.com/

🔹 Code Monkey -
https://www.codemonkey.com/

🔹 Cyber Dojo -
https://www.cyber-dojo.org/creator/home



🔶 Free Icons


🔹 Font Awesome -
https://fontawesome.com/

🔹 Icons8 -
https://icons8.com/

🔹 Flaticon -
https://www.flaticon.com/

🔹 Pixeden -
https://www.pixeden.com/

🔹 Fontello -
https://fontello.com/

🔹 Icon Finder -
https://www.iconfinder.com/

🔹 Captain Icon -
https://mariodelvalle.github.io/CaptainIconWeb/

🔹 Endless Icons -
https://endlessicons.com/

🔹 Icon-Icons -
https://icon-icons.com/

🔹 Round Icons -
https://roundicons.com/



🔶 Illustrations


🔹 Freepik -
https://www.freepik.com/

🔹 Undraw -
https://undraw.co/

🔹 Drawkit -
https://www.drawkit.io/

🔹 Humaaans -
https://www.humaaans.com/

🔹 Handz -
https://www.handz.design/

🔹 Open Doodles -
https://www.opendoodles.com/

🔹 Illustration. co -
http://illustration.co/

🔹 Vivid Js -
https://webkul.github.io/vivid/

🔹 Many Pixels -
https://www.manypixels.co/



🔶 Free Web Hosting


🔹 GitHub Pages -
https://github.com/

🔹 Netlify -
https://www.netlify.com/

🔹 AWS -
https://aws.amazon.com/

🔹 Firebase -
https://firebase.google.com/

🔹 Infinity Free -
https://infinityfree.net/

🔹 WordPress -
https://wordpress.com/

🔹 Wix -
https://www.wix.com/

🔹 Weebly -
https://www.weebly.com/in

🔹 Shopify -
https://www.shopify.in/



🔶 YouTube Channel


🔹 FreeCodeCamp -
https://youtube.com/c/Freecodecamp

🔹Traversy Media -
https://youtube.com/c/TraversyMedia

🔹 Dev Ed -
https://youtube.com/c/DevEd

🔹 Programming With Mosh -
https://youtube.com/c/programmingwithmosh

🔹 Tyler Moore -
https://youtube.com/user/Conutant

🔹 Web Bos -
https://youtube.com/c/WesBos

🔹 Coding The Smart Way -
https://youtube.com/c/Codingthesmartway

🔹 Code With Harry -
https://youtube.com/c/CodeWithHarry

🔹 Clever Programmer -
https://youtube.com/c/CleverProgrammer

🔹 Yahoo Baba -
https://youtube.com/c/YahooBaba

🔹 Design Course -
https://youtube.com/c/DesignCourse

Don’t Fight the Cascade, Control It!

https://css-tricks.com/dont-fight-the-cascade-control-it/

Top 10 Features Introduced In Tailwind CSS v3.0

https://levelup.gitconnected.com/top-10-features-introduced-in-tailwind-css-v3-0-39f9700b12a1

CSS Box Model In 1 Picture 🌟

Make Beautiful Gradients

#css

https://www.joshwcomeau.com/css/make-beautiful-gradients/

How to use CSS ::before and ::after to create custom animations and transitions

https://blog.logrocket.com/how-to-use-css-before-after-create-custom-animations-transitions/

❎ How To Get Unlimited Cloud Storage!

▪️Features:
➤Unlimited total files
➤Unlimited total files size
➤1.5GB daily bandwidth
➤2GB upload & download max
➤All basic features

▪️Instructions:
➤log in using your Telegram account, link it with TeleDrive,
and you’re free to upload as many files as you want for free.
➤It uses Telegram’s own storage, so it’s private by default
➤Files will also be available in the Saved Messages section in your Telegram app.

▪️Requires Telegram Account

Link: https://teledriveapp.com/


========================================
For More Join now & Invite Your Friends➛ http://t.me/CyberPunk_anonymous
========================================

Comparing CSS Specificity values

https://kilianvalkhof.com/2022/css-html/comparing-css-specificity-values/