کتاب صوتی CSS for Game Design

🎓 دوره آموزشی جامع

📚 اطلاعات دوره

عنوان دوره: دوره CSS for Game Design

موضوع کلی: برنامه نویسی

موضوع میانی: CSS

📋 سرفصل‌های دوره

• 1. مقدمه ای بر CSS برای طراحی بازی
• 2. چرا CSS برای طراحی بازی؟
• 3. مفاهیم پایه CSS
• 4. ساختار HTML پایه برای طراحی بازی
• 5. انتخاب سلکتورها (Selectors)
• 6. انتخابگرهای کلاس (Class Selectors)
• 7. انتخابگرهای ID (ID Selectors)
• 8. انتخابگرهای عنصر (Element Selectors)
• 9. انتخابگرهای ویژگی (Attribute Selectors)
• 10. انتخابگرهای شبه کلاس (Pseudo-classes)
• 11. انتخابگرهای شبه عنصر (Pseudo-elements)
• 12. ترکیب انتخابگرها (Combinators)
• 13. ارث بری (Inheritance) در CSS
• 14. اهمیت مدل جعبه ای (Box Model)
• 15. عرض و ارتفاع (Width and Height)
• 16. حاشیه (Margin)
• 17. لبه (Border)
• 18. فضای داخلی (Padding)
• 19. تنظیم رنگ و پس زمینه
• 20. رنگ ها در CSS (Hex, RGB, RGBA, HSL)
• 21. رنگ متن (Color)
• 22. رنگ پس زمینه (Background-color)
• 23. تصویر پس زمینه (Background-image)
• 24. تکرار تصویر پس زمینه (Background-repeat)
• 25. موقعیت تصویر پس زمینه (Background-position)
• 26. تنظیم اندازه تصویر پس زمینه (Background-size)
• 27. نحوه چسباندن تصویر پس زمینه (Background-attachment)
• 28. گرادینت ها (Gradients) در CSS
• 29. نحوه کار با فونت ها
• 30. فونت های سیستم (System Fonts)
• 31. فونت های وب (Web Fonts) (Google Fonts)
• 32. تنظیم اندازه فونت (Font-size)
• 33. ضخامت فونت (Font-weight)
• 34. سبک فونت (Font-style)
• 35. نوع فونت (Font-family)
• 36. ارتفاع خط (Line-height)
• 37. تنظیم فضای بین حروف (Letter-spacing)
• 38. تنظیم فضای بین کلمات (Word-spacing)
• 39. قوانین چیدمان (Layout)
• 40. نمایش عناصر (Display Property) (Block, Inline, Inline-block)
• 41. مدیریت فلوت (Float)
• 42. مدیریت کلییر (Clear)
• 43. استفاده از Flexbox برای چیدمان
• 44. مفاهیم اصلی Flexbox
• 45. جهت (Flex-direction)
• 46. نحوه چیدمان (Justify-content)
• 47. تراز (Align-items)
• 48. تراز خودکار (Align-self)
• 49. قابلیت چیدمان (Flex-wrap)
• 50. کشش و جمع شدن (Flex-grow, Flex-shrink, Flex-basis)
• 51. انعطاف پذیری عناصر (Flex Properties)
• 52. استفاده از Grid برای چیدمان
• 53. مفاهیم اصلی Grid
• 54. تعریف ردیف و ستون (Grid-template-rows, Grid-template-columns)
• 55. فاصله بین ردیف و ستون (Grid-gap)
• 56. قرار دادن عناصر در Grid (Grid-column, Grid-row)
• 57. تراز بندی عناصر در Grid (Justify-items, Align-items)
• 58. موقعیت گذاری نسبی و مطلق (Positioning)
• 59. موقعیت نسبی (Relative)
• 60. موقعیت مطلق (Absolute)
• 61. موقعیت ثابت (Fixed)
• 62. موقعیت چسبنده (Sticky)
• 63. بالا، پایین، چپ، راست (Top, Bottom, Left, Right)
• 64. z-index برای کنترل لایه ها
• 65. تبدیل ها (Transforms)
• 66. تبدیل دو بعدی (2D Transforms)
• 67. انتقال (Translate)
• 68. چرخش (Rotate)
• 69. مقیاس بندی (Scale)
• 70. کج کردن (Skew)
• 71. تبدیل سه بعدی (3D Transforms)
• 72. انتقال سه بعدی (3D Translate)
• 73. چرخش سه بعدی (3D Rotate)
• 74. مقیاس بندی سه بعدی (3D Scale)
• 75. افکت های انتقالی (Transitions)
• 76. تعریف ویژگی های انتقالی (Transition-property)
• 77. مدت زمان انتقال (Transition-duration)
• 78. زمان بندی انتقال (Transition-timing-function)
• 79. تاخیر در انتقال (Transition-delay)
• 80. ایجاد انیمیشن با CSS (Animations)
• 81. تعریف Keyframes
• 82. استفاده از انیمیشن (Animation)
• 83. نام انیمیشن (Animation-name)
• 84. مدت زمان انیمیشن (Animation-duration)
• 85. زمان بندی انیمیشن (Animation-timing-function)
• 86. تاخیر در انیمیشن (Animation-delay)
• 87. تعداد تکرار انیمیشن (Animation-iteration-count)
• 88. جهت انیمیشن (Animation-direction)
• 89. حالت پر و خالی (Animation-fill-mode)
• 90. تشکیل انیمیشن (Animation-play-state)
• 91. استفاده از CSS برای عناصر رابط کاربری بازی
• 92. دکمه ها (Buttons)
• 93. فونت و استایل دکمه
• 94. پس زمینه و لبه دکمه
• 95. اثرات هاور (Hover Effects) بر روی دکمه
• 96. جعبه های متن (Text Input Fields)
• 97. استایل جعبه ورودی
• 98. قابلیت فوکوس (Focus State)
• 99. جعبه های چک باکس و رادیو دکمه
• 100. استایل عناصر فرم