آموزش مبانی انیمیشن CSS: انتقال های اصلی و فریم های کلیدی
CSS Animation Fundamentals: Master Transitions and Keyframes
اگر به دنبال یادگیری مفاهیم اصلی انیمیشن‌های CSS هستید و می‌خواهید حرکت و زندگی بیشتری را به وب‌سایت‌های خود اضافه کنید، این کلاس برای شما مناسب است!
در این کلاس، نحوه کدنویسی یک وب سایت تک صفحه ای در مورد گروه یا هنرمند مورد علاقه خود را یاد خواهید گرفت. این وب‌سایت شامل انیمیشن‌های شناور مختلف است که زیبایی‌شناسی سایت را بهبود می‌بخشد و کاربر را درگیر می‌کند.
من نحوه استفاده از انیمیشن‌های CSS را برای ایجاد وب‌سایت پویا خود و نحوه استفاده از انتقال‌ها و فریم‌های کلیدی برای بهبود تجربه کاربری سایتم توضیح خواهم داد.
این کلاس موارد زیر را پوشش خواهد داد:
- ویژگی های مختلف انتقال CSS
- انواع مختلف تسهیلات و تفاوت آنها
- چگونه انیمیشن های خود را در مرورگر آزمایش کنید
- نحوه ساخت انیمیشن های پیچیده تر با فریم های کلیدی
- نکاتی درباره بهترین عملکرد و شیوه ها
به شما نشان داده می‌شود که چگونه کارتان را منتشر کنید (رایگان!) تا من بتوانم به شما بازخورد بدهم و سایر دانش‌آموزان بتوانند کار شگفت‌انگیز شما را ببینند!
حتی اگر با انیمیشن‌های CSS تازه کار هستید، می‌توانید از این تکنیک‌های ساده و مؤثر استفاده کنید و می‌توانید هر آنچه را که یاد می‌گیرید در پروژه‌های وب آینده خود اعمال کنید.
تکلیف:
پروژه کلاس شما کدنویسی یک وب‌سایت تک صفحه‌ای درباره گروه یا هنرمند مورد علاقه‌تان است، که مملو از انتقال‌های شناور و انیمیشن‌های فریم کلیدی خواهد بود!
مواد:
درس های کلاس به اندازه کافی ساده می شوند تا بتوانید آنها را دنبال کنید. تنها چیزی که برای ساخت پروژه کلاس خود نیاز دارید این است:
- ویرایشگر کد مورد علاقه شما (من از کد VS برای درس ها استفاده خواهم کرد)
- یک مرورگر وب (من از Google Chrome استفاده خواهم کرد)
برای اینکه بتوانید کار خود را منتشر کنید تا من و سایر دانش آموزان بتوانیم به شما بازخورد بدهیم، همچنین شما را تشویق می کنم:
- دانلود دسکتاپ GitHub -
- ثبت نام در GitHub -
این همه رایگان است و من روند انجام این کار را در درس‌ها طی می‌کنم، بنابراین اگر قبلاً از GitHub استفاده نکرده‌اید زیاد نگران این موضوع نباشید. همه با دقت توضیح داده خواهند شد!
شروع به کار:
همانطور که دروس اولیه را کار می کنید، در مورد عناصری که می خواهید برای وب سایت خود بگنجانید و متحرک سازید فکر کنید. اگر برای ایده ای گیر کرده اید، به راحتی به ایده من نگاهی بیندازید -
اشتراک گذاری کار شما:
URL نهایی صفحات GitHub وب سایت خود را با توضیح کوتاهی از عناصری که با کلاس متحرک کرده اید با آپلود در بخش «پروژه شما» به اشتراک بگذارید. اگر سوالی دارید لطفا به من اطلاع دهید. من بیشتر از کمک کردن خوشحالم. همچنین وقتی آنجا هستید، چرا کارهای دیگر دانش آموزان را بررسی نمی کنید؟
درس ها Lessons
-
چرا از انیمیشن ها استفاده کنیم؟ Why use animations?
-
پروژه - فریم های کلیدی Project - Keyframes
-
پروژه - تصاویر Project - Images
-
انتقال CSS CSS Transitions
-
راه اندازی پروژه Project Setup
-
پروژه کلاس The Class Project
-
خلاصه Summary
-
پروژه خود را به اشتراک بگذارید Sharing Your Project
-
پروژه - دکمه ها Project - Buttons
-
فریم های کلیدی CSS CSS Keyframes
-
پروژه - HTML Project - HTML
-
پروژه - نوار نوار Project - Nav Bar
-
توابع زمان بندی Timing Functions
-
معرفی Introduction
-
پروژه - CSS Project - CSS
نمایش نظرات
نظری ارسال نشده است.
https://donyad.com/d/5e2c34
آموزش LOGIC PRO X Music Production Masterclass Dance and Pop Music
LOGIC PRO X Music Production Masterclass Dance and Pop Music
در این دوره به عنوان یک تهیه کننده موسیقی موارد مربوطه را به شما آموزش می دهم. این موارد مهمی را که باید در مورد شروع کار و عدم ورود به آن بدانید را پوشش می دهد. ..
آموزش Stop Motion: Criando Animações com Recortes de Papel
Stop Motion: Criando Animações com recortes de Papel
"Skillshare یک انجمن یادگیری برای سازندگان است. هر کسی می تواند در کلاس آنلاین شرکت کند، درس های ویدیویی را تماشا کند، پروژه ها ایجاد کند و حتی خود کلاسی را تدریس کند."
آموزش بلندر از ابتدا (2.8x)
Learning Blender from Scratch (2.8x)
"به نرم افزار Blender خوش آمدید که رایگان است و یکی از بهترین ها برای ویرایش دو بعدی و سه بعدی است. شما می توانید مدل سازی، انیمیشن، کامپوزیت و پست پروداکشن انجام دهید. Thi. .."
آموزش جوهر الکل در Yupo برای مبتدیان - مراحل نقاشی سنجاقک نقطه ها و سرگرم کننده ایجاد کنید!
Alcohol Ink on Yupo for Beginners - Create Dragonfly Painting Steps Dots and Fun!
" ۲ صحنه مختلف از نقاشی سنجاقک عجیب با استفاده از جوهرهای الکلی در Yupo ایجاد کنید جوهر الکل یک رسانه هنری شگفت‌انگیز است که اکنون در حال تبدیل شدن به آن است. .."
David Sealey
توسعه دهنده وب
سلام، من دیوید هستم. من یک توسعه دهنده وب جلویی ارشد از نورویچ، انگلستان هستم.
من نقش‌های مختلفی در بخش بازاریابی دیجیتال از جمله SEO، مدیریت تبلیغات دیجیتال و تجربه کاربری داشته‌ام، اما این نقش فعلی من در توسعه وب است که در آن واقعاً اشتیاق من نهفته است.
من سال‌ها تجربه ساخت وب‌سایت‌ها، برنامه‌ها، اینفوگرافیک‌ها، تبلیغات دیجیتال و ابزارهای تجسم داده‌ها را برای بسیاری از مشتریان بین‌المللی با مشخصات بالا دارم.
Skillshare (اسکیل شیر)
اسکیل‌شر یک پلتفرم آموزشی آنلاین است که به میلیون‌ها افراد در سراسر جهان امکان یادگیری مهارت‌های جدید را فراهم می‌کند. این پلتفرم با ارائه دوره‌های متنوع در زمینه‌هایی از جمله هنر و طراحی، فناوری، کسب و کار، و زندگی موفق، به کاربران خود این امکان را می‌دهد تا به صورت آنلاین به یادگیری بپردازند.
یکی از ویژگی‌های منحصر به فرد سکیل‌شر، ارائه دوره‌های تدریس شده توسط صاحبان مهارت‌ها و افراد موفق در زمینه‌های مختلف است. این امر باعث می‌شود که کاربران از تجربیات و دانش عملی افرادی که در حوزه‌های مورد نظرشان موفق عمل کرده‌اند، بهره‌مند شوند و بهترین اطلاعات را برای بهبود مهارت‌های خود دریافت کنند. به این ترتیب، سکیل‌شر نه تنها یک پلتفرم آموزشی است، بلکه یک جامعه آموزشی است که افراد را به اشتراک گذاری دانش و تجربیات تشویق می‌کند و به آنها کمک می‌کند تا در مسیر پیشرفت و موفقیت خود ادامه دهند.