Skip to content

Latest commit

 

History

History
40 lines (23 loc) · 2.15 KB

about.markdown

File metadata and controls

40 lines (23 loc) · 2.15 KB
layout title permalink
page
About
/about/

About

Made with Jekyll and hosted via GitHub Pages. I used Sass for styling the links. All source code is available on the GitHub repository.

Any feedback or code review would be very much appreciated, either send me a tweet or raise an issue on the GitHub repository.

Making Good Animation Choices

  • Ideally, only transition the opacity and transform CSS properties for best browser performance. Avoid repainting large areas of the screen or triggering many layout updates.

  • To avoid causing nausea symptoms in people with vestibular disorders, don't use animations that cover large parts of the screen, animations that quickly cover large distances, or animations with simultaneous motion in different directions.

  • Avoid flashing animations as well, as those can be triggers for folks with epilepsy and migraines.

Advice copied from Eli Fitch's great presentation on web animation.

Code Attribution

A lot of these effects are similar to what other developers have made, with one or two being direct derivations. Where relevant, I include attributions to the original source material. These can be viewed by clicking on the "View Source Code" link.

License

Creative Commons License
This work is licensed under a Creative Commons Attribution 4.0 International License.

Credits

Developed by James Hancock.

Twitter Profile - GitHub Profile - CodePen Profile

Thanks for visiting, I hope you have a good day.


← Go Back