آیا می دانید دوره های آموزشی سون لرن از جامع ترین و کاربردی ترین آموزش های موجود در سطح وب فارسی است!

آرشیو تگ animation ( 60 مورد )

انیمیشنهای CSS در مقابل Web Animation API - قسمت 4

همونطور که اطلاع دارید در جلسات قبل توضیحاتی در مورد تفاوتهای انیمیشنهای CSS و Web Animation API یا همون WAAPI دادیم و شما رو با اونا آشنا کردیم. در این جلسه میخوایم مباحث باقی مانده در این زمینه رو بیان کنیم و این موضوع رو به پایان برسونیم. شئ Animation متد animate علاوه بر انیمیشنی …

۲۹ تیر ۱۳۹۶ ادامه ی مطلب »

انیمیشنهای CSS در مقابل Web Animation API - قسمت 3

همونطور که دیدید در جلسه قبل توضیحاتی در مورد Web Animation API دادیم و تفاوتها و شباهت های اون رو با CSS Animation بررسی کردیم. در جلسه قبل گفتیم که میتونیم از تنظیمات متنوعی که وجود داره استفاده کنیم. این تنظیمات بصورت زیر بودند: اگر به خوبی با CSS Animation و ویژگی های مربوط به …

۳۱ خرداد ۱۳۹۶ ادامه ی مطلب »

انیمیشنهای CSS در مقابل Web Animation API - قسمت 2

همونطور که میدونید در جلسه قبل توضیحاتی در مورد Web Animation API خدمتتون دادم. در این جلسه در ابتدا به سایت Animista مراجعه میکنیم و یک افکت بنام Slide-in-blurred-top رو انتخاب میکنیم و کدهای اون رو کپی میکنیم. کدها بصورت زیر هستن: میبینید که دو حالت 0 و 100 درصد قرار داده شده و برای …

۳۰ خرداد ۱۳۹۶ ادامه ی مطلب »

انیمیشنهای CSS در مقابل Web Animation API - قسمت 1

در این مطلب و مطالب بعدی قصد داریم که CSS Animation ها رو در مقابل Web Animation API بررسی کنیم و تفاوتها و شباهتهای اونا رو ببینیم. همونطور که میدونید یک API استاندارد برای کار کردن با انیمیشنها در Javascript بنام Web Animation API وجود داره که میتونیم درون Javascript، انیمیشن ها رو کنترل کنیم. …

۲۹ خرداد ۱۳۹۶ ادامه ی مطلب »

شروع کار مقدماتی با HTML5 Canvas (جلسه آخر) : Accessibility و سخن آخر

همونطور که اطلاع دارید در جلسه قبل در مورد ذخیره کردن Canvas بصورت تصویر، توضیحاتی رو براتون قرار دادم و شما رو با روشهای مختلفی که وجود داره و متدوال هست، آشنا کردم. چیزهای زیادی در مورد Canvas باقی مونده ولی ما سعی کردیم هر چیزی که برای شروع کار مقدماتی با canvas نیاز دارید …

۱۹ خرداد ۱۳۹۶ ادامه ی مطلب »

شروع کار مقدماتی با HTML5 Canvas (جلسه 29) : ذخیره Canvas بصورت تصویر

همونطور که اطلاع دارید در 2 جلسه قبل در مورد دستکاری در پیکسلهای Canvas توضیحاتی رو خدمتتون قرار دادم و شما رو تا جایی که لازم بود با اون آشنا کردم. در این جلسه میخوایم نحوه ذخیره کردن وضعیت فعلی Canvas بصورت تصویر رو با هم بررسی کنیم. المنت Canvas یک متد بنام toDataURL داره …

۱۸ خرداد ۱۳۹۶ ادامه ی مطلب »

شروع کار مقدماتی با HTML5 Canvas (جلسه 28) : دست کاری در پیکسلهای Canvas - قسمت 2

در جلسه قبل توضیحاتی در مورد دریافت اطلاعات از بخش مورد نظرمون در Canvas رو براتون قرار دادم و یاد گرفتید که چطور اطلاعات مربوط به پیکسلهای مورد نظر خودتون رو در بیارید و مورد استفاده قرار بدین. در این جلسه قصد داریم متدهای دیگه ای که در زمینه دست کاری در Canvas وجود داره …

۱۴ خرداد ۱۳۹۶ ادامه ی مطلب »

شروع کار مقدماتی با HTML5 Canvas (جلسه 27) : دست کاری در پیکسلهای Canvas - قسمت 1

در جلسات قبل توضیحاتی مقدماتی در مورد نحوه ساخت و کار کردن با انیمیشن دادیم و مثالهای متنوعی برای اون قرار دادیم. در این جلسه و جلسات بعد میخوایم به شما متدها و روشهایی که میتونین با استفاده از اونا اطلاعاتی در مورد هر یک از پیکسل های تصویر بدست بیارید رو بهتون توضیح بدیم …

۳۱ اردیبهشت ۱۳۹۶ ادامه ی مطلب »

ساخت افکت زیبای عمق میدان (Depth of field) با CSS Animation

در این مطلب میخوایم افکت زیبای عمق میدان یا Depth of field رو به وجود بیاریم. عمق میدان در ویکی پدیا به این صورت تعریف شده است: عمق میدان، عبارت است از گستردگی محدوده‌ای که جلوتر یا عقب‌تر از سوژهٔ اصلی، فوکوس هستند و مقدار معینی از میدان دید لنز که در آن تصاویر بصورت …

۳۰ اردیبهشت ۱۳۹۶ ادامه ی مطلب »

ورود/عضویت سریع با اکانت فیسبوک/جیمیل شما

:: شما می توانید با استفاده از اکانت یاهو یا جیمیل خود به صورت کاملا امن، سریع و بدون نیاز به ورود اطلاعات عضو و وارد سایت شوید. در این صورت هیچ نیازی به ورود نام کاربری و رمز عبور خود نخواهید داشت و هویت شما از طریق ایمیلتان مورد تائید قرار می گیرد .
برای استفاده از این روش باید در اکانت گوگل(جیمیل) و یا یاهوی خود لاگین باشید .
عضویت/ ورود سریع با :
در حال اتصال ...

ورود به سایت

ورود سریع با :
در حال اتصال ...

جستجو در سون لرن

عبارت :