Val Head @Vlh@mastodon.social

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.

Draggable menu with image grid previewshttps://tympanus.net/codrops/2019/06/19/draggable-menu-with-image-grid-previews/
A neat draggable masking animation demo from @codrops@twitter.com using TweenMax and Draggability.

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.

Browser tabs are my short-term memory.

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

RT @tranhelen@twitter.com
The days will pass anyway. You might as well work towards something big.

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

“Cancel at any time” is kind of a lie if cancelling requires me to make a phone call.

(Or any other method besides doing it online were I signed up for said thing.)

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)

RT @brad_frost@twitter.com
JS stands for "Just Shhhh".

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)

This ad had been following me around the internet ever since I got to Toronto. It’s like the algorithms can see right into my soul.

“Know that many of the developers you see online are rejected multiple times before they get their current job...”
https://dev.to/coffeecraftcode/interviews-and-infants-4912