Tabs are usually built with JavaScript, but CSS can do it alone. I built a vertical tabs component using hidden radio buttons. In this article you will learn: How hidden radio inputs remember the sel
A landing page does not need a framework to look professional. I built a laptop product page using only HTML and CSS and focused on small details. In this article you will learn: How to make gradient
The hero section is the first thing a visitor sees, so I practiced building one for a sample creative agency page. In this article you will learn: How to put a dark gradient over a background image s
SUBTITLE: Nested lists, the :hover selector and a transparent look over a photo. INTRO: Dropdown menus look like they need JavaScript, but CSS can do the basic version on its own. Here is how a nested
A hero overlay, reusable classes and one media query, no framework needed. Before learning React, I wanted to prove I could build a full multi-page website with the basics. Here is how a Home, About a
Negative margins, pseudo-elements and keyframe animations, with zero JavaScript. A good checkout UI builds trust before a user types a single digit. Here is how I built a polished payment form UI usin
No framework, no JavaScript: just a dark overlay, one accent color and absolute positioning. You don't need Bootstrap to build a landing page that looks real. Here are the four techniques behind mine,
To-do apps teach you syntax. Rebuilding a real homepage teaches you how pages are actually put together. In this article you will learn: How to build a multi-part navbar with flexbox Why a transpare
You have seen loading animations on almost every website, but they hide a neat trick. I rebuilt one from scratch using only HTML and CSS. In this article you will learn: How to give every element its
