Gemini Tutorials Logo
February 6, 2024
Autocomplete Text Using Vanilla JavaScript: With Complete Source Code

Introduction for Autocomplete Text Field: Autocomplete text functionality using vanilla JavaScript offers a seamless user experience by predicting and suggesting options as users type into input fields. This tutorial explores how to implement this feature using both an array of countries and JSON data from IT courses. The HTML structure consists of two forms, each […]

February 5, 2024
Scroll to Top Using Vanilla JavaScript: With Complete Source Code

Introduction to scroll to top: In the fast-paced world of web development, where user experience reigns supreme, the quest to enhance navigation and usability remains an ongoing pursuit. Among the myriad techniques at a developer's disposal, the implementation of a "Scroll to Top" functionality stands out as a simple yet highly effective solution. By seamlessly […]

February 1, 2024
Responsive Web Design in the Future: A Complete look

Introduction to Responsive Web Design Responsive web design has become more than just a trend; it's a necessity in today's digital age. As technology continues to evolve and users access the internet through various devices, the importance of responsive design cannot be overstated. In this article, we delve into why responsive web design is crucial […]

December 29, 2022
Difference Between a Web Designer and Web Developer

These 2 roles are sometimes difficult to differentiate between each other from most non-technical people, HR, or managers, in this article I will explain the difference between a web designer and a web developer, including front-end, back-end, and full-stack developers. How to Describe a Web Designer? A web designer is a graphic designer by nature […]

December 23, 2022
Show and Hide Password Using jQuery & Font Awesome

In this article, I will explain and provide the code for how to create a show and hide password input field, as you can see in the next figure there are three cases for our password input field. And clicking back the icon again will return to case 2. The mechanism of this functionality is […]

December 22, 2022
How to Become a Web Designer

If you are looking for a web designer role for your next job and you are wondering what is a web designer job looks like, what is his/her skills, and what is his/her experience? In this article, I will explain all aspects of becoming a web designer! What Does a Web Designer Do? Web designers […]

December 20, 2022
Top 6 UX Research Methods And Tools

My recommended way of doing UX Research with UX Design, is to use the free Microsoft Whiteboard tool on windows, and I think there should be an equivalent for MAC users with the free cloud Google Forms tool, and your favorite UX Design Tool, and mine is ADOBE XD. The Top 6 Best UX Research […]

July 26, 2022
Web Content Accessibility Guidelines: In Simple Words

We are waiting for the release of the new Web Content Accessibility Guidelines from W3C in September 2022. What a WCAG: this is a problem-solving technique that is written by w3.org (World Wide Web Consortium) to help people with different disabilities to use your web content. History of WCAG: - Web Content Accessibility Guidelines version […]

March 17, 2022
PHP And JavaScript Exchange Variables

In this tutorial, we will learn how to pass variables from and to PHP and JavaScript. using 6 methods. 2 for passing JavaScript to PHP and 4 methods for passing PHP to JavaScript. First: How To Pass JavaScript Variables To PHP? Method 1: Pass the JavaScript variable by Echoing the Script Tag In the PHP […]

March 5, 2022
How To Create Basic WordPress Plugin?

How To Create a Basic WordPress Plugin (GDPR Notice Plugin)? What Is A WordPress Plugin? plugin in WordPress is a PHP-based script that extends or alters the core functionality of WordPress. Quite simply, plugins are files installed in WordPress to add a feature, or set of features, to WordPress. Plugins can range in complexity from […]

linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram