Profile cover photo
Profile photo
Alex Lockwood
11,001 followers -
Blogger, Go Programmer, and Android Enthusiast
Blogger, Go Programmer, and Android Enthusiast

11,001 followers
About
Alex's posts

Post is pinned.Post has attachment
An Introduction to Icon Animation Techniques

Week #1: wrote 27 icon animations for Android
Week #2: learned how to animate SVGs using SMIL and CSS
Week #3: learned the basics of Adobe After Effects to create cooler and more advanced icon animation effects
Week #4,5,6: learned JavaScript and ported 19 icon animations from Android to SVG to use as inline blog post demos
Week #7: rewrote and polished a bunch of animations, planned out structure of blog post
Week #8: writing, editting, rewriting, deleting, rewriting again, editting, repeat...

Don't think I have ever worked this much on a single blog post before... but I wouldn't have it any other way. Let me know what you think, and don't forget to share! :D

Link: http://www.androiddesignpatterns.com/2016/11/introduction-to-icon-animation-techniques.html

Post has attachment
Just published ShapeShifter v0.1.1 w/ significant improvements to the SVG importer.

BTW, share Shape Shifter with your iOS/web/UX teams if you can! I need more feature requests to work on! :)

Here's the changelog: https://github.com/alexjlockwood/ShapeShifter/blob/master/CHANGELOG.md

Post has attachment
Introducing ShapeShifter, https://shapeshifter.design

For the past couple of months I've been working on a web app that simplifies the process of creating SVG-based path morphing animations.

Try it out and let me know if you have any trouble. If you don't have your own SVGs to use, click on that three-dotted icon in the top right corner and play around with one of the demos. :)

I'm especially interested in how I can make this tool more useful for UXers (who are usually the ones creating SVGs in the first place)... so please send me feedback! I'm also interested in supporting other export formats other than AnimatedVectorDrawable... send me feature requests!

Live version: https://shapeshifter.design
README.md: https://github.com/alexjlockwood/ShapeShifter


Post has attachment
i hate publishing something that i still want to continue to improve in so many different ways but i can't wait any longer. peeps can deal with it. falls asleep at desk

will post tomorrow when i wake up. :)
Photo

Post has attachment
Animate two arbitrary SVGs in one click. And there is still so much left to do!

Post has attachment
Here's a preview of a little something I've been working on. :)

https://youtu.be/PoWplWyjImM

Post has shared content
This looks very cool!
Excited to announce Yoga, a cross-platform layout engine that my team has been working on!

Yoga is being used in React Native, Components for Android, Oculus and, soon, Instagram and ComponentKit.

Post has attachment
FYI, I think I'm going to start using Twitter more (in addition to G+). If you're not already following me, here's my handle!

https://twitter.com/alexjlockwood

Post has attachment
This is the last of 19 animated SVGs that will appear in my next blog post. Get pumped.
Animated Photo

Post has attachment
Here's a sneak peek at a blog post I've been working on about animated icons. Trying to teach myself JavaScript so I can create some cool interactive demos to use as examples... here is my first attempt. :)
Wait while more posts are being loaded