Posts

I Built an Image Editor Using HTML, CSS & JavaScript 🥥 | Coconut Image Editor

Image
  Building Coconut Image Editor Using HTML, CSS, and JavaScript I developed Coconut Image Editor, a web-based image editing application built using HTML, CSS, and JavaScript. This project allowed me to practise my front-end development skills while creating an interactive tool for editing images directly in the browser. Features Image Filters: Adjust brightness, saturation, inversion, and grayscale to change the appearance of images. Filter Controls: Fine-tune filter values using adjustable controls, including a grayscale setting. Rotate & Flip: Rotate images and flip them to achieve different orientations. Interactive Interface: Explore image editing options and see the effects of adjustments. Technologies Used HTML: Structured the editor's interface and controls. CSS: Styled the application and arranged its layout. JavaScript: Implemented the image filters, adjustable settings, and rotate-and-flip functionality. What I Learned Building Coconut Image Editor helped me pr...

Building My First HTML Form | HTML Forms for Beginners

Image
  Building an HTML Form Using HTML In this project, I created an HTML form for CodeDeveloper-MT to practise my understanding of HTML form elements and user input. The form includes fields for names, surnames, age, feedback, gender, interests, date, email, and telephone number. I also added radio buttons, checkboxes, a dropdown menu, a date picker, and a submit button. Through this project, I learned how to use HTML elements such as input , textarea , label , select , and button to collect different types of information from users. I also explored input types such as text , number , email , date , and tel . This project helped me understand how forms are structured in HTML and how different form controls allow users to provide information. It is part of my ongoing journey to strengthen my web development skills through practical projects. GitHub Link: https://github.com/Codedeveloper-MT/-basic-form-HTML/blob/main/registerSelf.html