- CSS Cheats
- Tailwind Cheats
- CSS Notes
- CSS References
- Tailwind Notes
- Tailwind References
- CSS Articles
- Tailwind Articles
-
QuickRef Css, https://quickref.me/css3
-
Interactive CSS Cheat Sheet, https://htmlcheatsheet.com/css/
-
CSS Tricks Almanac, https://css-tricks.com/almanac/
-
The ultimate flexbox cheat sheet, https://www.sketchingwithcss.com/samplechapter/cheatsheet.html
-
Grid cheat, https://grid.malven.co/
-
Umeshmk Cheat *5, https://umeshmk.github.io/Tailwindcss-cheatsheet/
-
Tailwind Components Cheat *4, https://tailwindcomponents.com/cheatsheet/
-
Tailwind Doc, https://tailwindcss.com/docs/installation
This tutorial is prepared from web resources and some additions from me.
Source : W3Schools
- 1-1 Intro |
- 1-2 Selectors |
- 1-3 Cascading and Specifity |
- 2-1 Color |
- 2-2 Text - Font |
- 2-3 Backgrounds |
- 2-4 Images |
- 2-5 Icons |
- 3-1 Links |
- 3-2 Lists |
- 4-1 Size | |
- 4-2 Margin,Border,Padding,Outline | |
- 5-1 Layout (Display,Position,Z-index) | |
- 5-2 Overflow,Align,Float | |
- 6- Flexbox | |
- 7- Grid | ✔ |
- 8- Variables | ✔ |
- 9- Media | ✔ |
- 10- Animation | |
- 11- Advanced | |
- 12- Examples | |
-
W3Schools, https://www.w3schools.com/css/default.asp
| Topic | Note |
|---|---|
| Tailwind Cheat - All | |
| Tailwind Intro | |
| Layout | |
| Sizing and Spacing | |
| Backgrounds | |
| Flexbox and Grid | |
| Typography | |
| Borders |
| Topic | Note |
|---|---|
| Kurs Notları |
Topics Will be Added
-
Effects, Filters, Transitions and Animations, Transforms
-
Interactivity, SVG, Accesibility, Official Plugins
-
Base Styles, Customization, Core Concepts, Getting Started
- Tailwind Doc, https://tailwindcss.com/docs/installation
| Article |
|---|
| Tailwind CSS Tutorial for Beginners: A Guide to Get Started in 2023 by Louis Lazaris |