کتاب صوتی Advanced Typography Techniques with CSS

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

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

عنوان دوره: دوره Advanced Typography Techniques with CSS

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

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

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

• 1. مقدمه ای بر تایپوگرافی پیشرفته با CSS
• 2. اهمیت تایپوگرافی در طراحی وب
• 3. چرا CSS برای تایپوگرافی پیشرفته؟
• 4. مبانی تایپوگرافی: واژگان کلیدی
• 5. انتخاب فونت مناسب: اصول و ملاحظات
• 6. تفاوت بین فونت های سریف، سنس سریف، اسکریپت و نمایشی
• 7. فونت های وب و نحوه استفاده از آنها
• 8. فونت های گوگل و منابع دیگر
• 9. استفاده از فونت های محلی (Local Fonts)
• 10. فرمت های مختلف فونت (WOFF, WOFF2, TTF, SVG, EOT)
• 11. بهینه سازی فونت های وب برای عملکرد
• 12. بارگذاری فونت های آسنکرون (Asynchronous Font Loading)
• 13. تنظیمات `font-display` برای کنترل بارگذاری فونت
• 14. تنظیمات `font-variation-settings` برای فونت های متغیر
• 15. تکنیک های پیشرفته `font-size`
• 16. واحد های نسبی برای اندازه فونت (em, rem, vw, vh, %)
• 17. تنظیم اندازه فونت پویا (Fluid Typography)
• 18. خطوط راهنما برای اندازه فونت (Typography Scales)
• 19. تنظیم `line-height` برای خوانایی بهتر
• 20. رابطه بین `font-size` و `line-height`
• 21. استفاده از واحدهای نسبی برای `line-height`
• 22. تنظیم `letter-spacing` برای کنترل فاصله بین حروف
• 23. تاثیر `letter-spacing` بر خوانایی
• 24. تنظیم `word-spacing` برای کنترل فاصله بین کلمات
• 25. تنظیم `text-indent` برای پاراگراف ها
• 26. تنظیم `text-align` برای تراز متن
• 27. تراز متن چپ، راست، وسط و Justify
• 28. نکات مهم در مورد تراز Justify
• 29. تنظیم `text-transform` برای تغییر حالت حروف
• 30. UPPERCASE, lowercase, Capitalize
• 31. تنظیم `font-weight` برای ضخامت فونت
• 32. تکنیک های پیشرفته `font-weight` (اعداد 100 تا 900)
• 33. استفاده از فونت های متغیر (Variable Fonts)
• 34. مزایا و کاربردهای فونت های متغیر
• 35. تنظیم `font-style` برای ایتالیک و Oblique
• 36. تکنیک های پیشرفته `font-feature-settings`
• 37. فعال سازی ویژگی های OpenType (Ligatures, Alternates, Swashes)
• 38. تنظیم `font-variant-numeric`
• 39. ویژگی های عددی در فونت ها (Fractions, Numerators, Denominators, Ordinals)
• 40. تنظیم `font-variant-ligatures`
• 41. Ligatures (Common, Discretionary, Historical)
• 42. تنظیم `font-variant-position`
• 43. Superscript و Subscript
• 44. تنظیم `text-decoration`
• 45. خطوط زیر، بالای، وسط متن و خط زدن
• 46. تنظیمات `text-decoration-thickness` و `text-decoration-width`
• 47. تنظیمات `text-decoration-style`
• 48. تنظیمات `text-decoration-color`
• 49. استفاده از `text-decoration` برای هایلایت کردن
• 50. تنظیم `text-shadow` برای افکت سایه متن
• 51. ایجاد سایه های پیچیده با `text-shadow`
• 52. تنظیم `background-clip: text` برای افکت متن با تصویر پس زمینه
• 53. نکات مربوط به `background-clip: text` و Prefixes
• 54. استفاده از گرادیانت ها با `background-clip: text`
• 55. تنظیم `color` برای رنگ متن
• 56. استفاده از مقادیر هگزادسیمال، RGB، RGBA، HSL، HSLA
• 57. استفاده از رنگ های نامدار (Named Colors)
• 58. تنظیم `opacity` برای شفافیت متن
• 59. تنظیم `writing-mode` برای متن عمودی
• 60. تکنیک های پیشرفته `writing-mode`
• 61. تنظیم `text-orientation` برای جهت متن عمودی
• 62. تنظیم `direction` برای زبان های راست به چپ (RTL)
• 63. نکات مربوط به `direction` و `unicode-bidi`
• 64. تنظیم `text-overflow` برای مدیریت متن طولانی
• 65. Ellipsis و Clipping
• 66. تنظیم `white-space` برای کنترل فضاهای خالی
• 67. nowrap, pre, pre-wrap, pre-line
• 68. تنظیم `word-break` برای شکستن کلمات
• 69. نکات مربوط به `word-break` و `overflow-wrap`
• 70. تنظیم `hyphens` برای خط تیره گذاری خودکار
• 71. تنظیمات `hyphens` (auto, manual, none)
• 72. تنظیم `hanging-punctuation` برای جلوه های خاص
• 73. تنظیم `word-wrap` (synonym for `overflow-wrap`)
• 74. تنظیم `text-justify` برای کنترل تراز Justify
• 75. تنظیم `text-emphasis` برای تاکید بر روی کلمات
• 76. استفاده از `text-emphasis-style` و `text-emphasis-color`
• 77. تنظیم `white-space-collapse`
• 78. تنظیم `text-wrap` (جدید)
• 79. تنظیم `initial-letter` برای حروف بزرگ ابتدای پاراگراف
• 80. مفاهیم پیشرفته `initial-letter`
• 81. تنظیم `line-break` برای کنترل شکست خط
• 82. تنظیم `text-autospace`
• 83. تنظیم `text-spacing-trim`
• 84. تنظیم `text-overline`, `text-underline` (جدید)
• 85. تنظیم `text-shadow` پیشرفته با چندین سایه
• 86. استفاده از SVG برای افکت های متنی پیچیده
• 87. استفاده از انیمیشن CSS برای متن
• 88. انیمیشن فونت، رنگ، سایه و موقعیت متن
• 89. انتقال (Transitions) برای افکت های متنی
• 90. استفاده از جاوا اسکریپت برای کنترل تایپوگرافی پیشرفته
• 91. کتابخانه های جاوا اسکریپت برای تایپوگرافی
• 92. ترکیب CSS و جاوا اسکریپت برای افکت های پویا
• 93. بهینه سازی تایپوگرافی برای دسترسی پذیری (Accessibility)
• 94. تنظیمات فونت برای کاربران با اختلالات بینایی
• 95. تاثیر تایپوگرافی بر تجربه کاربری (UX)
• 96. تایپوگرافی و برندینگ
• 97. مطالعات موردی (Case Studies) در تایپوگرافی وب
• 98. اشتباهات رایج در تایپوگرافی وب و نحوه اجتناب از آنها
• 99. آینده تایپوگرافی با CSS
• 100. جمع بندی و نکات نهایی