🌟 On-Scroll Elegance - Animate Your Sticky Sections with Flair
Tags: css, webdev, javascript, beginners
Published: 2024-02-22 14:20:00

**Hey everyone** ✌️ Here's a quick look at this week's newsletter:

🚀 100+ JavaScript Gems  
🛠️ README Mastery  
🌐 Apple & Devs

Enjoy this week's edition 👋 - Adam at Unicorn Club.  

---

Sponsored by  [Webflow](https://go.unicornclub.dev/webflow)

## [Experience the power of code. Without writing it.](https://go.unicornclub.dev/webflow)

[![](http://unicornclub.dev/wp-content/uploads/2024/02/webflow-unicorn-club.png)](https://go.unicornclub.dev/webflow)

Take control of HTML5, CSS3, and JavaScript in a completely visual canvas — and let Webflow translate your design into clean, semantic code that’s ready to publish to the web, or hand off to developers.

[**Start building**](https://go.unicornclub.dev/webflow)

---

### 🦄 This week's best

[**On-Scroll Animation Ideas for Sticky Sections**](https://tympanus.net/codrops/2024/01/31/on-scroll-animation-ideas-for-sticky-sections/?utm_source=unicornclub.dev&utm_medium=newsletter&utm_campaign=unicornclub.dev&ref=unicornclub.dev)

Some ideas of how sticky sections can be animated while exiting the viewport.

[**Write code for the web**](https://mrmr.io/apple?utm_source=unicornclub.dev&utm_medium=newsletter&utm_campaign=unicornclub.dev&ref=unicornclub.dev)

Apple cares for me as a customer, but it doesn’t care for me as a developer. This dynamic had been subconsciously griefing me for years, until I was able to formulate it consciously recently.

[**100+ JavaScript Projects With Source Code**](https://dev.to/shantanu_jana/100-javascript-projects-with-source-code-59lo?utm_source=unicornclub.dev&utm_medium=newsletter&utm_campaign=unicornclub.dev&ref=unicornclub.dev)

Are you looking for the best JavaScript Projects to increase your JavaScript knowledge with source code?

[**How to create a good README.md file**](https://dev.to/yuridevat/how-to-create-a-good-readmemd-file-4pa2?utm_source=unicornclub.dev&utm_medium=newsletter&utm_campaign=unicornclub.dev&ref=unicornclub.dev)

It is important to note that the README of your project should answer the what, why and how of the project.

---

**🧠 Fun Fact**

**JavaScript Was Created in Just 10 Days**  - In May 1995, Brendan Eich, a Netscape programmer, developed the initial version of JavaScript in a mere 10 days. It was initially named Mocha, then renamed to LiveScript, and finally to JavaScript.

---

[**How to Favicon in 2024: Six files that fit most needs**](https://evilmartians.com/chronicles/how-to-favicon-in-2021-six-files-that-fit-most-needs?utm_source=unicornclub.dev&utm_medium=newsletter&utm_campaign=unicornclub.dev&ref=unicornclub.dev)

It’s time to rethink how we cook a set of favicons for modern browsers and stop the icon generator madness.

[**How To Draw Radar Charts In Web**](https://www.smashingmagazine.com/2024/02/draw-radar-charts-web/?utm_source=unicornclub.dev&utm_medium=newsletter&utm_campaign=unicornclub.dev&ref=unicornclub.dev)

Radar charts are inherently geometric, making them both a perfect fit and fun to make with CSS, thanks to the polygon() function.

[**How I Solved My Font Rendering Problem**](https://css-irl.info/how-i-solved-my-font-rendering-problem/?utm_source=unicornclub.dev&utm_medium=newsletter&utm_campaign=unicornclub.dev&ref=unicornclub.dev)

Since I redesigned this website last year, an issue with the heading font has been bugging me. I’d noticed that, unlike in other browsers, in Safari on iOS the headings rendered poorly, slightly blurry, as if they’d been faux-bolded.

[**How To Center a Div**](https://www.joshwcomeau.com/css/center-a-div/?utm_source=unicornclub.dev&utm_medium=newsletter&utm_campaign=unicornclub.dev&ref=unicornclub.dev)

For a long time, centering an element within its parent was a surprisingly tricky thing to do.

### 🔥 Promoted Links

_Share with 2,000+ readers, book a  [classified ad](https://unicornclub.dev/sponsorship#classified-placement)._

[**TLDR - Keep up with Tech in 5 minutes**](https://go.unicornclub.dev/tldr-newsletter)

Get the most important tech news in a free daily email. Read by +1,250,000 software engineers and tech workers.

#### Support the newsletter

If you find Unicorn Club useful and want to support our work, here are a few ways to do that:

🚀 [Forward to a friend](https://preview.mailerlite.io/preview/146509/emails/113703084333467195)

📨 Recommend friends to  [subscribe](https://unicornclub.dev/)

📢 [Sponsor](https://unicornclub.dev/sponsorship)  or book a  [classified ad](https://unicornclub.dev/sponsorship#classified-placement)

☕️ [Buy me a coffee](https://www.buymeacoffee.com/adammarsdenuk)

_Thanks for reading ❤️  
[@AdamMarsdenUK](https://twitter.com/AdamMarsdenUK)  from Unicorn Club_