Built a portfolio you don’t just scroll… you explore. A virtual 3D room crafted using HTML, CSS, and JavaScript where every corner unlocks something, cupboard opens About Me, frames reveal Skills, phone connects to Contact. No templates. No static pages. Just interaction, curiosity, and a bit of creative chaos. And yes… AI helped shape the space, but the experience is designed. #3DWeb #CreativePortfolio #WebDevelopment #FrontendDeveloper #InteractiveDesign #JavaScript #HTML #CSS #WebDesign #PortfolioDesign #AIDesign #BuildInPublic #Innovation #UXDesign #DigitalExperience

🚀 #day46 of #100DaysCodingChallenge Create an interactive website using HTML, CSS, and JavaScript where users can: • Enter a number to dynamically change an image using an API. • Type text to see real-time style changes (color, background, font style). • Enter a number in another input box to dynamically increase the font size of text. • Use buttons and dropdowns for better user interaction The website should demonstrate DOM manipulation, event handling, and dynamic UI updates. 🔹 Features API-based image change Real-time text styling Dynamic font size control Font style selection (dropdown) Button-based interactions Clean and responsive UI Instant user feedback 🔗Github Link :https://lnkd.in/dzcuQ6yM Big thanks to my mentors 🙏 Ritendra Gour Sir and Avinash Gour Sir from Code Of School for their guidance and support. #WebDesign #UIDesign #FrontendDeveloper #HTML #CSS #JavaScript #WebDeveloper #UIInspiration #LuxuryDesign #LandingPageDesign #CodingLife #DeveloperIndia #FrontendProject #WebDevelopment #DesignInspiration #PortfolioProject #TechCreative #UIUXDesign #PerfumeBrand #LuxuryUI

🎯 Interactive Grading System — HTML, CSS & JavaScript Built a simple grading system that takes marks as input and instantly shows the grade with real-time feedback. A great practice project for strengthening JavaScript logic, DOM manipulation, and clean responsive UI. A simple concept turned into a great exercise for strengthening my core frontend fundamentals and creating interactive web experiences. #FrontendDevelopment #HTML #CSS #JavaScript #PortfolioProject #UIUX #LearningByBuilding

🚀 Just Built an Interactive Card UI using HTML, CSS & JavaScript (DOM)! I recently worked on a project where I created a dynamic card system using pure HTML, CSS, and JavaScript DOM manipulation. The concept was to make it simple yet interactive and visually engaging. ✨ Key Highlights: • Users can submit a form to dynamically generate cards • Smooth navigation with Up & Down buttons to browse cards • Implemented proper form validation for better user experience • Added subtle micro-interactions and effects to enhance UI feel This project helped me strengthen my understanding of DOM manipulation, event handling, and building interactive UI without any frameworks. 🔗 Live Demo: https://lnkd.in/diPtMk84 💻 GitHub Repo: https://lnkd.in/dtyxNZ5t Always learning, building, and improving 🚀 #WebDevelopment #JavaScript #HTML #CSS #FrontendDevelopment #DOM #UIUX #Coding #Developers #Projects

I have built a magnetic button effect using HTML, CSS, and JavaScript. It reacts to the cursor in real time and creates a smooth, interactive UI. Watch this and I Would love your feedback! https://lnkd.in/d2SYKQYh

Built a YouTube UI Clone using HTML & CSS! Excited to share my latest mini project where I recreated a YouTube-style interface from scratch What I practiced: • Layout design using Flexbox & Grid • Hover effects for interactive UI • Proper spacing using padding & margins • Responsive structure (clean alignment & sections) Tech Stack: HTML | CSS This project helped me understand how real-world UIs are structured and how small details like hover effects and spacing can make a big difference in user experience. Next step: Adding JavaScript to make it dynamic! I’m currently practicing daily and sharing my progress. Feedback and suggestions are always welcome #HTML #CSS #WebDevelopment #Frontend #100DaysOfCode #LearningJourney #UIClone

Built a small experimental project with React + @chenglou/pretext to explore a different way of handling text layout. The idea was simple: a page with a lot of text and a draggable circle. But instead of keeping the text static, I wanted the content to reflow dynamically around the moving shape. What made this project interesting: 1. React handled the UI and interaction smoothly 2. @chenglou/pretext, created by Cheng Lou, helped with text measurement and layout in a more advanced way 3. It made the layout feel more like an editorial / interactive reading experience than a standard web page This project helped me better understand: 1. custom text rendering 2. interactive layout systems 3. combining UI state with dynamic content flow It was a fun reminder that not every layout problem needs to be solved with traditional CSS alone. Creator: Cheng Lou Library: https://lnkd.in/g6Epg3Ms Project: https://lnkd.in/gsZ9sqi3 #ReactJS #FrontendDevelopment #WebDevelopment #JavaScript #UIUX #CreativeCoding #TextLayout #InteractiveDesign #Pretext

🪝 5 CSS tricks I use every week that most developers still ignore Most developers are still writing CSS like it’s 2018. Meanwhile, the web platform has quietly evolved A LOT. Here are 5 modern CSS features that completely changed how I build UIs: 1️⃣ Container Queries   Stop designing based on the viewport.   Now your components respond to their parent container.   Reusable, flexible, actually scalable UI. 2️⃣ :has() Selector   The “impossible” parent selector is finally here.   You can style a parent based on its children.   Cleaner logic. Less JS hacks. 3️⃣ clamp() for Fluid Typography   font-size: clamp(1rem, 2.5vw, 2rem);   One line. No media queries. Perfect responsiveness. 4️⃣ Scroll-Driven Animations   Animations that react to scroll built into CSS.   No JS. No libraries. Just smooth performance. 5️⃣ Logical Properties   Write CSS that adapts to different languages automatically.   margin-inline > margin-left/right   Future-proof layouts with less effort. The web platform has evolved massively.   Most of us just haven’t caught up. Which of these are you already using? ⬇️ 📣 Follow me for weekly web dev tips that actually make you faster. 🚀 #CSS #WebDevelopment #Frontend #CSSTricks #LearnToCode #JavaScript #Developer #UIDesign #CodingTips

🚀 Building a Profile Card UI with HTML & CSS Today I worked on improving my frontend skills by creating a simple profile card UI 💻 🔹 What I practiced: Centering elements using Flexbox Creating a split background (blue & white card) Designing a circular profile image with double border Aligning icons and text in a single line Adding social stats (❤️ Likes | 💬 Comments | 🔗 Share) Fixing alignment issues using align-items: center 💡 One small thing I learned: Instead of manually adding separators like |, we can use CSS (::after) for a cleaner and more professional approach. 🔗Project Link: https://lnkd.in/gTtAZ4Md 📌 Still learning and improving step by step! #HTML #CSS #FrontendDevelopment #WebDevelopment #LearningJourney #UIUX #Coding

🚀 Week 5 Complete — From Basic HTML to Real UI Thinking Most people learn coding like this: 👉 Watch tutorials 👉 Copy code 👉 Forget everything I decided to do it differently. This week, I didn’t just “learn CSS”… I learned how real interfaces are built. 💡 Here’s what I mastered: 🔹 Semantic HTML → Writing clean, SEO-friendly structure 🔹 Forms & Inputs → Building real login/signup systems 🔹 CSS Box Model → Finally understanding why layouts break 🔹 Flexbox → Align anything like a pro 🔹 Positioning → Absolute, relative, sticky (no more confusion) 🔹 Responsive Design → Mobile-first mindset 📱 🔹 Typography → Making UI look premium 🔹 Clean CSS → Reusable, scalable structure 🔹 Animations → Bringing UI to life ✨ ⚡ Biggest Realization: Frontend is NOT about making things look good… It’s about making things usable, scalable, and structured 📈 From now on, I’m not just building pages — I’m building systems 🎯 Next Step: JavaScript + DOM → Making everything interactive If you’re learning dev, remember: Consistency beats motivation. 📂 Check out my work here: https://lnkd.in/gFyM9ntj Feedback is welcome 🙌 #webdevelopment #frontend #css #html #javascript #buildinpublic