George Ndianabasi

Learning frontend development daily | Building in public | Helping small biz with websites | #CodeNewbie

[Aryan @ShahiSwag]

I can't stop Laughing 🤣

[George Ndianabasi @zerofivejuly_]

@Pandas1712 This is so unfair

[George Ndianabasi @zerofivejuly_]

@Muhhsinerh God forbid!!!

[George Ndianabasi @zerofivejuly_]

Big thanks to all who joined 30 Days of Underrated HTML Tags! Your passion lit up the challenge. Sorry for the late shoutout, your support rocks! Missed it? Visit https://t.co/WbLMZskJXV. More awesome stuff coming soon! Till then, don't stop coding #HTML #WebDev

[George Ndianabasi @zerofivejuly_]

Thank you @freecodecamp for writing this helpful article. It is truly nice and I hope to see more tips as I journey to becoming a great Frontend Dev

Node Version Manager – NVM Install Guide

https://t.co/CeUCEvXHSc

[George Ndianabasi @zerofivejuly_]

<ruby>, <rt>, <rp> weave annotations for kanji like <ruby>漢<rt>kan</rt></ruby> . Skipped in West, they ensure accessibility ‍.
Explore: https://t.co/WbLMZskJXV #HTML5 #WebDev #Accessibility

[George Ndianabasi @zerofivejuly_]

Ignored for CSS, use <bdi> & <bdo> as they dance with text direction for <bdi>عربي</bdi> & <bdo dir="rtl">English</bdo>, they boost accessibility ‍.

Learn: https://t.co/WbLMZskJXV #HTML5 #WebDev #Accessibility

[George Ndianabasi @zerofivejuly_]

🐦 Show terminal or program output with:
<samp>Access denied.</samp>
✅ Semantic
✅ Perfect for docs

More gems 👉 https://t.co/U2GGDzfBVu
#WebDev

[George Ndianabasi @zerofivejuly_]

🐦 Show outdated content?
Use <s>:
<s>$99</s> $49
✅ Clear for users
✅ Semantically correct

Explore more: https://t.co/U2GGDzfBVu
#FrontendTips

[George Ndianabasi @zerofivejuly_]

🐦Represent variables in math/code:
<var>x</var>

✅ Semantic
✅ Ideal for docs and equations

Explore more HTML wins 👉 https://t.co/U2GGDzfBVu
#HTMLTips #WebDev

[George Ndianabasi @zerofivejuly_]

🐦Need reusable HTML chunks?
Use <template>:
<template id="card">...</template>
✅ Doesn’t render until used
✅ Great for JS templating

More at 👉 https://t.co/U2GGDzfBVu
#HTMLTips #WebDev

[George Ndianabasi @zerofivejuly_]

🐦Not everyone has JS on.
Handle it with <noscript>:
<noscript>JS required for full functionality</noscript>
✅ Resilient
✅ SEO boost
✅ Good UX

More at 👉 https://t.co/U2GGDzfBVu
#HTMLTips

[George Ndianabasi @zerofivejuly_]

👋<sup> & <sub>, pillars , lift E=mc<sup>2</sup> or lower H<sub>2</sub>O .
🛠️Skipped for CSS, they boost accessibility ‍. Explore: https://t.co/WbLMZskJXV #HTML5 #WebDev #Accessibility

[George Ndianabasi @zerofivejuly_]

🐦 Use <small> for disclaimers, copyright, or fine print:
<small>Terms apply.</small>

✅ Semantic
✅ SEO friendly
✅ Accessible

More hidden gems 👉 https://t.co/U2GGDzfBVu
#HTML #FrontendTips

[George Ndianabasi @zerofivejuly_]

🧵: Meet HTML’s definition trio: <dl>, <dt>, <dd>!

👌Perfect for:
• FAQs ❓
• Glossaries 📖
• Key-value pairs 🔑��💡

👍Try it:
<dl>
<dt>SEO</dt>
<dd>Search Engine Optimization</dd>
</dl>

👉https://t.co/U2GGDzfBVu
#Frontend #HTML

[George Ndianabasi @zerofivejuly_]

🐦Use native UI for loading or completion indicators:
<progress value="70" max="100"></progress>

✅ Semantic
✅ Accessible
✅ Lightweight

Learn more 👉 https://t.co/U2GGDzfBVu
#HTML #WebDevTips

[George Ndianabasi @zerofivejuly_]

🐦Responsive images? Use <picture>:
🖼 Serve WebP, fallback to JPEG
📱 Show different images on mobile
💡 Semantic + fast

More tips 👉 https://t.co/U2GGDzfBVu
#HTML #Frontend #WebPerf

[George Ndianabasi @zerofivejuly_]

🐦Yes, <iframe> is still relevant.

Use it smartly:
✅ Embed maps, tools, forms
🧠 Use loading="lazy" and sandbox for performance & security.

More HTML gems 👉 https://t.co/U2GGDzfBVu
#WebDev #HTMLTips

[George Ndianabasi @zerofivejuly_]

Embed PDFs or SVGs like a pro with the <object> tag! Semantic, accessible, and supports fallbacks.
📌Versatile & clean!

More HTML tricks: https://t.co/U2GGDzfBVu

How do you use <object>?
#WebDev #HTML5 #CodingTips

[George Ndianabasi @zerofivejuly_]

💪The <output> tag rocks for dynamic forms! Show live calculations like sums or conversions with zero JS.

Accessible & semantic!

👂More HTML tricks: https://t.co/U2GGDzfBVu

What’s your <output> use case?
#WebDev #HTML5 #CodingTips