Creating Web Animations: Bringing Your UIs to Life

به لطف مرورگرهای سریعتر، پشتیبانی از استانداردهای وب بهتر و دستگاه های قدرتمندتر، وب اکنون نسل بعدی رابط های کاربری را تعریف می کند که سرگرم کننده، کاربردی، روان و به یاد ماندنی هستند. کلید؟ انیمیشن. اما یادگیری نحوه ایجاد انیمیشن سخت است و مطالب آموزشی موجود زمینه مشکل رابط کاربری را که انیمیشن ها سعی در حل آن دارند توضیح نمی دهد. اینجاست که این کتاب وارد می‌شود.

شما یک درک فنی کامل از نحوه ایجاد انیمیشن‌های عالی با استفاده از CSS به دست خواهید آورد و نحوه پیاده‌سازی الگوهای متداول رابط کاربری را با استفاده از مثال‌های عملی که به انیمیشن‌ها برای حل یک هسته متکی هستند، یاد خواهید گرفت. مسئله. توسعه دهندگان و طراحان وب فرانت اند نه تنها جزئیات فنی مهم را یاد می گیرند، بلکه نحوه استفاده از آنها برای حل مشکلات دنیای واقعی را نیز یاد می گیرند.

• انیمیشن هایی را که در پیاده سازی های رابط کاربری معمولی یافت می شوند، مانند پرش پس از پیمایش ایجاد کنید. ، گسترش جعبه های جستجو و لغزنده محتوا
• جزئیات فنی کار با انیمیشن ها و انتقال های CSS را بیاموزید
• از تبدیل های CSS برای متحرک سازی موقعیت، مقیاس و جهت عنصر استفاده کنید
• اهمیت سهولت را درک کنید

Thanks to faster browsers, better web standards support, and more powerful devices, the web now defines the next generation of user interfaces that are fun, practical, fluid, and memorable. The key? Animation. But learning how to create animations is hard, and existing learning material doesn’t explain the context of the UI problem that animations are trying to solve. That’s where this book comes in.

You'll gain a solid technical understanding of how to create awesome animations using CSS and learn how to implement common UI patterns, using practical examples that rely on animations to solve a core problem. Frontend web developers and designers will not only learn important technical details, but also how to apply them to solve real-world problems.

• Create animations found in common user interface implementations, such as bounce after scrolling, expanding search boxes, and content sliders
• Learn the technical details of working with CSS animations and transitions
• Use CSS transforms to very animate an element’s position, scale, and orientation
• Understand the importance of easing