آموزش CSS: تکنیک های پیشرفته تایپوگرافی

سرفصل ها و درس ها

مقدمه Introduction

• خوش آمدی Welcome

• با استفاده از پرونده های تمرینی Using the exercise files

1. شروع کار 1. Getting Started

• مرور دوره Course overview

• کنترل رندر قلم Controlling font rendering

• معرفی Lettering.js Introducing Lettering.js

• گزینه های فونت وب Web font options

• مرور فونت های Adobe Edge وب Browsing Adobe Edge Web Fonts

2. با استفاده از Lettering.js 2. Using Lettering.js

• نمای کلی پروژه Project overview

• فعال کردن Lettering.js Enabling Lettering.js

• کنترل بسته بندی متن Controlling text wrapping

• اضافه کردن هسته Adding kerning

• کنترل انباشته Controlling stacking

• اضافه کردن سایه متن Adding text shadows

3. ایجاد متن بعدی 3. Creating Dimensional Text

• نمای کلی پروژه Project overview

• افزودن ابعاد به متن Adding dimensions to text

• با استفاده از شیب Using gradients

• کار با سایه های قطره ای Working with drop shadows

• با استفاده از تبدیل 2D Using 2D transforms

4- ایجاد متن انکسار 4. Creating Refracted Text

• ساختار HTML Structuring HTML

• با استفاده از محتوای تولید شده Using generated content

• نگاهی به متن به صورت سه بعدی Giving text a 3D look

• شبیه سازی متن غوطه ور Simulating submerged text

• قطع متن Clipping text

• چشم انداز کاربردی Applying perspective

• با استفاده از تبدیل های سه بعدی Using 3D transforms

• ترسیم متن تقسیم شده Aligning split text

5. متن متحرک 5. Animating Text

• نمای کلی پروژه Project overview

• ایجاد متن مبهم است Creating blurred text

• ایجاد انتقال Creating transitions

• حرکات تحریک آمیز Triggering transitions

• ایجاد انیمیشن های keyframe Creating keyframe animations

• فعال کردن انیمیشن ها Enabling animations

6. با استفاده از Modernizr 6. Using Modernizr

• نمای کلی پروژه Project overview

• نمای کلی پروژه Project overview

• در حال بارگیری Modernizr Downloading Modernizr

• مبانی مدرنیزر Modernizr basics

• ایجاد سبک های پیش فرض Creating default styles

• با استفاده از Modernizr برای بارگذاری اسکریپت ها Using Modernizr to load scripts

• بارگیری منابع مشروط Conditional resource loading

• با استفاده از پیشوندهای فروشنده Using vendor prefixes

• گسترش مدرنیزر Extending Modernizr

نتیجه Conclusion

• منابع اضافی Additional resources