Mobile Login User Interface design

Software used: Adobe XD

#Subscribe Now
https://youtube.com/channel/UCMLW2jB9h4aewOPJnESD9pw?sub_confirmation=1

Stay in #Contact
Telegram : https://t.me/adeycoder
Facebook: https://fb.me/adeycoder
Instagram : https://…

By using JavaScript to check the user browser is connected or not and gives a simple and nice design to notify the user of the status of the connection.

the editor used: Visual Studio Code (VS Code)

Source code: https://github.com/yohans-t/Adey-Coder/b…

a helper text that will be displayed when the user selected and a text field with smooth reveal animation.

the editor used: Visual Studio Code (VS Code)

#Subscribe Now
https://youtube.com/channel/UCMLW2jB9h4aewOPJnESD9pw?sub_confirmation=1

Stay in #Contact…

Simple and Cool profile card with gridin background. the card contains Users name, job, biograghy, link to social media profiles/accounts and CTA buttons.

the editor used: Visual Studio Code (VS Code)

#Subscribe Now
https://youtube.com/channel/UCMLW2jB…

A #Glassmorphism based product card user interface design using HTML and pure CSS.

the editor used: Visual Studio Code (VS Code)

#Subscribe Now

https://youtube.com/channel/UCMLW2jB9h4aewOPJnESD9pw?sub_confirmation=1

Stay in #Contact
Telegram : https:…

a user login form design by using #glassmorphism trend. it only uses HTML and CSS to make the design.


the editor used: Visual Studio Code (VS Code)

#Subscribe Now
https://youtube.com/channel/UCMLW2jB9h4aewOPJnESD9pw?sub_confirmation=1

Stay in #Contact…

A simple URL Shortner using PHP and store data on the database. it writes to run on PHP, MySQLi database, and Apache server.

Editor used: Visual Studio Code (VS Code)
Local server used: Laragon

#Subscribe Now
https://youtube.com/channel/UCMLW2jB9h4aewO…

A landing page design using HTML and CSS for a personal portfolio for a web developer and Designer. it only includes a user name and profession. the editor u...

Mini and Custommized audio Player, it includes on play pause button, cool audio progress bar, audio title and played time, and using JavaScript control progress bar, current time and play and pause the audio.

the editor used: Visual Studio Code (VS Code)…

Movie Page Information design with hover effect.

the editor used: Visual Studio Code (VS Code)

#Subscribe Now
https://youtube.com/channel/UCMLW2jB9h4aewOPJnESD9pw?sub_confirmation=1

Stay in #Contact
Telegram: https://t.me/adeycoder
Facebook: https://fb.me/adeycoder…

A sidebar navigation menu that is fixed on on the left position of the page when it scrolled down/up. and it has only icons when mouse hovered on icon it wil...

In this tutorial, I will show you how to create social media icons with a glass effect (Glassmorphism) and animated on mouse hover. we use only CSS and HTML to design.

===================================================
✒ the editor used: Visual Studio Code…