Welcome to issue #3!
CSS Motion Path, Waku, the top frontend tools of last year and more!
🚨 New Content Alert
An article all about CSS Motion Path was published a few days ago, with three examples of how to use it in What is CSS Motion Path. This technique can come in handy any time you want a low-code way of moving elements along an SVG path.
➕ What's New in the Frontend Universe
On the heels of the React Server Component buzz from last year, we've started to hear about new frameworks that make use of Server Components, like Waku. It seems that aside from Next.js, there are alternative options if you want to experiment with them.
📚 Interesting Reads
- We all use tools every day to do our jobs. Be sure to check out the Top Front-End Tools Of 2023 if you're curious what you might have missed out on last year.
- In 12 Modern CSS One-Line Upgrades, Stephanie Eckles presents 12 powerful CSS properties you can use today to level up your project.
- Have you ever wondered how web development blogs display live code editors? You can use CodeSandbox embeds, but did you know you can also build your own using the same underlying tooling they use? Learn more in How to Use Sandpack for Code Demos.
🧰 Cool Tools
✨ Tips & Tricks
Some of the articles on this blog feature a lot of different animations, which look nice for many users, but not everyone appreciates them. In fact, certain animations could make your app unusable for some users, and keeping everyone in mind is a big part of what makes your project accessible.
prefers-reduced-motion media query can help with this, which allows you to reduce animation effects and offer your users an alternative. Check out Reducing Motion in Animations to learn more.
👋 The End
Thanks for reading! If you enjoyed this issue, please forward it to someone you know! If this was forwarded to you, consider subscribing!