Animating a Hamburger Menu, Myth of Better, and Phoenix and Elixir

What's been Creating ZEAL

✍️ Blog

The Myth of Better

When we're making something better for one group, we might be making it worse for another. It's not because 45% of the world are idiots and others are not. It's because "better" is subjective. And the user defines better.

📹 YouTube

Animating a Hamburger Menu

In this video, we create a custom hamburger animation. We build the SVG in Illustrator and then animate it -- mostly in CSS, with a touch of vanilla JavaScript.

🎉 Celebrating Diversity

Andy Atkinson / Mail Tribune

Blazing Her Own Path

Jessica Murrey is someone to watch and pay attention to. She's currently received funding for a graphic-novel style storytelling game called “World Reborn.” In the demo on www.wickedsaints.studio players run through "Pathways" where they are confronted with difficult decisions. Each decision creates a new path with a new decision. “No one had used, really, interactive story games in this way, for conflict resolution, and to activate people to do activities in the real world.”

"I’m so excited about is we’re going to create something that’s incredible and something that’s really special that could like not only be entertaining but hopefully move the world. And people are going to see that we did this — a super-diverse team led by two young women.”

🤔 Zeal Interestings

A collection of cool stuff the ZEAL team found interesting this week.

Justin Searls on Pull Request Reviews

There's some great insight on this Twitter thread on Pull Request Reviews and Pair Programming:

I've seen three approaches to code review which exhibit this matrix of traits:

  • Projector Reviews: low-comfort, low-information, low-empathy
  • Pair Programming: low-comfort, high-information, high-empathy
  • Pull Request Reviews: high-comfort, high-information, low-empathy

What spectrum do you find yourself and your team on?

7 Ways to Debug Jest Tests in Terminal

You are about to learn 7 ways to debug Jest tests inside your terminal. Everybody knows that you can do it easily with an IDE like VSCode or WebStorm, but what if you are not using them? How do you go about debugging them? Spoiler alert - it is not with console.log().

Learning JWT

A demo to learn JWT by reverse engineering.