Podcasts about css animations

  • 26PODCASTS
  • 34EPISODES
  • 38mAVG DURATION
  • ?INFREQUENT EPISODES
  • Oct 1, 2025LATEST

POPULARITY

20172018201920202021202220232024


Best podcasts about css animations

Latest podcast episodes about css animations

PodRocket - A web development podcast from LogRocket
State of CSS in 2025 with Adam Argyle and Kevin Powell

PodRocket - A web development podcast from LogRocket

Play Episode Listen Later Oct 1, 2025 43:26


In this episode of PodRocket, Adam Argyle and Kevin Powell discuss the results of the latest State of CSS survey and share how new capabilities like functions, mixins, nesting, and container queries are changing the way developers approach styling. We dive into the ongoing conversation around Tailwind and pre-processors, and look at the practical impact of features such as scroll driven animations, view transitions, and cascade layers. Adam and Kevin also explain how advances like relative color syntax and app property are making CSS variables more dynamic and reliable. Along the way, we touch on browser interoperability and imagine what's ahead for CSS, from motion blur to fit text and beyond. Links Adam Argyle Website: https://nerdy.dev X: https://x.com/argyleink LinkedIn: https://www.linkedin.com/in/adamargyle YouTube: https://www.youtube.com/channel/UCBGr3ZMcV5jke40_Wrv3fNA GitHub: https://github.com/argyleink Kevin Powell Website: https://www.kevinpowell.co X: https://x.com/kevinjpowell BlueSky: https://bsky.app/profile/kevinpowell.co Mastodon: front-end.social/@kevinpowell Github: https://github.com/kevin-powell YouTube: https://www.youtube.com/@kevinpowell Twitch: https://www.twitch.tv/kevinpowellcss Resources State of CSS 2025: https://2025.stateofcss.com Chapters 01:00 Why CSS Remains Irreplaceable 05:00 Misunderstandings About CSS 09:00 Is CSS a Programming Language 12:00 Pre-processors, Post-processors, and Native Features 15:00 Too Many Features in CSS 18:00 The CSS Learning Curve and Growth Cycle 19:30 Resources for Keeping Up with CSS 20:30 New CSS Functions Explained 23:00 Complexity and Abstractions in CSS 24:00 Browser Collaboration and Interop 30:00 Using New CSS Features in Production 36:00 The App Property Feature 41:00 Future CSS Features Wishlist 46:00 Final Thoughts on CSS in 2025 48:00 Outro and Guest Links We want to hear from you! How did you find us? Did you see us on Twitter? In a newsletter? Or maybe we were recommended by a friend? Fill out our listener survey (https://t.co/oKVAEXipxu)! Let us know by sending an email to our producer, Em, at emily.kochanek@logrocket.com (mailto:emily.kochanek@logrocket.com), or tweet at us at PodRocketPod (https://twitter.com/PodRocketpod). Follow us. Get free stickers. Follow us on Apple Podcasts, fill out this form (https://podrocket.logrocket.com/get-podrocket-stickers), and we'll send you free PodRocket stickers! What does LogRocket do? LogRocket provides AI-first session replay and analytics that surfaces the UX and technical issues impacting user experiences. Start understanding where your users are struggling by trying it for free at LogRocket.com. Try LogRocket for free today. (https://logrocket.com/signup/?pdr) Special Guests: Adam Argyle and Kevin Powell.

ShopTalk » Podcast Feed
673: Live-streaming Demos, CSS Animation Composition, and Anchor Position

ShopTalk » Podcast Feed

Play Episode Listen Later Jul 14, 2025 59:14


Show DescriptionChris and Dave chat about whether you should wing it or script your videos, unplanned demos versus the safety net of edited videos, streaming software with Ecamm Live vs OBS vs Streamlabs, new CSS animation composition, and anchor positioning thoughts. Listen on Website →Links Canon EOS 5D Mark IV Sony ZV-1 Twitch > jlengstorf Twitch > ChrisCoyier YouTube > Chris Coyier Frontend Masters Figma Canva Figma Buzz YouTube > Mark Rober YouTube > The Coding Train Ecamm Live YouTube > CodePen Floating UI SponsorsDesign Tokens CourseWorld-renowned design systems experts Brad Frost (creator of Atomic Design) and Ian Frost teach you everything you need to know about creating an effective design token system to help your organization design and build at scale.

ShopTalk » Podcast Feed
655: Conspiracy Theory Theories, View Transitions vs CSS Animations, and Autocomplete

ShopTalk » Podcast Feed

Play Episode Listen Later Mar 10, 2025 45:50


Show DescriptionIt's a speed run meeting edition episode and we're talking conspiracy theories, getting hypnotized, disinformation on TikTok vs the news, view transitions vs CSS animations vs the web animation API, follow ups on font-weight and attire, and classic autocomplete vs AI autocomplete. Listen on Website →Links SubwayTakes (@subwaytakes) | TikTok Motion - A modern animation library for JavaScript and React font-weight: 300 considered harmful | CSS-Tricks Sponsors

Ramblings of a Designer podcast
ROADS EP 161 - Val Head

Ramblings of a Designer podcast

Play Episode Listen Later Nov 22, 2024 32:08


Val Head is a Principal Designer at Adobe, author, and web animation expert. She is the author of Designing Interface Animation on Rosenfeld Media and teaches CSS Animation on LinkedIn Learning.    Ramblings of a Designer podcast is a monthly design news and discussion podcast hosted by Laszlo Lazuer and Terri Rodriguez-Hong (@flaxenink, insta: flaxenink.design) (insta: @happiscribble.   LinkedIn Page: https://www.linkedin.com/company/ramblings-of-a-designer/ Facebook:https://www.facebook.com/Ramblings-of-a-Designer-Podcast-2347296798835079/ Send us feedback! ramblingsofadesignerpod@gmail.com Support us on Patreon! patreon.com/ramblingsofadesigner   We would love to hear from you!

Untyped
Scroll Driven Animations

Untyped

Play Episode Listen Later May 27, 2024 37:10


في الحلقة دي بتكلم عن خاصية جديدة في الـ CSS حتغير من طريقة تعامنا مع الـ Animations المربوطة بالـ scrolling والتي كانت من ابرز التحديثات للويب الي تم الإعلان عنها في Google I/O 2024. في الحلقة امثلة عملية لحاجات بنعملها كتير بالجافاسكربت والي حتتغير تماماً مع الـ scroll timeline الجديدة وليه انا كشخص مش ضليع بالـ CSS متحمس ليها! لينكات مفيدة: Latest in Web UI - Google I/O Story Telling Animations Demo Fixed Header Demo Scroll to Bottom/Top Demo scroll-timeline - MDN Scroll-driven animations case study Scroll-driven animations Demos

HTML All The Things - Web Development, Web Design, Small Business
CSS Animations Can Make or Break a Site

HTML All The Things - Web Development, Web Design, Small Business

Play Episode Listen Later Mar 29, 2023 53:48


CSS animations are somewhat of an advanced CSS topic that many people skip out on when they're developing their site's MVP, or first few versions. Further into its life though, CSS animations (and transitions for that matter) add a level of polish to a website that can subtly bring about a premium feel for its UI/UX. It's quite easy, however, to go overboard with animations and transitions to the point where they feel out of place, sometimes looking like they're just being done for the sake of another animation instead of complimenting the content on the page. This week, Matt and Mike discussed CSS animations and CSS transitions, discussing the good, bad, and the ugly when it comes to using them on your next project. Show Notes: www.htmlallthethings.com/podcasts/css-animations-can-make-or-break-a-site  

COMPRESSEDfm
59 | Let's Be Animated

COMPRESSEDfm

Play Episode Listen Later Mar 29, 2022 56:00


In this episode, Amy and James talk about adding CSS and JavaScript animations to your project: things to consider, the best properties, methods, and libraries to use.SponsorsVercelVercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.For more information, visit Vercel.comZEAL is hiring!ZEAL is a computer software agency that delivers “the world's most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.For more information visit softwareresidency.com/careersDatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with realtime updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."For more information, visit datocms.comShow Notes0:00 Introduction2:48 Parenting Tip4:04 Rant: Learning Multiple Languages6:37 Our Fantastic Sponsors6:51 What We've Been Up To9:59 Why use animations?Jason LengstorfJosh ComeauCSS for JS12:27 Adding Context for Users14:34 Games and AnimationVal Head16:28 Speed of Animation17:33 Sponsor: Vercel18:40 Transitions vs Animations23:06 Animations in CSSCubic Bezier Curve28:02 Transition Property32:16 Sponsor: DatoCMS33:10 Green SockYouTube Video on Tweening SVGs with GreenSock35:45 Framer MotionMatt PerryWill Johnson (Egghead Course on Framer Motion)Pete Cape Cod - Hashnode Article on Framer MotionMotion.dev39:10 React Spring39:52 RemotionJohnny Burger on Twitter41:15 Sponsor: ZEAL42:08 Built into SvelteKitSwortleWand Selector45:09 Grab Bag Question45:21 Grab Bag Question #1: What would you prefer? CSS Animations? Vanilla CSS? JS? Or an animation library like GSAP or Framer Motion?46:59 Grab Bag Questions 2: What are the cheapest and most expensive (performance) types of animation?48:24 Picks and Plugs48:37 Amys Pick: Camo Studio50:07 Amy's Plug: SelfTeachMe on YouTube52:25 James's Pick: Logitech Lights53:59 James's Plug: James Q Quick on YouTube

The Rabbit Hole: The Definitive Developer's Podcast

With Flash set to discontinue from January 12th and the HTML blink tag obsolete, how will we animate our websites from now on? With this issue in mind, we decided to dedicate today's show to the wonderful topic of animation! We discuss how best to tame this powerful and often misused beast as well as get into the tools at our disposal for doing so in CSS, JavaScript, and by using prebuilt libraries too. Animation definitely has a place in UI, but can easily look tacky and overdone, so we start our chat off exploring some best practices for keeping things tasteful and useful. From there, we get into a few of the technicalities of building animations in CSS, highlighting the power of keyframes as well as some of the kinks in this new feature that still need to be worked out. Toward the end of our chat, we speak about the great functionality provided by animation frameworks like React's Spring library, animate.style, and the Web Animations API. So even though Flash is a thing of the past, there is no need to cry, because there are plenty of tools in CSS and JavaScript that will keep us building beautiful animations on our websites well into the foreseeable future. Tune in to learn more!

Frontenderos
016 - CSS Animations and transitions

Frontenderos

Play Episode Listen Later Jun 12, 2020 26:21


En este episodio hablamos de transiciones y animaciones en CSS y JS, sus diferencias y los mejores casos donde usarse.

The Laracasts Snippet
Identifying CSS Animation Bottlenecks

The Laracasts Snippet

Play Episode Listen Later Nov 13, 2019 10:22


One of the more frustrating aspects of front-end development stems from the fact that even the smallest of alterations has the potential to derail your entire week. In this episode, we'll discuss how to track browser-specific CSS performance issues.

Inside Facebook Mobile
16: React Native Developer Advocacy and Documentation Engineering with Rachel

Inside Facebook Mobile

Play Episode Listen Later Aug 16, 2019 52:43


Join us for this episode where Pascal and Fabio interview one of Facebook’s new joiners: Rachel is a developer advocate on the React Core team in London. React is one of the biggest open source UI frameworks in the world, a reputation kept sustainable especially thanks to the amazing work the React Core team puts into the educational material available to the community. Rachel shares her journey from cartoonist to developer advocacy roles to the present day, where she curates and maintains documentation material built for people rather than just coders. How to find the missing or next chapter of your docs? How to measure success? This and much more in episode 16. Please do send us feedback! You can reach us via email mobilepodcasts@fb.com, Twitter (@insidefbmobile) or Instagram (insidefbmobile).   Topics Dev Tools Challenger: http://devtoolschallenger.com/ React: https://reactjs.org React Native: https://facebook.github.io/react-native/ Docusaurus: https://docusaurus.io ComponentKit: https://componentkit.org Flipper: https://fbflipper.com Web Animations API: https://developer.mozilla.org/en-US/docs/Web/API/Web_Animations_API MDN: https://developer.mozilla.org/en-US/ Rachel’s Web Animation Docs: http://rachelnabors.com/waapi Rachel’s book on UI Animation: https://abookapart.com/products/animation-at-work Rachel’s courses on CSS Animation and Cartooning: https://courses.rachelnabors.com/ Inclusive speech linter: https://alexjs.com/   Timestamps Intro 00:06 News: React Native Docs Revamp 01:21 News: Hermes 02:27 Intro Rachel (http://devtoolschallenger 3:43 MDN 07:14 100x Programmers 13:22 Measuring Impact 23:20 Third-Party Docs 32:31 Incremental API Design 35:38 Style Guides 39:35 Managing organic growth 43:32 Goodbye 47:37 Outro 48:10 Bloopers 51:19  

DevEd Podcast
Episode 1: The Current State of Education in Web Development

DevEd Podcast

Play Episode Listen Later Feb 5, 2019 50:08


Panel Joe Eames Jesse Sanders Jared Stein Mike Dane Dani Sloan Brooke Avery Kent C. Dodds Episode Summary In this first episode of the Dev Ed podcast, the panelists start with giving brief introductions about themselves and their work, most of them being educators and trainers in software development. They then discuss some of the best ways for people to get into programming, focusing on the importance of motivation and passion, while narrating their own experiences. They talk about choosing the right learning resources and paths based on individual needs, effective tools and techniques for current programmers to stay up to date with ongoing developments and retaining learnt concepts. They also discuss benefits of publishing work online thus making it available for the public, significance of teaching and how to get into it, and mention tips and hacks on effective time management so as to continue learning in spite of a busy schedule. They wrap up the episode by each stating what they wish to learn the most, and one thing they would like to share with friends. Links ng-conf Mike Dane - YouTube Kent C. Dodds – YouTube Deciding What Not to Learn - Blog Picks Kent C. Dodds: GraphQL Novel in progress - Shurlan Brooke Avery: Rails Lost Stars Jesse Sanders: NestJS Having a good morning routine with mediation, reading and journaling Joe Eames: NestJS Screen Rant Pitch Meetings Mike Dane: CSS Animations The Coding Train Jared Stein: What makes efficient and productive learning happen Dani Sloan: Meditation Moodrise

Devchat.tv Master Feed
Episode 1: The Current State of Education in Web Development

Devchat.tv Master Feed

Play Episode Listen Later Feb 5, 2019 50:08


Panel Joe Eames Jesse Sanders Jared Stein Mike Dane Dani Sloan Brooke Avery Kent C. Dodds Episode Summary In this first episode of the Dev Ed podcast, the panelists start with giving brief introductions about themselves and their work, most of them being educators and trainers in software development. They then discuss some of the best ways for people to get into programming, focusing on the importance of motivation and passion, while narrating their own experiences. They talk about choosing the right learning resources and paths based on individual needs, effective tools and techniques for current programmers to stay up to date with ongoing developments and retaining learnt concepts. They also discuss benefits of publishing work online thus making it available for the public, significance of teaching and how to get into it, and mention tips and hacks on effective time management so as to continue learning in spite of a busy schedule. They wrap up the episode by each stating what they wish to learn the most, and one thing they would like to share with friends. Links ng-conf Mike Dane - YouTube Kent C. Dodds – YouTube Deciding What Not to Learn - Blog Picks Kent C. Dodds: GraphQL Novel in progress - Shurlan Brooke Avery: Rails Lost Stars Jesse Sanders: NestJS Having a good morning routine with mediation, reading and journaling Joe Eames: NestJS Screen Rant Pitch Meetings Mike Dane: CSS Animations The Coding Train Jared Stein: What makes efficient and productive learning happen Dani Sloan: Meditation Moodrise

Internet DNA - UX, Design and Tech musings
The animated world of CSS Animation

Internet DNA - UX, Design and Tech musings

Play Episode Listen Later Jan 30, 2019 21:47


Dan just added another new year resolution to Abi's already full year.... learning CSS animation. Exciting, but I wouldn't let your mum lose on it.

DevTales Podcast
2 adás. GDPR, HTTPS, CSS Animation Debug, CSS in JS

DevTales Podcast

Play Episode Listen Later May 28, 2018 29:34


A DevTales podcast második adásában beszélgettünk a GDPR-ról – mi ez pontosan, és miért is hasznos. Szó volt még a CSS animációk debugolásáról, és a Google Chrome közelgő HTTPS szabályozásairól. Továbbá azt is megbeszéltük, hogy mik az előnyei és hátrányai a CSS-in-JS technológiának. Résztvevők: Edu Arianna Pintér Róka Tibor Tokai Tartalom: 00:00:44 – GDPR 00:12:24 […]

Non Breaking Space Show
Val Head — Designing Interface Animation

Non Breaking Space Show

Play Episode Listen Later Apr 10, 2017


Val Head is a web animation expert and author with a talent for getting designers and developers alike excited about the power of animation. She's the author of Designing Interface Animation and teaches CSS Animation on lynda.com.

interview technology design tech web val head css animations designing interface animation
Goodstuff Master Audio Feed
Non Breaking Space Show 113: Val Head — Designing Interface Animation

Goodstuff Master Audio Feed

Play Episode Listen Later Apr 10, 2017


Val Head is a web animation expert and author with a talent for getting designers and developers alike excited about the power of animation. She’s the author of *Designing Interface Animation* and teaches CSS Animation on lynda.com.

space show val head css animations designing interface animation
Non Breaking Space Show
Val Head — Designing Interface Animation

Non Breaking Space Show

Play Episode Listen Later Apr 10, 2017


Val Head is a web animation expert and author with a talent for getting designers and developers alike excited about the power of animation. She’s the author of Designing Interface Animation and teaches CSS Animation on lynda.com.

interview technology design tech web val head css animations designing interface animation
Toolsday
(Mostly CSS) Animation

Toolsday

Play Episode Listen Later Mar 29, 2016 24:49


Animation brings the web to life! Today we talk about (mostly CSS) animation — how it works, tools, and resources.

animation css css animations
Adventures in Angular
052 AiA Web-Based Animations with Jack Doyle of GreenSock

Adventures in Angular

Play Episode Listen Later Jul 23, 2015 59:00


Check out RailsClips and RemoteConfs!   02:53 - Jack Doyle Introduction GreenSock @greensock GreenSock Blog   03:53 - GSAP (GreenSock’s Animation Platform) 04:05 - GreenSock: The Name 05:01 - GreenSock: The Inception 09:13 - Transitions & CSS Animations 10:32 - Who is GreenSock aimed at? / What kind of applications use it? 15:01 - Lukas and GreenSock     Lukas Reubbelke: Build a Sweet AngularJS Photo Slider Pt 2 with ngTouch 16:50 - Angular + GreenSock + CSS Animations (GreenSock Under The Hood) jQuery “tweens” ngAnimate 27:44 - Using GreenSock Outside of Angular 29:20 - Getting Started With Animations, Learning Curve Getting Started with GSAP (GreenSock Animation Platform) Sarah Drasner 39:13 - When To Use Animations (User Experience) Microactions Using Animations to Help Workflow ngFx 46:09 - Material Design Introduction: Material Design 49:11 - Licensing 51:24 - Mobile Apps Picks Take a vacation, and actually do the vacation! (John) GreenSock (Lukas) Microinteractions: Full Color Edition: Designing with Details by Dan Saffer (Lukas) Beautiful Outlaw: Experiencing the Playful, Disruptive, Extravagant Personality of Jesus by John Eldredge (Joe) GOG.com (Joe) Sleeping in a hammock (Ward) remoteconfs.com (Chuck) God (Chuck) Jesus Christ (Chuck) The Church of Jesus Christ of Latter-day Saints (Chuck) CodePen (Jack) Seth Godin's Blog (Jack)

All Angular Podcasts by Devchat.tv
052 AiA Web-Based Animations with Jack Doyle of GreenSock

All Angular Podcasts by Devchat.tv

Play Episode Listen Later Jul 23, 2015 59:00


Check out RailsClips and RemoteConfs!   02:53 - Jack Doyle Introduction GreenSock @greensock GreenSock Blog   03:53 - GSAP (GreenSock’s Animation Platform) 04:05 - GreenSock: The Name 05:01 - GreenSock: The Inception 09:13 - Transitions & CSS Animations 10:32 - Who is GreenSock aimed at? / What kind of applications use it? 15:01 - Lukas and GreenSock     Lukas Reubbelke: Build a Sweet AngularJS Photo Slider Pt 2 with ngTouch 16:50 - Angular + GreenSock + CSS Animations (GreenSock Under The Hood) jQuery “tweens” ngAnimate 27:44 - Using GreenSock Outside of Angular 29:20 - Getting Started With Animations, Learning Curve Getting Started with GSAP (GreenSock Animation Platform) Sarah Drasner 39:13 - When To Use Animations (User Experience) Microactions Using Animations to Help Workflow ngFx 46:09 - Material Design Introduction: Material Design 49:11 - Licensing 51:24 - Mobile Apps Picks Take a vacation, and actually do the vacation! (John) GreenSock (Lukas) Microinteractions: Full Color Edition: Designing with Details by Dan Saffer (Lukas) Beautiful Outlaw: Experiencing the Playful, Disruptive, Extravagant Personality of Jesus by John Eldredge (Joe) GOG.com (Joe) Sleeping in a hammock (Ward) remoteconfs.com (Chuck) God (Chuck) Jesus Christ (Chuck) The Church of Jesus Christ of Latter-day Saints (Chuck) CodePen (Jack) Seth Godin's Blog (Jack)

Devchat.tv Master Feed
052 AiA Web-Based Animations with Jack Doyle of GreenSock

Devchat.tv Master Feed

Play Episode Listen Later Jul 23, 2015 59:00


Check out RailsClips and RemoteConfs!   02:53 - Jack Doyle Introduction GreenSock @greensock GreenSock Blog   03:53 - GSAP (GreenSock’s Animation Platform) 04:05 - GreenSock: The Name 05:01 - GreenSock: The Inception 09:13 - Transitions & CSS Animations 10:32 - Who is GreenSock aimed at? / What kind of applications use it? 15:01 - Lukas and GreenSock     Lukas Reubbelke: Build a Sweet AngularJS Photo Slider Pt 2 with ngTouch 16:50 - Angular + GreenSock + CSS Animations (GreenSock Under The Hood) jQuery “tweens” ngAnimate 27:44 - Using GreenSock Outside of Angular 29:20 - Getting Started With Animations, Learning Curve Getting Started with GSAP (GreenSock Animation Platform) Sarah Drasner 39:13 - When To Use Animations (User Experience) Microactions Using Animations to Help Workflow ngFx 46:09 - Material Design Introduction: Material Design 49:11 - Licensing 51:24 - Mobile Apps Picks Take a vacation, and actually do the vacation! (John) GreenSock (Lukas) Microinteractions: Full Color Edition: Designing with Details by Dan Saffer (Lukas) Beautiful Outlaw: Experiencing the Playful, Disruptive, Extravagant Personality of Jesus by John Eldredge (Joe) GOG.com (Joe) Sleeping in a hammock (Ward) remoteconfs.com (Chuck) God (Chuck) Jesus Christ (Chuck) The Church of Jesus Christ of Latter-day Saints (Chuck) CodePen (Jack) Seth Godin's Blog (Jack)

All Angular Podcasts by Devchat.tv
037 AiA Animations with Matias Niemelä

All Angular Podcasts by Devchat.tv

Play Episode Listen Later Apr 9, 2015 39:00


Thank you RailsClips Kickstarter Backers!   02:05 - Matias Niemelä Introduction Twitter GitHub Blog [YouTube] Matias Niemelä: Whats new in ngAnimate 03:13 - Animations with Angular ngAnimate 04:24 - CSS Animations Angular Developer Guide: Animations Resources: Mozilla: Using CSS animations CSS Animation for Beginners CSS3 Animations   GreenSock Animate.css 13:06 - Testing angular-mocks.js ngAnimateMock [insert Matais’ link] 14:40 - Detecting When Animations End 16:06 - Animations in 1.4 vs 2.0 Classes ES6 New Feature List 20:35 - Side Libraries Animate.css Material Design Aspect GreenSock ngFx 22:44 - Routing Gaia Timeline Feature 26:11 - Default Animations 28:14 - Use Cases YouTube Browsing Website [YouTube] Lukas Rubbelke & Matias Niemela: Awesome Interfaces with AngularJS Animations 30:19 - Where’s Angular 1.4?!?!?! Breaking Changes Picks McFarland, USA (Joe) Matias! Matias at ng-vegas! (Joe) [YouTube] Matias Niemelä: Whats new in ngAnimate (Ward) Citizenfour (Ward) Teach Like a Champion 2.0: 62 Techniques that Put Students on the Path to College by Doug Lemov (Ward) ngFx (Lukas) Search Inside Yourself: The Unexpected Path to Achieving Success, Happiness (and World Peace) by Chade-Meng Tan (Lukas) Thank you RailsClips Kickstarter Backers! (Chuck) Ready Player One by Ernest Cline (Chuck) Mastery by Robert Greene (Chuck) Neovim (Matias) News ng-vegas: May 7th and 8th, 2015! AngularU in the Bay Area in June

Devchat.tv Master Feed
037 AiA Animations with Matias Niemelä

Devchat.tv Master Feed

Play Episode Listen Later Apr 9, 2015 39:00


Thank you RailsClips Kickstarter Backers!   02:05 - Matias Niemelä Introduction Twitter GitHub Blog [YouTube] Matias Niemelä: Whats new in ngAnimate 03:13 - Animations with Angular ngAnimate 04:24 - CSS Animations Angular Developer Guide: Animations Resources: Mozilla: Using CSS animations CSS Animation for Beginners CSS3 Animations   GreenSock Animate.css 13:06 - Testing angular-mocks.js ngAnimateMock [insert Matais’ link] 14:40 - Detecting When Animations End 16:06 - Animations in 1.4 vs 2.0 Classes ES6 New Feature List 20:35 - Side Libraries Animate.css Material Design Aspect GreenSock ngFx 22:44 - Routing Gaia Timeline Feature 26:11 - Default Animations 28:14 - Use Cases YouTube Browsing Website [YouTube] Lukas Rubbelke & Matias Niemela: Awesome Interfaces with AngularJS Animations 30:19 - Where’s Angular 1.4?!?!?! Breaking Changes Picks McFarland, USA (Joe) Matias! Matias at ng-vegas! (Joe) [YouTube] Matias Niemelä: Whats new in ngAnimate (Ward) Citizenfour (Ward) Teach Like a Champion 2.0: 62 Techniques that Put Students on the Path to College by Doug Lemov (Ward) ngFx (Lukas) Search Inside Yourself: The Unexpected Path to Achieving Success, Happiness (and World Peace) by Chade-Meng Tan (Lukas) Thank you RailsClips Kickstarter Backers! (Chuck) Ready Player One by Ernest Cline (Chuck) Mastery by Robert Greene (Chuck) Neovim (Matias) News ng-vegas: May 7th and 8th, 2015! AngularU in the Bay Area in June

Adventures in Angular
037 AiA Animations with Matias Niemelä

Adventures in Angular

Play Episode Listen Later Apr 9, 2015 39:00


Thank you RailsClips Kickstarter Backers!   02:05 - Matias Niemelä Introduction Twitter GitHub Blog [YouTube] Matias Niemelä: Whats new in ngAnimate 03:13 - Animations with Angular ngAnimate 04:24 - CSS Animations Angular Developer Guide: Animations Resources: Mozilla: Using CSS animations CSS Animation for Beginners CSS3 Animations   GreenSock Animate.css 13:06 - Testing angular-mocks.js ngAnimateMock [insert Matais’ link] 14:40 - Detecting When Animations End 16:06 - Animations in 1.4 vs 2.0 Classes ES6 New Feature List 20:35 - Side Libraries Animate.css Material Design Aspect GreenSock ngFx 22:44 - Routing Gaia Timeline Feature 26:11 - Default Animations 28:14 - Use Cases YouTube Browsing Website [YouTube] Lukas Rubbelke & Matias Niemela: Awesome Interfaces with AngularJS Animations 30:19 - Where’s Angular 1.4?!?!?! Breaking Changes Picks McFarland, USA (Joe) Matias! Matias at ng-vegas! (Joe) [YouTube] Matias Niemelä: Whats new in ngAnimate (Ward) Citizenfour (Ward) Teach Like a Champion 2.0: 62 Techniques that Put Students on the Path to College by Doug Lemov (Ward) ngFx (Lukas) Search Inside Yourself: The Unexpected Path to Achieving Success, Happiness (and World Peace) by Chade-Meng Tan (Lukas) Thank you RailsClips Kickstarter Backers! (Chuck) Ready Player One by Ernest Cline (Chuck) Mastery by Robert Greene (Chuck) Neovim (Matias) News ng-vegas: May 7th and 8th, 2015! AngularU in the Bay Area in June

Hanselminutes - Fresh Talk and Tech for Developers
All about CSS Animations with Val Head

Hanselminutes - Fresh Talk and Tech for Developers

Play Episode Listen Later Oct 16, 2014 33:14


Scott's at Blendconf and sits down with Val Head to talk about CSS Animations. Val is the author of "The CSS Animations Pocket Guide" and explains the essence of CSS Animations to Scott in this episode.

val head css animations
The Treehouse Show (2012 - 2015)
Episode 75: Flexible Navigation, JavaScript the Good Parts, CSS Animation Tricks

The Treehouse Show (2012 - 2015)

Play Episode Listen Later Jan 23, 2014 14:27


In this episode of The Treehouse Show, Nick Pettit (@nickrp) and Jason Seifer (@jseifer) talk about the latest in web design, web development, html5, front end development, and more.

tricks flexible navigation css animations javascript the good parts nick pettit jason seifer treehouse show
The Treehouse Show (2012 - 2015) (HD)
Episode 75: Flexible Navigation, JavaScript the Good Parts, CSS Animation Tricks

The Treehouse Show (2012 - 2015) (HD)

Play Episode Listen Later Jan 23, 2014 14:27


In this episode of The Treehouse Show, Nick Pettit (@nickrp) and Jason Seifer (@jseifer) talk about the latest in web design, web development, html5, front end development, and more.

tricks flexible navigation css animations javascript the good parts nick pettit jason seifer treehouse show
The Big Web Show
Episode 104: Animate This!

The Big Web Show

Play Episode Listen Later Nov 14, 2013 48:37


Designer/developer Val Head @vlh and host Jeffrey Zeldman discuss the writing of A Pocket Guide to CSS Animations; the Web Design Day conference; running freelance projects and working as a hired gun; JavaScript and CSS animation compared; tales of Pittsburgh, Philadelphia, Buffalo and Toronto; the profession and people of web design; working with editors; what it takes to run a workshop; and more.

The Big Web Show
104: Animate This!

The Big Web Show

Play Episode Listen Later Nov 14, 2013 48:37


Designer/developer Val Head @vlh and host Jeffrey Zeldman discuss the writing of A Pocket Guide to CSS Animations; the Web Design Day conference; running freelance projects and working as a hired gun; JavaScript and CSS animation compared; tales of Pittsburgh, Philadelphia, Buffalo and Toronto; the profession and people of web design; working with editors; what it takes to run a workshop; and more.

The Treehouse Show (2012 - 2015)
Episode 60: CSS Animations, CSS Sprites, Form Building

The Treehouse Show (2012 - 2015)

Play Episode Listen Later Oct 7, 2013 12:24


In this episode of The Treehouse Show, Nick Pettit (@nickrp) and Jason Seifer (@jseifer) talk about the latest in web design, web development, html5, front end development, and more.

css animations nick pettit jason seifer css sprites treehouse show
The Treehouse Show (2012 - 2015) (HD)
Episode 60: CSS Animations, CSS Sprites, Form Building

The Treehouse Show (2012 - 2015) (HD)

Play Episode Listen Later Oct 7, 2013 12:24


In this episode of The Treehouse Show, Nick Pettit (@nickrp) and Jason Seifer (@jseifer) talk about the latest in web design, web development, html5, front end development, and more.

css animations nick pettit jason seifer css sprites treehouse show
The Web Ahead
53: CSS Animations with Val Head

The Web Ahead

Play Episode Listen Later Jun 15, 2013 76:53


CSS has three powerful specifications that can be used to animate things on the page: CSS Transitions, Transforms, and Animations. Designer and author Val Head joins Jen Simmons to explain how they work.

CSS-Tricks Screencasts
#97: Intro to CSS Animations

CSS-Tricks Screencasts

Play Episode Listen Later May 12, 2011 30:50


Animations, like transitions, can alter page elements over time. Animations are more powerful and more complex in many ways. You need to declare an animation with a special syntax before you can use it, which allows you to specify values for multiple properties at different percentages of the animations completion (“keyframes”). Then when you do use it, there are lots of values you can set as to how you want it to behave. We’ll cover all that as we build … Read article “#97: Intro to CSS Animations”