#semantichtml articles

Tarek Elzoghby | طارق الزغبيOct 5 · 3 min read

Three Ways My Scroll Arrow Went Wrong

This is a practice brief, and the client is fictional: Marwa Adel, a potter in Cairo who wants a one-page site instead of taking commissions through Instagram DMs. I built it with an AI design partner

tarek-elzoghby.hashnode.dev

Satwika AkulaAug 6 · 6 min read

HTML Semantic Tags Explained: A Complete Beginner's Guide with Examples

Have you ever wondered why developers use tags like <header>, <nav>, <section> and <article> instead of placing everything inside <div> elements? When I first started learning HTML, I had the same que

satwikaakula.hashnode.dev

Gopinath KarunanithiApr 7 · 27 min read

How to Build Responsive and Accessible UI Designs with React and Semantic HTML

Building modern React applications requires more than just functionality. It also demands responsive layouts and accessible user experiences. By combining semantic HTML, responsive design techniques,

freecodecamp.org

Faisal faizJan 30 · 6 min read

Understanding HTML Tags and Elements

What Is HTML and Why Do We Use It? Imagine you're building a house. Before you paint the walls or add furniture, you need a skeleton—a frame that gives the house its structure. HTML (HyperText Markup Language) is the skeleton of every webpage you vis...

faisalfaiz-dev.hashnode.dev

Bak YeonhaDec 23, 2025 · 5 min read

Native HTML Accordions with Zero JavaScript: The Modern Way

We often reach for JavaScript libraries or heavy CSS hacks to build a simple accordion component. But with the latest browser capabilities, we can now achieve a fully functional, animated accordion using standard HTML and CSS alone. Today, let's expl...

nmjc.hashnode.dev

Simply WellnessOct 14, 2025 · 1 min read

Why Are Weight Loss Clinics in Salt Lake City Seeing a Surge in Interest?

More people are choosing a weight loss clinic in Salt Lake City to achieve their wellness goals through medical guidance and personalized care. Unlike fad diets or one-size-fits-all plans, these programs focus on building long-term habits and deliver...

simplywellness01.hashnode.dev

Harshna HaswaniOct 13, 2025 · 6 min read

Stop Hacking Your Checkboxes: A Modern Approach

Learn to ditch the fragile, label*-based hacks. This guide details a modern, robust method using appearance: none, clip-path, and Grid to create custom checkboxes that are clean, scalable, and semantically* correct Unpacking the “Fragile Hack”: Why ...

blog.harshnahaswani.com

Harvey EvansSep 19, 2025 · 2 min read

Semantic HTML? Completed it Mate

Today’s Progress Finished with Semantic HTML Created a fake “Event Hub” built with sections, articles, images and a navigation section Moved onto Forms and Tables in HTML I knew when I woke up this morning I wanted to complete the semantic HTML ...

codingretro.hashnode.dev

GulshanSep 16, 2025 · 5 min read

Accessibility of Toggle Buttons

Quick Summary A task of making a cool toggle button comes your way and you’re headed down the div lane. What happens next? Sounds like a crime thriller but it could actually be a nightmare for your users. Explore what is the best approach, how to ens...

gzamann.hashnode.dev

shrihari kattiAug 31, 2025 · 10 min read

HTML for Beginners: Building the Skeleton of a Webpage

Introduction: The Building Blueprint Analogy Imagine walking onto a construction site where workers are building a house without any blueprint or plans. The foundation might be crooked, walls could be placed randomly, doors might not align with frame...

full-stack-development-blogs.hashnode.dev

Search Hashnode

Trending tags this week