Added an end meditation early feature to https://Zenti.app. Having some fun playing with the animation.
| Personal | https://hellohill.com |
| Zenti App | https://zenti.app |
| The Web Workers | https://thewebworkers.co |
| http://twitter.com/PatrickHill |
Patrick Hill
- 57 Followers
- 151 Following
- 147 Posts
UI designer and developer. Currently making Zenti.app
@amxmln Thanks! Agree big time on the simple things comment. Would def go back to a framework if I had to animate more than a few points 😅
Made a little bouncy SVG loading animation. This was my first time actually writing pure SVG animation code instead of using a library. Was surprised at how easy/powerful it is. This article from @SaraSoueidan was super helpful https://css-tricks.com/guide-svg-animations-smil/. Check out the code here: https://codepen.io/patrickhill/pen/MWZMLbo
#uidesign
#uidesign
@taimar @chrisonline thanks for the feedback 🙌
@taimar @chrisonline would it help if you could toggle the error summary like this? Could actually be more helpful on mobile because you can quick reference all the errors and navigate to them. But, it does take up more space.
@bsteph oh, you talking about these things? Didn't know these existed. Def gonna get one
@bsteph what is that? Do I just search for "old punch" or something? 😄
Trying to decide between error message summary format.
First has message at top. Page would scroll up on form submit.
Second has message show right above buttons.
Button container sticks to bottom of screen on scroll.
I like the message showing right above buttons because you'd see it right where you clicked but concerned it would cover too much of the page, especially on mobile.
cleaned it up a bit with an xacto knife. The rounded corner isn't perfect but much nicer overall
