Part 1:
Click to see description
In this part, we implemented dynamic styling on a webpage using jQuery and user inputs. The page allows users to customize the background color, font styles (bold, italic, underline), and font size of a specific area. As users interact with radio buttons, checkboxes, and a dropdown menu, the changes are applied instantly, creating a live preview experience. The goal was to demonstrate the use of JavaScript and jQuery for dynamic, interactive web content.
Homework 7 - Part 1
Part 2:
Click to see description
This section focused on creating a responsive navigation menu using HTML, CSS, and JavaScript/jQuery. The menu includes a hoverable dropdown feature, keyboard accessibility, and a hamburger menu for mobile devices. The implementation showcases modern web design principles, including smooth animations, user-friendly layouts, and responsiveness to different screen sizes. This part emphasizes improving navigation usability and enhancing the overall user experience.
Homework 7 - Part 2
