The latest articles on Forem by Sehbaj Cuber (@sehbaj_cuber_77f9bea7eaf1). https://forem.com/sehbaj_cuber_77f9bea7eaf1 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3743932%2F91e3e1e0-bcc0-41c6-ab66-2ecf51441292.jpg https://forem.com/sehbaj_cuber_77f9bea7eaf1 en Sehbaj Cuber Mon, 18 May 2026 12:28:49 +0000 https://forem.com/sehbaj_cuber_77f9bea7eaf1/i-built-a-3d-weather-app-with-live-wind-and-temperature-maps-react-threejs-4lli https://forem.com/sehbaj_cuber_77f9bea7eaf1/i-built-a-3d-weather-app-with-live-wind-and-temperature-maps-react-threejs-4lli <h2> 🌍 3D Weather App </h2> <p>Hey everyone,</p> <p>I’ve been working on a weather app inspired by MSN Weather and Apple Weather and finally built a working version.</p> <h3> 🔥 Features </h3> <ul> <li>🌬️ Animated wind flow across the map</li> <li>🌡️ Temperature visualization (hot &amp; cold regions)</li> <li>🗺️ Interactive map (click anywhere to get weather)</li> <li>⚡ Real-time weather data</li> <li>🎨 Modern UI with glassmorphism</li> </ul> <h3> 🚀 Live Demo </h3> <p>👉 <a href="https://project-1l4qo.vercel.app" rel="noopener noreferrer">https://project-1l4qo.vercel.app</a></p> <h3> 💡 What I’m Improving </h3> <ul> <li>More accurate weather data</li> <li>Better wind simulation</li> <li>Enhanced map visuals</li> </ul> <p>Would love to get feedback from you guys 🙌<br> What should I improve next?</p> react javascript webdev threejs Sehbaj Cuber Sat, 31 Jan 2026 13:53:10 +0000 https://forem.com/sehbaj_cuber_77f9bea7eaf1/html-basics-for-beginners-start-building-web-pages-today-1m76 https://forem.com/sehbaj_cuber_77f9bea7eaf1/html-basics-for-beginners-start-building-web-pages-today-1m76 <p>🔹 What is HTML?</p> <p>HTML stands for HyperText Markup Language.<br> It is used to create the structure of web pages.</p> <p>HTML tells the browser:</p> <p>what is a heading</p> <p>what is a paragraph</p> <p>what is a link or image</p> <p>🔹 Basic HTML Structure</p> <p>Every HTML page starts with this structure:</p> <p>html :</p> <p>&lt;!DOCTYPE html&gt;<br> <br> </p> <br> My First Website<br> <br> <br> <h1>Hello World</h1> <br> <p>This is my first web page.</p> <br> <br> <p>Explanation:</p> <p> → starts the page</p> → page info (title, meta) → content shown on the page <p>🔹 Common HTML Tags Beginners Must Know</p> <p>Heading:</p> <h1>This is a heading</h1> <p>Paragraph:</p> <p>This is a paragraph</p> <p>Link:<br> <a href="https://example.com" rel="noopener noreferrer">Visit Website</a></p> <p>Image:<br> <a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/image.jpg" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/image.jpg" alt="Image description" width="800" height="400"></a></p> <p>🔹 Common Beginner Mistake ❌</p> <p>Many beginners forget to close tags, which breaks the page.</p> <p>Example (wrong):</p> <p>Hello World Correct: </p> <p>Hello World</p> <p>✅ Final Tip</p> <p>Don’t try to learn everything at once.<br> Practice small examples and build slowly.</p> <p>🔗 Want the full step-by-step guide?</p> <p>I wrote a detailed beginner tutorial with more examples on my blog (free):</p> <p>👉 <a href="https://devcoding13.blogspot.com/" rel="noopener noreferrer">https://devcoding13.blogspot.com/</a></p> <p>Originally published on my personal blog.</p> beginners html webdev programming