https://github.com/ozantekin/css-notes

Here you can find the resources, research, and cheat sheets I've prepared to address my CSS knowledge gaps.
https://github.com/ozantekin/css-notes

css

Last synced: 10 days ago
JSON representation

Here you can find the resources, research, and cheat sheets I've prepared to address my CSS knowledge gaps.

• Host: GitHub
• URL: https://github.com/ozantekin/css-notes
• Owner: ozantekin
• Created: 2022-02-07T23:47:35.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2024-08-02T05:32:27.000Z (4 months ago)
• Last Synced: 2024-08-02T06:39:55.615Z (4 months ago)
• Topics: css
• Homepage:
• Size: 12.6 MB
• Stars: 41
• Watchers: 4
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


 



 Here you can find the resources, research, and cheat sheets I've prepared to address my CSS knowledge gaps. 




Cheat Sheet


-  Box Model 

-  Flex Direction 

-  Flex Wrap 

-  Flex Item 

-  Justify Content 

-  Align Item 

-  Align Content 

-  Align Self 

-  nth-child 



Articles


-  CSS Flexbox Handmade Cheat Sheets (Turkish) 

-  CSS Generators: These Sites Will Save You Time 

-  Master HTML & CSS by Playing Games 



Videos


-  Difference Between `em` and `rem` 

-  Centering a Div with CSS (3 Methods) 

-  What is `linear-gradient` (Color Transition) 

-  CSS Transform 



Example Projects


-  Skateboard Video Platform 

-  Glassmorphism Cloud Application 

-  Responsive React Dashboard 

-  Project Management Board UI 

-  Responsive Social Platform UI 

-  Customer Management UI 

-  Task Management UI 

-  CSS Grid Task Manager UI 

-  Job Search Platform UI 

-  File Sharing Web Application 



Games


-  CSS Dinner 

-  Flexbox Froggy 

-  Codewars 

-  Untrusted 

-  Screeps 

-  Elevator Saga 

-  Codingame 

-  Dungeons and Developers 

-  CSS Grid Garden 

-  CodeCombat 

-  Hex Invaders 

-  Pixact 

-  Checkio 

-  Flexbox Defense 

-  Crunchzilla 

-  RoboCode 

-  CSS Battle 

-  Codepip 

-  Flexbox Zombies 

-  Pure CSS (Sass) Carnival Game 

-  CSS Game 



Generators


-  Flexbox Generator 

-  CSS Generator 

-  Grid Generator 

-  Neumorphism Generator 

-  Gradient Button Generator 

-  CSS Scan Generator 

-  Glassmorphism Generator 

-  Fancy Border Radius Generator 

-  Text Shadow Generator