Building Vertical Tabs Without JavaScript: The Radio Button HackTabs 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 sel22h ago · 1 min readmyfirstwebdevprojectatributewebsitefordrabdulqadeerkhan.hashnode.dev
Small CSS Details That Make a Landing Page Look FinishedA 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 gradient4d ago · 1 min readmyfirstwebdevprojectatributewebsitefordrabdulqadeerkhan.hashnode.dev
Building a Hero Section With HTML and CSS: What I LearnedThe 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 s5d ago · 1 min readmyfirstwebdevprojectatributewebsitefordrabdulqadeerkhan.hashnode.dev
A Dropdown Menu With Zero JavaScript: 2 Lines of CSS ExplainedSUBTITLE: 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 nestedOct 23 · 1 min readmyfirstwebdevprojectatributewebsitefordrabdulqadeerkhan.hashnode.dev
I Built a Complete 3-Page Website With Only HTML & CSS (And What I Learned)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 aOct 22 · 1 min readmyfirstwebdevprojectatributewebsitefordrabdulqadeerkhan.hashnode.dev