Performant UIs Using CSS Magic
Offered By: JSConf via YouTube
Course Description
Overview
Explore techniques for creating performant user interfaces using CSS in this conference talk from CSSConf.Asia 2014. Learn how to identify and improve performance using developer tools, and discover methods for achieving smooth 60fps animations that enhance user experience. Delve into topics such as the cost of CSS property changes, batching, Chrome timeline analysis, and GPU optimization. Gain insights on the importance of performance beyond initial page load times, focusing on perceived speed and delightful animations. Understand the web platform's need for low-level controls in managing paints and reflows. Apply these CSS magic techniques to create beautiful, responsive websites and web applications that provide a silky smooth user experience.
Syllabus
Intro
Animation to improve performance -Well executed animation instils perception of performance
Performance -Cost of CSS property change
Batching
Chrome timeline
Flooding the GPU -Uploading way too many textures
Native performance on the web?
Web platform needs low level controls - Controlling paints & reflows
Taught by
JSConf
Related Courses
CSS Animation With Latest Effects - 2020Udemy Creative Advanced CSS & JavaScript Animations - 150 Projects
Udemy Level Up Your CSS Animation Skills
Udemy Advanced CSS and Sass: Flexbox, Grid, Animations and More!
Udemy CSS - Basics to Adv for front end development
Udemy