Channel: JavaScript Tutorial
Animated Login Form using HTML & CSS only | No JavaScript or jQuery
https://youtu.be/3C2cB_i9nJk?si=hQuWDsshyMvKYamv
https://youtu.be/3C2cB_i9nJk?si=hQuWDsshyMvKYamv
Forwarded from Coding with Elias
How To Create A Complete Personal Portfolio Website Just using HTML And CSS
https://youtu.be/tjkIMVHMxDs
https://youtu.be/tjkIMVHMxDs
Forwarded from Coding with Elias
βπ Thanks, guys π¨βπ» https://www.youtube.com/@CodingwithElias/
In this tutorial, learn how to create a custom file upload input in HTML and style it using CSS. We also use JavaScript to handle file selection and display the selected file name. This is a beginner-friendly guide for those who want to replace the default file input with a more polished and user-friendly design. By the end of this video, you'll know how to style your file input, trigger it programmatically, and display the chosen file name on your website.
https://youtu.be/tFaIFb3CI6U
https://youtu.be/tFaIFb3CI6U
π4
Forwarded from Coding Tutorials
How to Create a Drag & Drop with Custom File Upload Input in HTML, CSS, and JavaScript
In this video, you'll learn how to create a Drag & Drop with custom file upload input in HTML, styled with CSS, and enhanced with drag-and-drop functionality using vanilla JavaScript. We'll walk through hiding the default file input, creating a custom button, and allowing users to drag files into a drop area. By the end of this tutorial, you'll be able to create a fully customized file upload feature for your website or project.
What You'll Learn:
Customizing file input with CSS and JavaScript.
Implementing drag-and-drop file uploads.
Displaying the selected file name dynamically.
Styling the drag-and-drop area with CSS.
https://youtu.be/857gnp0XCaw
In this video, you'll learn how to create a Drag & Drop with custom file upload input in HTML, styled with CSS, and enhanced with drag-and-drop functionality using vanilla JavaScript. We'll walk through hiding the default file input, creating a custom button, and allowing users to drag files into a drop area. By the end of this tutorial, you'll be able to create a fully customized file upload feature for your website or project.
What You'll Learn:
Customizing file input with CSS and JavaScript.
Implementing drag-and-drop file uploads.
Displaying the selected file name dynamically.
Styling the drag-and-drop area with CSS.
https://youtu.be/857gnp0XCaw
β€4
Forwarded from Coding with Elias
Learn how to build a URL Shortener using PHP & MySQL from scratch!
This beginner-friendly project is developed in VS Code and runs on XAMPP.
β Great for practicing PHP, MySQL database handling, and form submissions.
β Comes with source code and a clear walkthrough.
π Tools Used:
Visual Studio Code, XAMPP (Apache + MySQL)
PHP, MySQL & Bootstrap for styling
Link: https://youtu.be/Slxr67wPs-Q
This beginner-friendly project is developed in VS Code and runs on XAMPP.
β Great for practicing PHP, MySQL database handling, and form submissions.
β Comes with source code and a clear walkthrough.
π Tools Used:
Visual Studio Code, XAMPP (Apache + MySQL)
PHP, MySQL & Bootstrap for styling
Link: https://youtu.be/Slxr67wPs-Q
Forwarded from Coding with Elias
π 30,000 Subscribers! Thank You! π
Iβm incredibly grateful to each and every one of you for being part of this journey. From day one, Coding with Elias was built to share knowledge, simplify complex coding concepts, and help others grow in the world of web development and programming.
Hitting 30,000 subscribers isnβt just a number β itβs a powerful reminder of the amazing community weβve built together. Your support, likes, comments, and shares keep me going and inspire me to keep creating valuable content.
To all the learners, developers, and tech enthusiasts: thank you for believing in this channel. Here's to more tutorials, more growth, and many more milestones ahead! ππ»
Let me know what topics you'd love to see next β your feedback matters!
Much love,
Elias π
Link: https://www.youtube.com/codingwithelias?sub_confirmation=1
#CodingWithElias #30KSubscribers #ThankYou #WebDevelopment #ProgrammingCommunity
Iβm incredibly grateful to each and every one of you for being part of this journey. From day one, Coding with Elias was built to share knowledge, simplify complex coding concepts, and help others grow in the world of web development and programming.
Hitting 30,000 subscribers isnβt just a number β itβs a powerful reminder of the amazing community weβve built together. Your support, likes, comments, and shares keep me going and inspire me to keep creating valuable content.
To all the learners, developers, and tech enthusiasts: thank you for believing in this channel. Here's to more tutorials, more growth, and many more milestones ahead! ππ»
Let me know what topics you'd love to see next β your feedback matters!
Much love,
Elias π
Link: https://www.youtube.com/codingwithelias?sub_confirmation=1
#CodingWithElias #30KSubscribers #ThankYou #WebDevelopment #ProgrammingCommunity
HTML Embed Code: