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/

Microsoft Design Challenge 💙

The much awaited "Microsoft Design Challenge" is back this year. Here is an awesome opportunity to launch your career in UX designing.

Calling all students who are passionate about UX designing to participate in the most awaited design challenge of the year.

💥What’s in it for you? 👉A chance to bag an UX Internship with Microsoft India.

✅ Eligibility Criteria: Students graduating in 2022 & 2023

😎 To register and learn more visit: www.msdesignchallenge.in

🚀 Registrations are open until February 6th 5 PM IST. Hurry & register NOW!