تبلیغات

آموزش ساخت انیمیشن های مبتنی بر Scroll با CSS

دسته بندی ها: آموزش های TutsPlus ، آموزش طراحی وب ، آموزش اچ تی ام ال (HTML) ، آموزش CSS

یکی از قابلیت های CSS3 پشتیبانی از افکت ها و انیمیشن های مختلف می باشد.

در این دوره آموزشی از موسسه TutsPlus با نحوه ساخت انیمیشن های مبتنی بر Scrooll آشنا می شوید.

سرفصل های دوره آموزشی:

  • معرفی دوره
  • طراحی Mockup
  • درس های HTML و CSS3
  • طراحی Mockup در فتوشاپ
  • کار با Exporting Graphic Assets
  • آموزش First Animation
  • آموزش Above the Fold
  • متحرک سازی Phone و Monitor
  • متحرک سازی Icons
  • متحرک سازی Columns و Map
  • و ...

لیست سرفصل های دوره آموزشی:

Activating CSS animations based on scrolling is a relatively new (and cool) technique that many of today’s front-end developers are taking advantage of. These parallax scrolling effects are triggered by a user scrolling the page, and can really show off your content and help to enhance your websites. In this course, Gary Simon will show you how to design and then build scroll-based CSS animations.

1.Introduction1 lesson, 01:28 Free Preview 1.1Introduction01:28

2.Photoshop Mockup Design5 lessons, 58:16 Free Preview 2.1Mockup Design (Part 1: Above the Fold)14:33 2.2Mockup Design (Part 2: First Animation)13:12 2.3 Mockup Design (Part 3: Second Animation)09:58 2.4Mockup Design (Part 4: Third Animation)12:40 2.5Exporting Graphic Assets07:53

3.HTML & CSS3 lessons, 37:54 3.1HTML & CSS (Part 1: Above the Fold)14:56 3.2HTML & CSS (Part 2: First Animation)10:01 3.3HTML & CSS (Part 3: Second & Third Animation)12:57

4.Tying It All Together5 lessons, 38:57 4.1Animating the Phone and Monitor09:08 4.2Animating the Icons04:52 4.3Animating the Columns & Map07:43 4.4Responsive Adjustments (Part 1)13:10 4.5Responsive Adjustments (Part 2)04:04

5.Conclusion1 lesson, 01:07 5.1Conclusion01:07

عنوان دوره: Tutsplus – Design and Build Scroll-Based CSS Animations حجم فایل: 498MB

آیا این نوشته را دوست داشتید؟
Tutsplus Design and Build Scroll Based CSS Animations

پیشنهاد فرادرس

محسن در 1394/10/06 ساعت 20:25

سلام این فایل خرابه و دانلود نمیشه
http://dl.git.ir/1393/04/Tutsplus%20%E2%80%93%20Design%20and%20Build%20Scroll-Based%20CSS%20Animations-git.ir.rar

مدیر در 1394/10/07 ساعت 16:55

لینک ها مشکلی ندارند.

behnam.al در 1393/11/22 ساعت 10:40

سلام. ممنون از سایت بسیار عالی شما
خواستم اطلاع بدم که فایل
(HTML & CSS ( Part 2: First Animation
مربوط به این آموزش خراب هست و از نصف به بعد قطع میشه . لطفا اصلاح کنید

شکوفه در 1393/06/25 ساعت 15:36

سلام کارتون عالیه.ممنون از اینکه اموزشها را در اختیار ما قرار میدهید