← Back to Newsletters

🥷 Hacking Google Lighthouse Scores - Here's How

June 19, 2024

Hey 👋 This weeks newsletter is packed full of great reads and resources here's a quick look:

🎨 Master Glassmorphism & Skeuomorphism
🖌️ Perfect Font Colors
🔧 Fine-Tune Your Text Inputs

Enjoy & stay inspired 👋 - Adam at Unicorn Club.

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

🧑‍💻 A11Y + JS

How to Choose the Font Color Based on the Background

As a software engineer, I always implement the UI based on the design, I barely think about how the designer chooses the font color until a question comes up in my mind.

🩻 HTML

Fine-tuning Text Inputs

Web forms and inputs support a variety of additional attributes that can provide hints to the browser and improve the user experience of filling out forms online.

🌅 CSS

Custom Top and Bottom CSS Container Masks

It was really a TIL for me that mask-image supported multiple image definitions, similar to background, and that was exactly what I needed to formulate an idea for this CSS trick.

Useful CSS Tips And Techniques

In this quick read, we’ve got some useful CSS tips and techniques for you that you can apply to your work right away.

💭 Fun Fact

Glassmorphism Origins - Glassmorphism first gained significant attention with Apple's iOS 7 release in 2013. This design approach was a move away from the skeuomorphic designs that mimicked real-world materials, introducing a more subtle and depth-oriented aesthetic.

🔘 UI + UX

Glassmorphism: Definition and Best Practices

UI design trend that features translucent interface components to create depth.

Skeuomorphism and the Morphology of UI

What to make of aesthetics in the interface, “neu” and old.

Low- vs high-fidelity design: A balancing act

Without fail, in spring of every year, the discussion around low fidelity vs high fidelity design makes a comeback.

💭 Inspo

How to get past your limitations

The design profession is rooted in craft, which usually means one person working with their hands and ideas to make something.

🏎️ Performance

How To Hack Your Google Lighthouse Scores In 2024

As it turns out, Lighthouse is influenced by a number of things that can be manipulated and bent to make sites seem more performant than they really are.

🗓️ Upcoming Events

Check out these events

🤓 thegeekconf 2024

Remote • Berlin

Experience the best of modern front end and React Native at thegeekconf. Join 500+ attendees with two tracks of insightful talks by seasoned experts and current trendsetters. Happening .

See event →

📍 Web Directions Code

Remote • Melbourne

The world leading conference for JavaScript Developers and Front End Engineers. June 20 & 21

See event →

🟨 dotJS

Remote • Paris

Join dotJS 2024, the best JavaScript conference in Europe, the 27th of June in Paris. Get your tickets now before It's too late!

See event →

🧠 UXPA International Conference

Fort Lauderdale, FL

Meet with fellow UX professionals from around the world for 4 days of amazing content, camaraderie, and collaboration this June 2024 in Ft. Lauderdale, Florida!

See event →