Focused Breathing

What I built My Digital Ocean / DEV hackathon submission is *focused breathing* a CSS animation to help with meditation and focused breathing exercises. Category Submission Program for the People App Link http://www.shannoncrabill.com/focused-breathing or Screenshots Screenshot of focused breathing in its default state. The timing of the animation (expanding, holding and contracting) is set to …

Keyframes

I’ve been experimenting with CSS Animations recently. One aspect of animation that I had a difficult time grasping was the @keyframes syntax. While I understood @keyframes as stops or points in the lifecycle of the animation, it was difficult to translate what I visualized into workable code. While coding an animation to help with focus …

Doing the `.split()` with Javascript

I recently learned that the .split() method in Javascript can take in an optional second argument that is the number of times it’ll split a given string. It’ll ignore everything after the string has been split that number of times, even if there are additional matches. In this post, I will explain how split() works, …