List of resources:
- Colors
- AI integrated color picker
- Code Snippets
- Document and notes
- CSS generator
- Design Inspiration
- GitHub Repo
- Cheat Sheets
- Validators
- Chrome Extension
- YouTube
- Animation Libraries
- Threads
- Website
- Learn by playing
- Templates
90 Free CSS resources you will love (Cont...)
Colors:
1. Color Hunt
2. Coolors
3. HTML color codes https://htmlcolorcodes.com
4. UI Gradients
5. Gradient generator
6. Encycolorpedia https://encycolorpedia.com
7. WebFx
https://webfx.com/web-design/color-picker
8. Radial Gradient
9. COLORS
10. Flat UI colors 2
90 Free CSS resources you will love (Cont...)
AI integrated color picker:
11. Khroma
12. Colormind
13. Eva Design System https://colors.eva.design
14. AI color generator
https:/hotpot.ai/color-generator
15. Web tools
https://webcode.tools/css-generator
Code Snippets:
16. Little snippets https://littlesnippets.net
17. Enjoy CSS
https://enjoycss.com
18. CSS Tricks
https://css-tricks.com/snippets/css
19. CSS Deck
https://cssdeck.com
20. W3 How to https://w3schools.com/howto
90 Free CSS resources you will love (Cont...)
21. Snipplr
22. Stack overflow https://stackoverflow.com/questions/tagged/css
23. Codepen https://codepen.io/collection/DYpwPE
24. Code my UI
Document and notes:
25. W3 Schools https://w3schools.com/css
26. MDN https://developer.mozilla.org/en-US/docs/Web/CSS
27. DevDocs
28. Geeks for geeks https://geeksforgeeks.org/css-tutorials/
29. Tutorials point https://tutorialspoint.com/css/index.htm
90 Free CSS resources you will love (Cont...)
CSS generator:
30. Stripes generator https://stripesgenerator.com
31. Gradient generator https://cssgradient.io
32. Pattern generator http://patternify.com
33. Animation generator https://keyframes.app
34. Layout generator
Design Inspiration:
41. CSS design awards https://cssdesignawards.com
42. Awwwards https://awwwards.com/websites/css3
43. CSS nectar
44. Design modo https://designmodo.com/css-website-designs
45. CSS winner
90 Free CSS resources you will love (Cont...)
GitHub Repo:
46. Awesome CSS https://github.com/awesome-css-group/awesome-css
47. 30 seconds of CSS https://github.com/30-seconds/30-seconds-of-css
48. CSS Protips https://github.com/AllThingsSmitty/css-protips
49. Awesome flexbox
Cheat Sheets:
50. I love Coding https://ilovecoding.org/blog/htmlcss-cheatsheet
51. Dev Hints
52.
https://htmlcheatsheet.com/css/
53. Grid
54. CSS Grid
90 Free CSS resources you will love (Cont...)
55. Flex cheat sheet https://yoksel.github.io/flex-cheatsheet
56.
Chrome Extension:
57. CSS Peeper https://chrome.google.com/webstore/detail/css-peeper/mbnbehikldjhnfehhnaidhjhoofhpehk?hl=en
90 Free CSS resources you will love (Cont...)
90 Free CSS resources you will love (Cont...)
YouTube:
63. Free code camp https://youtube.com/watch?v=1Rs2ND1ryYc
64. Traversy media https://youtube.com/watch?v=yfoY53QXEnI
65. Coding artist https://youtube.com/channel/UC15exV5s79D_aYGADudlwpQ
66. Edureka
https://youtube.com/watch?v=3_9znKVNe5g
67. Red Stapler
https://www.youtube.com/channel/UCRthRrv06q1iOl86-tTKJhg
90 Free CSS resources you will love (Cont...)
Animation libraries:
68. Animate.css
69. OBNOXIOUS.css https://tholman.com/obnoxious/
70. CSShake http://elrumordelaluz.github.io/csshake/
71. Anim XYZ
72. Animista
90 Free CSS resources you will love (Cont...)
Websites:
75. CSS reference https://cssreference.io
76. Learn to code https://learn.shayhowe.com
77. CSS layouts https://learnlayout.com
78. CSS tutorial
79. CSS tricks
Learn by playing:
80. Grid Garden https://cssgridgarden.com
81. Unfold
82. Flexbox defense http://flexboxdefense.com
83. CSS Diner
84. Flexbox froggy
90 Free CSS resources you will love (Cont...)
90 Free CSS resources you will love (Cont...)
Templates:
85. Free CSS templates
https://free-css.com/free-css-templates
86. Templates
87. Tooplate https://tooplate.com/free-templates
88. Nice page https://nicepage.com/css-templates
90 Free CSS resources you will love
By Code 100mph
90 Free CSS resources you will love
- 236