"Keep It Easy!"

[{"selector":"#anim-60ceb374-2b4a-4627-af53-1445e15d26a0","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-06456748-6ed4-4c46-bf67-44b0bcd2aa7c","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-2c498154-686c-41ec-bd13-15cb1916f00a","keyframes":{"opacity":[0,1]},"delay":200,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-7eff8192-708a-4f1d-b23d-2a590ee38811","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":200,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-9c69ffb7-2cfc-45f8-a361-1f9e0e2fd57d","keyframes":{"opacity":[0,1]},"delay":400,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-e0779e1f-732e-4a34-bc8a-eb07b27bcf16","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":400,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-53ee0d9e-34ad-45ed-be4b-c999c05c145b","keyframes":{"opacity":[0,1]},"delay":400,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-1572c92a-0b9c-4296-829e-df69ea62d7c1","keyframes":{"opacity":[0,1]},"delay":800,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] Level 3 Blue Rings Level 1 Blue Rings Level 4 Blue Rings "Use KISS - Keep code simple. Easy to understand is best!"

"No Copy-Paste!"

[{"selector":"#anim-5a30508d-520b-4a1e-9927-c7cb3b6ba068","keyframes":{"opacity":[0,1]},"delay":0,"duration":5000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-58a16606-3d1d-4e83-afd5-39657e5f6875","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":5000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] Blue Rings "DRY stands for Don't Repeat Yourself. Use loops, not copies."

"Ready for Changes!"

[{"selector":"#anim-5f1bc5bb-2a4a-4b7b-8683-0b5a94b96c19","keyframes":{"opacity":[0,1]},"delay":0,"duration":5000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-47d98e16-e95e-42ed-9184-2c3d5c4475af","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":5000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] Blue Rings "Code should welcome new things but not need changes."

"Mix, Not Extend!"

[{"selector":"#anim-62daa163-f94c-4838-9c8f-2a8dd678a667","keyframes":{"opacity":[0,1]},"delay":0,"duration":5000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-bc09e125-a1da-435e-8ab5-082b84df9619","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":5000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] Blue Rings "Better to combine small parts than to build on big ones."

"One Job Only!"

[{"selector":"#anim-26bf9d3a-7e83-4971-9539-2efc38f2d01b","keyframes":{"opacity":[0,1]},"delay":0,"duration":5000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-20b651b1-991d-42cc-9cc9-df6b84d269e9","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":5000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] Blue Rings "Each part of your code should do just one thing."

"Split It Up!"

[{"selector":"#anim-8632b0b2-d803-4341-a924-ca1549bc94d1","keyframes":{"opacity":[0,1]},"delay":0,"duration":5000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-42bfd0fd-5f68-4d85-b7f9-1204aca14d73","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":5000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] Blue Rings "Break your project into pieces that don’t mix."

"Just What You Need!"

[{"selector":"#anim-6fe61226-808d-45ee-8bb2-c7b326aa24e9","keyframes":{"opacity":[0,1]},"delay":0,"duration":5000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-3b3f7e03-1241-4ed4-b064-e6a961cc9c69","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":5000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] Blue Rings "Don't add extra. Code only what’s necessary."

"Help Your Future Self!"

[{"selector":"#anim-d70f7920-eabb-4100-9bd5-fbe53e336f34","keyframes":{"opacity":[0,1]},"delay":0,"duration":5000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-5be80446-3ae2-4102-a6be-ae8173685d26","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":5000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] Blue Rings "Write notes in your code. They'll guide you later."

"Make It Better!"

[{"selector":"#anim-53807206-c235-4268-9dc5-8aeb6f5a946a","keyframes":{"opacity":[0,1]},"delay":0,"duration":5000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-eb4d8bbc-3a65-4d04-aaf0-b0fba3e27100","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":5000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] Blue Rings "Look at your code again. Find ways to improve it."

"Clean Code Wins!"

[{"selector":"#anim-e7a1c8ff-a067-4a3a-b130-d857bafa5464","keyframes":{"opacity":[0,1]},"delay":0,"duration":5000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-81692e24-a0f5-42ea-85a8-df0de0ef0b6c","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":5000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] Blue Rings "Clear and simple code is the goal. It's best for all."