• import/order is an eslint plugin that organises your imports.
  • It’s configurable via the groups array

---

• OGL a 29kb alternative to three.js (which is 149.1kB)

---

• Got a neat on hover animation effect working with css - https://codepen.io/chiubaca/pen/gOGzEve?editors=0100
  • reversed engineered the ‘Shutter Out Vertical’ effect from Hover.css.
  • This exercise surprisingly stretched my css skills more than i though. at a high level I had to absolute position the ::before pseudo element, this gives you a free div element to play with to create a shutter effect by transitioning the transform:translateY(0) to transform:translateY(0).
  • When we apply the transition: all 1s to both the hover state and regular state the animation transition both on hover and out. thanks css tricks! - https://css-tricks.com/different-transitions-for-hover-on-hover-off/