Introduction Hi, I'm Awoyemi Abiola, and this is my case study for the Week 5 task of the Rise Academy Front‑end track project – LovedIn. In this case study we...

Overview It is February 20th. Today we are turning a webpage into a game. Your mission is to hide “treasures” inside a busy scene and make them findable withou...

Create an accessible, testable eye‑tracking UI page with HTML, CSS, and JavaScript. Start with a simple HTML structure, then progressively layer on CSS for layo...

Introduction Frontend development in 2026 is no longer just about building interfaces. It’s about: - Shipping faster - Scaling teams - Maintaining design consi...

If you're just starting with CSS layouts, Flexbox might look confusing at first. But once it clicks… it really clicks. In this guide, I’ll walk you step‑by‑step...

Why I Built This I wanted to build a small, practical project that focuses on real‑world logic rather than UI polish or frameworks. An EMI calculator felt like...

Overview It is February 18th. Today’s focus is on creating accessible, clean UI components without the bloat of external libraries. Requirements - Build a full...

The Confusion When I deployed my React project to GitHub Pages, everything looked fine during development. After hosting it, I was greeted with a completely wh...

The idea I needed an email signature. The existing generators are either ugly, paywalled, or track you. So I built one. SigCraft is a free, open‑source email s...

While working on the frontend of my project, I used shadcn/ui, and it has been a great experience. The components are clean, stable, and highly customizable. Si...

!Oat UIhttps://oat.ink/logo.svghttps://oat.ink/ Semantic, minimal, zero dependencies. ~8KB CSS and JS. Oat is an ultra‑lightweight HTML + CSS, semantic UI compo...

!Safari iOS 26https://9to5mac.com/wp-content/uploads/sites/6/2025/07/safari-ios26.jpg?quality=82&strip=all&w=1600 Following last week’s release of the Interop 2...