Designer's guide to adding animation in UX design: https://www.uxbooth.com/articles/the-designers-guide-to-adding-animation-in-ux-design/
A short list of key ways animation can support UX goals with lots of examples by Jolina Landicho.
So fun! LOVE IT 😀👍
---
RT @devdevcharlie@twitter.com
A couple of days ago, I had a random idea & couldn't get rid of it until I built it so here you go, I made a Flappy Bird game you play w/ browser windows!🐦🎮
Now I can move on! 😂🎉
https://flappy-windows.netlify.com/ #javascript
https://twitter.com/devdevcharlie/status/1142772065285496832
Animated Interactive Vue.js Slider: https://codepen.io/xdesro/post/tutorial-vue-slider
This tutorial walks you through creating a nice swipe loading effect with staggers.
There are some really great points in this list!
---
RT @css@twitter.com
Six assumptions which could break your website https://ada.is//blog/2019/06/11/six-assumptions-which-could-break-your-website/
“Window size on mobile devices doesn’t change.”
“Real work gets done on desktop computers or in apps.”
“I can infer whether the user is using touch interface or mouse from the screen size.”
https://twitter.com/css/status/1142057836119318533
This week’s UI Animation Newsletter is now in your inboxes! 💌
Animation inspiration is a fun way to start your Friday.😀 http://uianimationnewsletter.com
Love this @strngfeelings@twitter.com episode on getting paid! I love a lot of their episodes, really, but this one is an especially useful listen on talking about money and negotiating: http://www.strongfeelings.co/podcast/e64/
Just look at all these lovely retro airline logos! http://reaganray.com/2019/05/20/airline-logos.html
RT @clearleft@twitter.com
Very thoughtful start to #LDNYC from @khoi@twitter.com. “We’re past design makes it pretty, we’re at design makes it work. We need to be at design makes it GOOD” (in all senses of the word)
Communicating inclusively beyond our products, services and users: https://amyhupe.co.uk/articles/communicating-inclusively-beyond-products-services-users/
Have you checked out https://every-layout.dev/ yet? Lots of great CSS layout tips in there!
RT @mattdesl@twitter.com
For those looking to do media art installations with just HTML + JavaScript (e.g. WebGL, Canvas2D), I've open sourced a sample Electron repo that I've been using for all my installations.
Useful for kiosk mode, native builds, etc.
→ https://github.com/mattdesl/template-electron-installation
A story about drop caps and how even small improvements can make your design system better from @beep@twitter.com: https://product.voxmedia.com/2019/6/17/18524029/the-ballad-of-drop-caps-and-design-systems
This is a very cool use of variable fonts for a logo!
“The logo shape shifts with different human gestures; while its colour palette gently changes according to the time of day and night”
https://www.fontsmith.com/blog/2019/06/17/fontsmith-creates-the-world-s-first-variable-font-logo. (Via @timbrown@twitter.com)
Author of Designing Interface Animation 📕Curates the UI Animation Newsletter 💌 Design Advocate at Adobe. (Opinions mine.)