کتاب صوتی CSS for Film Production

📚 کتاب آموزشی جامع

📚 اطلاعات کتاب

عنوان کتاب: کتاب CSS for Film Production

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

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

📋 سرفصل‌های کتاب (100 موضوع)

• 1. مبانی CSS و شروع کار
• 2. ساختار HTML و ارتباط با CSS
• 3. انتخابگرها (Selectors) در CSS
• 4. انتخابگرهای پایه (Element, ID, Class)
• 5. انتخابگرهای ترکیبی و سلسله‌مراتبی
• 6. انتخابگرهای Attribute و Pseudo-classes
• 7. انتخابگرهای Pseudo-elements
• 8. قوانین CSS (Rules) و نحوه نوشتن آن‌ها
• 9. کادر (Box Model) در CSS: Margin, Border, Padding
• 10. ابعاد (Dimensions) در CSS: Width, Height
• 11. رنگ‌ها (Colors) و راه‌های تعریف آن‌ها
• 12. متن (Text) در CSS: Font, Size, Style, Weight
• 13. تراز بندی متن (Text Alignment) و فاصله خطوط (Line Spacing)
• 14. استفاده از فونت‌های وب (Web Fonts)
• 15. تبدیل متن (Text Transformation) و سایه متن (Text Shadow)
• 16. تصاویر (Images) در CSS: Background-Image, Sizing
• 17. استفاده از Background در CSS: Color, Image, Position
• 18. تکرار پس‌زمینه (Background Repeat) و اندازه پس‌زمینه (Background Size)
• 19. موقعیت پس‌زمینه (Background Position) و Attachment
• 20. مبانی Layout: Block, Inline, Inline-Block
• 21. خاصیت Display و تأثیر آن
• 22. شناخت مفهوم Position: Static, Relative, Absolute, Fixed, Sticky
• 23. استفاده از Position برای چیدمان
• 24. شناخت مفهوم Float و کاربرد آن
• 25. پاک‌سازی Float با Clear
• 26. چیدمان با Flexbox: معرفی و مبانی
• 27. Flexbox: جهت (Direction) و چیدمان اصلی (Main Axis)
• 28. Flexbox: تنظیمات محور عمودی (Cross Axis)
• 29. Flexbox: ترتیب نمایش (Order) و رشد (Grow)
• 30. Flexbox: جمع‌بندی و مثال‌های کاربردی
• 31. چیدمان با Grid: معرفی و مبانی
• 32. Grid: تعریف ردیف‌ها و ستون‌ها
• 33. Grid: قرار دادن آیتم‌ها در Grid
• 34. Grid: تنظیمات فاصله (Gap) و تراز بندی (Alignment)
• 35. Grid: جمع‌بندی و مثال‌های کاربردی
• 36. انیمیشن‌ها (Animations) و Transition در CSS
• 37. ایجاد Transition برای تغییرات
• 38. ایجاد Keyframes برای انیمیشن‌ها
• 39. انیمیشن‌ها و کنترل‌های آن‌ها
• 40. تبدیلات (Transforms): Translate, Rotate, Scale, Skew
• 41. استفاده از Transform برای جلوه‌های بصری
• 42. مفهوم Responsive Design و اهمیت آن
• 43. متدهای Responsive Design: Media Queries
• 44. ایجاد طرح‌بندی Responsive برای دستگاه‌های مختلف
• 45. طراحی Mobile-First و اهمیت آن
• 46. طراحی برای صفحه نمایش‌های بزرگ
• 47. CSS Variables (Custom Properties)
• 48. استفاده از CSS Variables در پروژه‌ها
• 49. کاربرد CSS Variables در تم‌ها و پوسته ها
• 50. ساخت یک سیستم شبکه‌ای (Grid System) سفارشی
• 51. نکات بهینه‌سازی CSS برای عملکرد بهتر
• 52. کاهش حجم CSS و فشرده‌سازی
• 53. استفاده از Preprocessors (Sass, Less)
• 54. آشنایی با Sass و نصب آن
• 55. متغیرها (Variables) در Sass
• 56. تابع‌ها (Functions) و Mixins در Sass
• 57. وارد کردن فایل‌های Sass (Partials)
• 58. استفاده از Mixins برای کدنویسی مجدد
• 59. کتابخانه‌های CSS: Bootstrap, Tailwind CSS
• 60. نصب و استفاده از Bootstrap
• 61. استفاده از Grid در Bootstrap
• 62. استفاده از Components در Bootstrap
• 63. نصب و استفاده از Tailwind CSS
• 64. کلاس‌های Utility در Tailwind CSS
• 65. سفارشی‌سازی Tailwind CSS
• 66. مبانی انیمیشن‌های پیشرفته با CSS
• 67. ایجاد افکت‌های پارالکس (Parallax)
• 68. ساخت منوهای پیشرفته و تعاملی
• 69. طراحی فرم‌های زیبا و کاربردی با CSS
• 70. بهبود عملکرد و بهینه‌سازی انیمیشن‌ها
• 71. مبانی 3D Transform در CSS
• 72. ایجاد جلوه‌های سه‌بعدی (3D Effects)
• 73. طراحی رابط کاربری برای فیلم
• 74. بهینه سازی CSS برای تولید فیلم (رنگ ها، سایه ها و …)
• 75. استفاده از CSS در پروژه های بزرگ و تیمی
• 76. مبانی ایجاد طرح بندی پویا (Dynamic Layout)
• 77. کار با فونت های ویژه فیلم و انیمیشن
• 78. ایجاد سبک های خاص برای کاراکترها (Character Styling)
• 79. بهبود تجربه کاربری (User Experience) در طراحی فیلم
• 80. طراحی تایپوگرافی جذاب برای فیلم
• 81. ایجاد جلوه های بصری ویژه (Special Effects) با CSS
• 82. استفاده از CSS برای انیمیشن های متنی
• 83. پیاده سازی افکت های پس زمینه پویا
• 84. بهره گیری از CSS برای ایجاد عناصر رابط کاربری فیلم
• 85. مدیریت و سازماندهی کدهای CSS در پروژه های بزرگ
• 86. نکات مهم در استفاده از CSS در صنعت فیلم
• 87. استفاده از ابزارهای توسعه مرورگر برای عیب یابی CSS
• 88. نکات امنیتی در CSS
• 89. بهبود سئو با استفاده از CSS
• 90. ایجاد جلوه های انتقالی (Transitions) و انیمیشن ها برای فیلم
• 91. طراحی صفحه نمایش های مختلف برای فیلم
• 92. بهبود دسترسی پذیری (Accessibility) در طراحی فیلم
• 93. انتخاب و استفاده از پالت های رنگی مناسب برای فیلم
• 94. استفاده از CSS برای ایجاد زیرنویس و کپشن
• 95. طراحی صفحات فرود (Landing Pages) برای فیلم
• 96. بهینه سازی تصاویر و ویدیوها با CSS
• 97. ایجاد سبک های خاص برای لوگو و برند
• 98. استفاده از CSS برای طراحی سایت های تک صفحه ای
• 99. طراحی قالب های ایمیل با CSS
• 100. استفاده از CSS برای ایجاد گالری تصاویر