✨ CSS Evolves - Discover Inline if() & CSS Flow Charts

Adam Marsden - Jul 3 - - Dev Community

Hey πŸ‘‹ This weeks newsletter is packed full of great reads and resources here's a quick look:

πŸ”€ Beyond Monospace

πŸ‘οΈ Recognizing Dark Patterns

βš™οΈ JavaScript on Steroids

Enjoy & stay inspired πŸ‘‹ - Adam at Unicorn Club.


πŸ“¬ Want More? Subscribe to Our Newsletter!

Get the latest edition delivered straight to your inbox every week. By subscribing, you'll:

  • Receive the newsletter earlier than everyone else.
  • Access exclusive content not available to non-subscribers.
  • Stay updated with the latest trends in design, coding, and innovation.

Don't miss out! Click the link below to subscribe and be part of our growing community of front-end developers and UX/UI designers.

πŸ”— Subscribe Now - It's Free!


Sponsored by Webflow

Take control of HTML5, CSS3, and JavaScript in a completely visual canvas

Let Webflow translate your design into clean, semantic code that’s ready to publish to the web, or hand off to developers.

Get started β€” it's free

πŸŒ… CSS

Opinions for Writing Good CSS

While it’s easy to learn the parts: selectors, properties, etc. It’s much tougher to practically compose multiple ideas together to make something new or more complex happen.

Inline conditionals in CSS?

Last week, we had a CSS WG face-to-face meeting in A CoruΓ±a, Spain. There is one resolution from that meeting that I’m particularly excited about: the consensus to add an inline if() to CSS.

Flow Charts with CSS Anchor Positioning

With the introduction of the CSS Anchor Position API in Chrome 125, it's never been easier to position an element relative to another element.

Learn Grid Now, Container Queries Can Wait

Several people have asked recently why container queries aren’t being used more broadly in production. But I think we underestimate the level of legacy browser support that most companies require to re-write a code-base.


πŸ’­ Fun Fact

***The Birth of Courier*** - One of the most iconic monospaced fonts, Courier, was designed by Howard "Bud" Kettler in the early 1950s. Originally created for IBM's typewriters, Courier has become a staple in the digital age for its clean, typewriter-like appearance.


πŸ”˜ Design + UX

Dark Patterns Hall of Shame

Protect your online privacy and rights by learning about dark patterns and unethical designs. Stay informed and avoid manipulation in the digital world.

Beyond monospace: the search for the perfect coding font

What makes a font suitable for writing code? Back in 2021, when I started working on Martian Monoβ€”the Evil Martians font for programming β€” I naively believed it was just a matter of making all characters the same width, and maybe including some code ligatures.

🟨 JS

Advanced JavaScript Performance Optimization: Techniques and Patterns

This post dives into advanced techniques and patterns to elevate your JavaScript performance and ensure your applications run smoothly even under heavy loads.

πŸ—“οΈ Upcoming Events

Check out these events

🧠 Turing Fest | Tech Community, Events, & News

Edinburgh, UK

Where product, growth, & leadership connect: Connecting founders and leaders in engineering, product, & growth to build better tech. 9-10 July.

See event β†’

πŸ”˜ Hatch Conference

Remote β€’ Berlin

The event where experienced UX & Design Professionals in Europe meet to learn, get inspired and connect. 4-6 September

See event β†’

πŸ’» Middlesbrough Front End Conference 2024

Middlesbrough, UK

Join us for an action packed day of Front End discussion, demonstrations and networking. 17 July.

See event β†’

πŸ”₯ Promoted Links

Share with 2,500+ readers, book a classified ad.

What Current & Future Engineering Leaders Read.

Handpicked articles summarized into a 5‑minute read. Join 35,000 subscribers for one issue every Tuesday & Friday.

Be a leader. Outperform the competition πŸš€

Join 30,000+ weekly readers at Google, Canva, Stripe, TikTok, Sequoia and more. Come learn with us!

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

πŸ“¨ Recommend friends to subscribe

πŸ“’ Sponsor or book a classified ad

β˜•οΈ Buy me a coffee

Thanks for reading ❀️

@AdamMarsdenUK from Unicorn Club

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .