دوره آموزشی CSS: تکنیک های پیشرفته تایپوگرافی
3 ساعت 15 دقیقهپیشرفته2013-09-25
مدرسین

James Williamson
Adobe Certified Instructor
جزئیات دوره
CSS یک فضای واقعی برای طراحان تایپوگرافی است. این زبان به شما این امکان را میدهد که مرزهای تایپوگرافی را جابجا کنید و به دنیای جدیدی از امکانات خلاقانه وارد شوید. در این دوره، نویسنده برجسته lynda.com، جیمز ویلیامسون، به بررسی تعدادی از افکتهای پیشرفته تایپوگرافی با استفاده از CSS میپردازد. این افکتها شامل سایههای متن، انیمیشنها، تغییرات و ترانزیشنها هستند. علاوه بر این، شما یاد خواهید گرفت که چگونه از کتابخانههای جاوااسکریپت مانند Lettering.js و Modernizr استفاده کنید تا جنبههایی از تایپوگرافی را کنترل کنید که معمولاً با CSS قابل انجام نیستند.
در این دوره، شما با روشهای پیشرفتهای آشنا خواهید شد که به شما این امکان را میدهند تا متنها را به شکلی بسیار دقیق و خلاقانه کنترل کنید. از تنظیمات دقیق رندر فونت گرفته تا استفاده از افکتهای خاص مانند سایههای متن، تغییرات 2D و 3D، و ایجاد انیمیشنها و ترانزیشنها، همه اینها به شما این قدرت را میدهند که تایپوگرافی خود را به سطوح جدیدی برسانید.
اهداف یادگیری:
کنترل رندرینگ فونت با استفاده از CSS
استفاده از فونتهای وب
تنظیم کِرنینگ (فاصله بین حروف)
افزودن بعد به متنها
کار با گرادینتها و سایههای افقی و عمودی
استفاده از تغییرات 2D و 3D
اعمال پرسپکتیو
هماهنگسازی متنهای تقسیمشده
ایجاد و فعالسازی ترانزیشنها
فعالسازی انیمیشنها
گسترش CSS با استفاده از کتابخانههای Lettering.js و Modernizr
در این دوره، شما با روشهای پیشرفتهای آشنا خواهید شد که به شما این امکان را میدهند تا متنها را به شکلی بسیار دقیق و خلاقانه کنترل کنید. از تنظیمات دقیق رندر فونت گرفته تا استفاده از افکتهای خاص مانند سایههای متن، تغییرات 2D و 3D، و ایجاد انیمیشنها و ترانزیشنها، همه اینها به شما این قدرت را میدهند که تایپوگرافی خود را به سطوح جدیدی برسانید.
اهداف یادگیری:
کنترل رندرینگ فونت با استفاده از CSS
استفاده از فونتهای وب
تنظیم کِرنینگ (فاصله بین حروف)
افزودن بعد به متنها
کار با گرادینتها و سایههای افقی و عمودی
استفاده از تغییرات 2D و 3D
اعمال پرسپکتیو
هماهنگسازی متنهای تقسیمشده
ایجاد و فعالسازی ترانزیشنها
فعالسازی انیمیشنها
گسترش CSS با استفاده از کتابخانههای Lettering.js و Modernizr
مهارت ها
jQueryTypographyWeb StandardsWeb DesignFront-End Web DevelopmentMotion Graphics and VFXGraphic DesignAnimation and IllustrationWeb DevelopmentOpen SourceDeep Dive (X:Y)
سرفصل ها
0. مقدمه
- 01 - خوش آمدید
- 02 - استفاده از فایلهای تمرین
1. شروع به کار
- 03 - مروری بر دوره
- 04 - کنترل رندر فونت
- 05 - معرفی Lettering.js
- 06 - گزینههای فونت وب
- 07 - مرور فونتهای وب Adobe Edge
2. استفاده از Lettering.js
- 08 - نمای کلی پروژه
- 09 - فعال کردن Lettering.js
- 10 - کنترل بسته بندی متن
- 11 - افزودن کرنینگ
- 12 - کنترل انباشته شدن
- 13 - افزودن سایههای متن
3. ایجاد متن بعدی
- 14 - نمای کلی پروژه
- 15 - افزودن ابعاد به متن
- 16 - استفاده از گرادیان
- 17 - کار با سایههای دراپ
- 18 - استفاده از تبدیلهای دو بعدی
4. ایجاد متن شکسته
- 19 - نمای کلی پروژه
- 20 - ساختار HTML
- 21 - استفاده از محتوای تولید شده
- 22 - نمایی سه بعدی به متن
- 23 - شبیه سازی متن غوطه ور
- 24 - برش متن
- 25 - به کارگیری دیدگاه
- 26 - استفاده از تبدیلهای سه بعدی
- 27 - تراز کردن متن تقسیم شده
5. متحرک کردن متن
- 28 - نمای کلی پروژه
- 29 - ایجاد متن تار
- 30 - ایجاد انتقال
- 31 - ایجاد انتقال
- 32 - ایجاد انیمیشنهای فریم کلیدی
- 33 - فعال کردن انیمیشن ها
6. استفاده از Modernizr
- 34 - نمای کلی پروژه
- 35 - دانلود Modernizr
- 36 - مبانی مدرنیزر
- 37 - ایجاد سبکهای پیش فرض
- 38 - استفاده از Modernizr برای بارگذاری اسکریپت ها
- 39 - بارگذاری منابع مشروط
- 40 - استفاده از پیشوندهای فروشنده
- 41 - گسترش مدرنیزر
نتیجه
- 42 - منابع اضافی
دوره های مرتبط
- دوره آموزشی یادگیری جامع jQuery
- دوره آموزشی ساختن یک برنامه Google Maps با جاوا اسکریپت
- دوره آموزشی ساخت یک برنامه حمل و نقل عمومی با jQuery
- دوره آموزشی جی کوئری: ساختن یک رابط
- دوره آموزشی یادگیری جامع jQuery آپدیت (2016)
- دوره آموزشی جی کوئری برای طراحان وب
- دوره آموزشی یادگیری رابط کاربری جی کوئری
- دوره آموزشی ایجاد یک تجربه وب واکنشگرا