How to Create a Sliding Panels Layout with HTML, CSS & JavaScript
In modern web development, creating dynamic and interactive layouts is essential for engaging user interfaces. One such interactive design is the sliding panels layout, which…
MADRAS ACADEMY BLOG
Ideas, guides and learning stories.
Technology learning, student projects, internships, STEM activities and practical career guidance.
All Articles
html137
Madras Academy Tutorials75
Python18
Systems & Server Administration Tutorials15
Programming Tutorials8
Technology Tutorials5
java5
Full Stack Development Tutorials5
Cloud & DevOps Tutorials3
Student Projects3
Career Guidance3
Web Development Tutorials3
Robotics & Maker Tutorials3
Environment3
Data & Analytics Tutorials3
Mobile App Development Tutorials2
AI & Machine Learning Tutorials2
Science & Learning2
Student Life2
Student Tips1
Science & Environment1
Arduino & Robotics1
Arduino & IoT1
Safety & Arduino1
Renewable Energy1
Smart Cities1
Science & Technology1
Agriculture & Innovation1
APP Development1
Internships & Careers1
Artificial Intelligence1
Uncategorized1
C and CPP1
react1
Student Learning1
Cyber Security Tutorials1
LATEST ARTICLES
239 articles
Explore the latest from Madras Academy
Building a Clipboard Copy Button with HTML, CSS, and JavaScript
In web development, a clipboard copy feature is a simple but powerful tool that enhances user experience. It allows users to copy text to their…
Creating Interactive and Animated SVG Icons with HTML, CSS, and JavaScript
SVG (Scalable Vector Graphics) icons are a fantastic way to enhance your website’s design, providing sharp and scalable visuals. In this tutorial, we will show…
Bank Holiday Manager with HTML, CSS, and JavaScript | Complete CRUD Guide
In this blog post, we’ll walk through the process of creating a Bank Holiday Manager using HTML, CSS, JavaScript, and Bootstrap. This app allows you…
Building Draggable Elements with HTML, CSS, and JavaScript
Adding draggable elements to your web applications can enhance interactivity and user experience. Whether you’re creating a custom UI component, a drag-and-drop feature, or just…
Creating Morphing UI Elements with HTML, CSS, and JavaScript | Interactive Guide
A morphing UI effect is a great way to add interactivity and a modern touch to your web applications. With smooth transitions, elements can change…
Building a Resizable Split Screen Layout with HTML, CSS, and JavaScript
A resizable split screen layout is a useful UI feature that allows users to dynamically adjust the width of panels by dragging a resizer. This…
Building a Customizable Toggle Switch with HTML, CSS, and JavaScript
A toggle switch is a stylish and interactive UI component often used for dark mode toggles, settings controls, and other interactive elements on a website.…
How to Create a Personal Portfolio Website with HTML, CSS, and JavaScript
A personal portfolio website is essential for showcasing your skills, projects, and achievements in a professional way. In this guide, we’ll walk you through creating…