際際滷shows by User: valhead / http://www.slideshare.net/images/logo.gif 際際滷shows by User: valhead / Fri, 27 Apr 2018 14:26:52 GMT 際際滷Share feed for 際際滷shows by User: valhead Choosing your animation adventure - Generate NYC 2018 /slideshow/choosing-your-animation-adventure-generate-nyc-2018/95244076 choosingyouranimationadventure-generatenyc2018-180427142652
The state of web animation. Of all the web animation technologies we have available today, which one, or ones, should you choose to get the job done efficiently. ]]>
The state of web animation. Of all the web animation technologies we have available today, which one, or ones, should you choose to get the job done efficiently. ]]> Fri, 27 Apr 2018 14:26:52 GMT /slideshow/choosing-your-animation-adventure-generate-nyc-2018/95244076 valhead@slideshare.net(valhead) Choosing your animation adventure - Generate NYC 2018 valhead The state of web animation. Of all the web animation technologies we have available today, which one, or ones, should you choose to get the job done efficiently. <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/choosingyouranimationadventure-generatenyc2018-180427142652-thumbnail.jpg?width=120&amp;height=120&amp;fit=bounds" /><br> The state of web animation. Of all the web animation technologies we have available today, which one, or ones, should you choose to get the job done efficiently.
Choosing your animation adventure - Generate NYC 2018 from Val Head
]]> 2970 10 https://cdn.slidesharecdn.com/ss_thumbnails/choosingyouranimationadventure-generatenyc2018-180427142652-thumbnail.jpg?width=120&height=120&fit=bounds presentation Black http://activitystrea.ms/schema/1.0/post http://activitystrea.ms/schema/1.0/posted 0 UX in Motion /slideshow/ux-in-motion-81394198/81394198 uxinmotion-aumuseconf-171030212915
Animation can make our designs easier to use and more meaningful when we use it well. The key is knowing where animation can be most useful when it comes to user-focused design.]]>
Animation can make our designs easier to use and more meaningful when we use it well. The key is knowing where animation can be most useful when it comes to user-focused design.]]> Mon, 30 Oct 2017 21:29:15 GMT /slideshow/ux-in-motion-81394198/81394198 valhead@slideshare.net(valhead) UX in Motion valhead Animation can make our designs easier to use and more meaningful when we use it well. The key is knowing where animation can be most useful when it comes to user-focused design. <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/uxinmotion-aumuseconf-171030212915-thumbnail.jpg?width=120&amp;height=120&amp;fit=bounds" /><br> Animation can make our designs easier to use and more meaningful when we use it well. The key is knowing where animation can be most useful when it comes to user-focused design.
UX in Motion from Val Head
]]> 1169 2 https://cdn.slidesharecdn.com/ss_thumbnails/uxinmotion-aumuseconf-171030212915-thumbnail.jpg?width=120&height=120&fit=bounds presentation Black http://activitystrea.ms/schema/1.0/post http://activitystrea.ms/schema/1.0/posted 0 The Ins and Outs of Easing /slideshow/the-ins-and-outs-of-easing/80669222 theinsandoutsofeasingv2-cssdevconf2017-171010211111
Code examples are in this CodePen collection: https://codepen.io/collection/nrjyRb/ The lowdown on what's going on under the hood in all your favourite types of easing. Covering power easing, the Penner easing equations, cubic-beziers, lerping and springs, As seen at CSS Dev Conf 2017. ]]>
Code examples are in this CodePen collection: https://codepen.io/collection/nrjyRb/ The lowdown on what's going on under the hood in all your favourite types of easing. Covering power easing, the Penner easing equations, cubic-beziers, lerping and springs, As seen at CSS Dev Conf 2017. ]]> Tue, 10 Oct 2017 21:11:11 GMT /slideshow/the-ins-and-outs-of-easing/80669222 valhead@slideshare.net(valhead) The Ins and Outs of Easing valhead Code examples are in this CodePen collection: https://codepen.io/collection/nrjyRb/ The lowdown on what's going on under the hood in all your favourite types of easing. Covering power easing, the Penner easing equations, cubic-beziers, lerping and springs, As seen at CSS Dev Conf 2017. <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/theinsandoutsofeasingv2-cssdevconf2017-171010211111-thumbnail.jpg?width=120&amp;height=120&amp;fit=bounds" /><br> Code examples are in this CodePen collection: https://codepen.io/collection/nrjyRb/ The lowdown on what&#39;s going on under the hood in all your favourite types of easing. Covering power easing, the Penner easing equations, cubic-beziers, lerping and springs, As seen at CSS Dev Conf 2017.
The Ins and Outs of Easing from Val Head
]]> 2594 3 https://cdn.slidesharecdn.com/ss_thumbnails/theinsandoutsofeasingv2-cssdevconf2017-171010211111-thumbnail.jpg?width=120&height=120&fit=bounds presentation Black http://activitystrea.ms/schema/1.0/post http://activitystrea.ms/schema/1.0/posted 0 Choosing your animation adventure - Ffronteers Conf 2017 /slideshow/choosing-your-animation-adventure-ffronteers-conf-2017/80530780 choosingyouranimationadventure-fronteers-171006132252
As seen at Fronteers 2017 in Amsterdam]]>
As seen at Fronteers 2017 in Amsterdam]]> Fri, 06 Oct 2017 13:22:52 GMT /slideshow/choosing-your-animation-adventure-ffronteers-conf-2017/80530780 valhead@slideshare.net(valhead) Choosing your animation adventure - Ffronteers Conf 2017 valhead As seen at Fronteers 2017 in Amsterdam <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/choosingyouranimationadventure-fronteers-171006132252-thumbnail.jpg?width=120&amp;height=120&amp;fit=bounds" /><br> As seen at Fronteers 2017 in Amsterdam
Choosing your animation adventure - Ffronteers Conf 2017 from Val Head
]]> 1264 3 https://cdn.slidesharecdn.com/ss_thumbnails/choosingyouranimationadventure-fronteers-171006132252-thumbnail.jpg?width=120&height=120&fit=bounds presentation Black http://activitystrea.ms/schema/1.0/post http://activitystrea.ms/schema/1.0/posted 0 Animation in design systems and process - Val Head /valhead/animation-in-design-systems-and-process-val-head animationindesignsystemsandprocess-valhead-fronttrends2017share-170526133239
The static deliverables our processes rely on are failing us when it comes to designing UI animation well. By making chances to the way we communicate around animation we can design better animation. And also document those decisions to same time in the future. ]]>
The static deliverables our processes rely on are failing us when it comes to designing UI animation well. By making chances to the way we communicate around animation we can design better animation. And also document those decisions to same time in the future. ]]> Fri, 26 May 2017 13:32:39 GMT /valhead/animation-in-design-systems-and-process-val-head valhead@slideshare.net(valhead) Animation in design systems and process - Val Head valhead The static deliverables our processes rely on are failing us when it comes to designing UI animation well. By making chances to the way we communicate around animation we can design better animation. And also document those decisions to same time in the future. <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/animationindesignsystemsandprocess-valhead-fronttrends2017share-170526133239-thumbnail.jpg?width=120&amp;height=120&amp;fit=bounds" /><br> The static deliverables our processes rely on are failing us when it comes to designing UI animation well. By making chances to the way we communicate around animation we can design better animation. And also document those decisions to same time in the future.
Animation in design systems and process - Val Head from Val Head
]]> 4731 8 https://cdn.slidesharecdn.com/ss_thumbnails/animationindesignsystemsandprocess-valhead-fronttrends2017share-170526133239-thumbnail.jpg?width=120&height=120&fit=bounds presentation Black http://activitystrea.ms/schema/1.0/post http://activitystrea.ms/schema/1.0/posted 0 The Ins and Outs of Easing - dotCSS 2016 /slideshow/the-ins-and-outs-of-easing-dotcss-2016/70908571 theinsandoutsofeasing-170111143826
The lowdown on easing graphs, Penner easing, cubic-beziers and springs for animation.]]>
The lowdown on easing graphs, Penner easing, cubic-beziers and springs for animation.]]> Wed, 11 Jan 2017 14:38:26 GMT /slideshow/the-ins-and-outs-of-easing-dotcss-2016/70908571 valhead@slideshare.net(valhead) The Ins and Outs of Easing - dotCSS 2016 valhead The lowdown on easing graphs, Penner easing, cubic-beziers and springs for animation. <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/theinsandoutsofeasing-170111143826-thumbnail.jpg?width=120&amp;height=120&amp;fit=bounds" /><br> The lowdown on easing graphs, Penner easing, cubic-beziers and springs for animation.
The Ins and Outs of Easing - dotCSS 2016 from Val Head
]]> 1273 2 https://cdn.slidesharecdn.com/ss_thumbnails/theinsandoutsofeasing-170111143826-thumbnail.jpg?width=120&height=120&fit=bounds presentation Black http://activitystrea.ms/schema/1.0/post http://activitystrea.ms/schema/1.0/posted 0 The UX of Great Animation /slideshow/the-ux-of-great-animation/55012710 edui-theuxofgreatanimation-151111204926-lva1-app6892
As seen at EdUI]]>
As seen at EdUI]]> Wed, 11 Nov 2015 20:49:26 GMT /slideshow/the-ux-of-great-animation/55012710 valhead@slideshare.net(valhead) The UX of Great Animation valhead As seen at EdUI <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/edui-theuxofgreatanimation-151111204926-lva1-app6892-thumbnail.jpg?width=120&amp;height=120&amp;fit=bounds" /><br> As seen at EdUI
The UX of Great Animation from Val Head
]]> 2673 13 https://cdn.slidesharecdn.com/ss_thumbnails/edui-theuxofgreatanimation-151111204926-lva1-app6892-thumbnail.jpg?width=120&height=120&fit=bounds presentation Black http://activitystrea.ms/schema/1.0/post http://activitystrea.ms/schema/1.0/posted 0 Designing Meaningful Animation /slideshow/designing-meaningful-animation/54454056 cssdevconf-designingmeaningfulanimation-151027225301-lva1-app6891
Motion design principles that actually matter for web animation plus how to create an animation design system with choreography and meaningful documentation.]]>
Motion design principles that actually matter for web animation plus how to create an animation design system with choreography and meaningful documentation.]]> Tue, 27 Oct 2015 22:53:01 GMT /slideshow/designing-meaningful-animation/54454056 valhead@slideshare.net(valhead) Designing Meaningful Animation valhead Motion design principles that actually matter for web animation plus how to create an animation design system with choreography and meaningful documentation. <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/cssdevconf-designingmeaningfulanimation-151027225301-lva1-app6891-thumbnail.jpg?width=120&amp;height=120&amp;fit=bounds" /><br> Motion design principles that actually matter for web animation plus how to create an animation design system with choreography and meaningful documentation.
Designing Meaningful Animation from Val Head
]]> 5618 8 https://cdn.slidesharecdn.com/ss_thumbnails/cssdevconf-designingmeaningfulanimation-151027225301-lva1-app6891-thumbnail.jpg?width=120&height=120&fit=bounds presentation Black http://activitystrea.ms/schema/1.0/post http://activitystrea.ms/schema/1.0/posted 0 Designing Meaningful Animation - AIGA Design Camp 2015 /slideshow/designing-meaningful-animation-aiga-design-camp-2015/53497093 aigadesigncamp-valhead-151003170214-lva1-app6892
How designers can harness the power of animation to make our work both better looking and easier to use. Win-win for everyone! ]]>
How designers can harness the power of animation to make our work both better looking and easier to use. Win-win for everyone! ]]> Sat, 03 Oct 2015 17:02:14 GMT /slideshow/designing-meaningful-animation-aiga-design-camp-2015/53497093 valhead@slideshare.net(valhead) Designing Meaningful Animation - AIGA Design Camp 2015 valhead How designers can harness the power of animation to make our work both better looking and easier to use. Win-win for everyone! <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/aigadesigncamp-valhead-151003170214-lva1-app6892-thumbnail.jpg?width=120&amp;height=120&amp;fit=bounds" /><br> How designers can harness the power of animation to make our work both better looking and easier to use. Win-win for everyone!
Designing Meaningful Animation - AIGA Design Camp 2015 from Val Head
]]> 1430 9 https://cdn.slidesharecdn.com/ss_thumbnails/aigadesigncamp-valhead-151003170214-lva1-app6892-thumbnail.jpg?width=120&height=120&fit=bounds presentation Black http://activitystrea.ms/schema/1.0/post http://activitystrea.ms/schema/1.0/posted 0 Web Designer to Motion Designer - Generate NYC /valhead/motion-designer-web-designer-generate motiondesignerwebdesigner-generate-150417140705-conversion-gate02
How to use traditional animation principles to make better design decisions for web animation. By using a few classic prinicples and thinking about our message we can take our animations from good to great.]]>
How to use traditional animation principles to make better design decisions for web animation. By using a few classic prinicples and thinking about our message we can take our animations from good to great.]]> Fri, 17 Apr 2015 14:07:05 GMT /valhead/motion-designer-web-designer-generate valhead@slideshare.net(valhead) Web Designer to Motion Designer - Generate NYC valhead How to use traditional animation principles to make better design decisions for web animation. By using a few classic prinicples and thinking about our message we can take our animations from good to great. <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/motiondesignerwebdesigner-generate-150417140705-conversion-gate02-thumbnail.jpg?width=120&amp;height=120&amp;fit=bounds" /><br> How to use traditional animation principles to make better design decisions for web animation. By using a few classic prinicples and thinking about our message we can take our animations from good to great.
Web Designer to Motion Designer - Generate NYC from Val Head
]]> 1077 2 https://cdn.slidesharecdn.com/ss_thumbnails/motiondesignerwebdesigner-generate-150417140705-conversion-gate02-thumbnail.jpg?width=120&height=120&fit=bounds presentation Black http://activitystrea.ms/schema/1.0/post http://activitystrea.ms/schema/1.0/posted 0 Motion Design with CSS /slideshow/motion-design-with-css/46778295 motiondesignwithcss-openvis-150408114902-conversion-gate01
]]>
]]> Wed, 08 Apr 2015 11:49:02 GMT /slideshow/motion-design-with-css/46778295 valhead@slideshare.net(valhead) Motion Design with CSS valhead <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/motiondesignwithcss-openvis-150408114902-conversion-gate01-thumbnail.jpg?width=120&amp;height=120&amp;fit=bounds" /><br>
Motion Design with CSS from Val Head
]]> 2308 3 https://cdn.slidesharecdn.com/ss_thumbnails/motiondesignwithcss-openvis-150408114902-conversion-gate01-thumbnail.jpg?width=120&height=120&fit=bounds presentation Black http://activitystrea.ms/schema/1.0/post http://activitystrea.ms/schema/1.0/posted 0 Putting Your UIs In Motion On The Web (Animation & UX) /slideshow/putting-your-uis-in-motion-on-the-web/42629165 smashing-alltherightmoves-141211233714-conversion-gate01
Animations are a big part of the future of UX on the web and all web designers need to have some motion design skills. This talk is all about how to pull of interface animation well on the web. How to animate responsibly and with style! As seen at the wonderful Smashing Conf Whistler 2014.]]>
Animations are a big part of the future of UX on the web and all web designers need to have some motion design skills. This talk is all about how to pull of interface animation well on the web. How to animate responsibly and with style! As seen at the wonderful Smashing Conf Whistler 2014.]]> Thu, 11 Dec 2014 23:37:14 GMT /slideshow/putting-your-uis-in-motion-on-the-web/42629165 valhead@slideshare.net(valhead) Putting Your UIs In Motion On The Web (Animation & UX) valhead Animations are a big part of the future of UX on the web and all web designers need to have some motion design skills. This talk is all about how to pull of interface animation well on the web. How to animate responsibly and with style! As seen at the wonderful Smashing Conf Whistler 2014. <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/smashing-alltherightmoves-141211233714-conversion-gate01-thumbnail.jpg?width=120&amp;height=120&amp;fit=bounds" /><br> Animations are a big part of the future of UX on the web and all web designers need to have some motion design skills. This talk is all about how to pull of interface animation well on the web. How to animate responsibly and with style! As seen at the wonderful Smashing Conf Whistler 2014.
Putting Your UIs In Motion On The Web (Animation & UX) from Val Head
]]> 4345 4 https://cdn.slidesharecdn.com/ss_thumbnails/smashing-alltherightmoves-141211233714-conversion-gate01-thumbnail.jpg?width=120&height=120&fit=bounds presentation Black http://activitystrea.ms/schema/1.0/post http://activitystrea.ms/schema/1.0/posted 0 https://cdn.slidesharecdn.com/profile-photo-valhead-48x48.jpg?cb=1666089931 valhead.com https://cdn.slidesharecdn.com/ss_thumbnails/choosingyouranimationadventure-generatenyc2018-180427142652-thumbnail.jpg?width=320&height=320&fit=bounds slideshow/choosing-your-animation-adventure-generate-nyc-2018/95244076 Choosing your animatio... https://cdn.slidesharecdn.com/ss_thumbnails/uxinmotion-aumuseconf-171030212915-thumbnail.jpg?width=320&height=320&fit=bounds slideshow/ux-in-motion-81394198/81394198 UX in Motion https://cdn.slidesharecdn.com/ss_thumbnails/theinsandoutsofeasingv2-cssdevconf2017-171010211111-thumbnail.jpg?width=320&height=320&fit=bounds slideshow/the-ins-and-outs-of-easing/80669222 The Ins and Outs of Ea...