Тёмный
mrMobin
mrMobin
mrMobin
Подписаться
welcome to my channel,my name is mobin ashkani,I'm front-end developer, I publish tutorial videos and front programming tips on this channel, I hope you enjoy the videos, I try to make the videos high quality.
-----------------------------
∆ Date of Establishment: 2024/03/23
-----------------------------
100 Sub =\u003e 24/05/12
200 Sub =\u003e 24/06/01
300 Sub =\u003e 24/06/17
Road to 400🏃‍➡️🚀
...
Simple 3D Cube using HTML and CSS
4:38
Месяц назад
Excellent JavaScript Animated Switch
6:16
Месяц назад
Attractive CSS Text Animation Effects
4:55
Месяц назад
How To Make Eclipse with HTML & CSS
2:50
Месяц назад
Personal Portfolio Website with HTML CSS
16:18
2 месяца назад
Button Ripple effect using HTML CSS Only
4:46
2 месяца назад
Neumorphism Sidebar Menu with HTML and CSS
8:41
2 месяца назад
Password Strength Checker using JavaScript
6:26
2 месяца назад
Social Media Icons with Popups | #html  #css
6:31
2 месяца назад
How To Create Login Form using HTML & CSS
8:31
2 месяца назад
Комментарии
@85MA
@85MA 10 дней назад
Dear Mr Mobin, you done a great work. It's really beautiful. Adding commentary to ur tut videos would be a great source of ease to learn for beginners like me. This will attract more wvs as well. Thanks in advance
@mr.mobinyt
@mr.mobinyt 5 дней назад
Thanks for your comment🙏, Please explain your request in more detail
@mohamedlarbi8842
@mohamedlarbi8842 13 дней назад
Code please
@work_0_1
@work_0_1 15 дней назад
Cool
@mr.mobinyt
@mr.mobinyt 13 дней назад
🙏
@alexsantosdasilva2565
@alexsantosdasilva2565 20 дней назад
Wonderful
@mr.mobinyt
@mr.mobinyt 18 дней назад
thanks🙏
@Asif05288
@Asif05288 21 день назад
Amazing Sir keep on 😊
@Asif05288
@Asif05288 21 день назад
Amazing Sir keep on 😊
@nurhanafimanap4256
@nurhanafimanap4256 22 дня назад
Nice Sir, and how do you make the web display immediately refresh like that? i'm a beginner 🙏
@thuthukakhoza682
@thuthukakhoza682 23 дня назад
wow very nice. Source code?
@Junglee_6
@Junglee_6 23 дня назад
Nice work !
@mr.mobinyt
@mr.mobinyt 23 дня назад
Thanks a lot🔥🙏
@nilliodshorts34
@nilliodshorts34 25 дней назад
Loved it♥ And loved your creativity😘😘
@mr.mobinyt
@mr.mobinyt 24 дня назад
Thank you for your positive energy
@imanradmaneshi6504
@imanradmaneshi6504 Месяц назад
❤️‍🔥❤️‍🔥❤️‍🔥
@SurajSingh-yy4ee
@SurajSingh-yy4ee Месяц назад
please provide source code But Nice work
@neymawendis
@neymawendis Месяц назад
nice work😃
@UP80_RoHit
@UP80_RoHit Месяц назад
tumara code he kaam nhi kr rha hai
@UP80_RoHit
@UP80_RoHit Месяц назад
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="style.css"> <title>Snowfall</title> </head> <body> <div class="loader"> <div class="snow"> <sapn style="--i: 11"></sapn> <sapn style="--i: 12"></sapn> <sapn style="--i: 15"></sapn> <sapn style="--i: 17"></sapn> <sapn style="--i: 18"></sapn> <sapn style="--i: 13"></sapn> <sapn style="--i: 14"></sapn> <sapn style="--i: 19"></sapn> <sapn style="--i: 20"></sapn> <sapn style="--i: 10"></sapn> <sapn style="--i: 18"></sapn> <sapn style="--i: 13"></sapn> <sapn style="--i: 14"></sapn> <sapn style="--i: 20"></sapn> <sapn style="--i: 10"></sapn> <sapn style="--i: 18"></sapn> <sapn style="--i: 13"></sapn> <sapn style="--i: 14"></sapn> <sapn style="--i: 19"></sapn> <sapn style="--i: 20"></sapn> <sapn style="--i: 10"></sapn> </div> </div> </body> </html> ye hai html ka code jo mene type kiya hai same he hai
@UP80_RoHit
@UP80_RoHit Месяц назад
body{ display: flex; justify-content: center; align-items: center; min-height: 90vh; background: #313131; } .loader{ position: relative; width: 110px; height: 30px; background: linear-gradient(to bottom, #e9e9e9,#fff); border-radius: 100px; } .loader::before{ content: ""; position: absolute; top: -20px; left: 10px; width: 30px; height: 30px; background-color: #fff; border-radius: 50%; box-shadow: 40px 0 0 20 #fff; } .snow{ position: relative; display: flex; z-index: 1; } .snow span{ position: relative; width: 3px; height: 3px; background: #fff; margin: 0 2px; border-radius: 50%; animation:snow 5s linear infinite; animation-duration: calc(15s / var(--i)); transform-origin: bottom; } @keyframes snow { 0%{ transform: translateY(0); } 70%{ transform: translateY(100px) scale(1); } 100%{ transform: translateY(100px)scale(0); } } or ye hai css ka code but kaam he nhi kr rha hai
@mr.mobinyt
@mr.mobinyt Месяц назад
The codes are flawless, you must have typed a part of the code incorrectly.
@UP80_RoHit
@UP80_RoHit Месяц назад
@@mr.mobinyt I hope you have replied to both the parts but see if I have typed wrong then tell me what I said in the main or whether it is wrong. If you are right in the main then I will delete my comment. If you want to create your wrong code then send me your github link and I will look forward to it.
@gamingtharuyt482
@gamingtharuyt482 Месяц назад
Thanks bro.its very beautiful
@mr.mobinyt
@mr.mobinyt Месяц назад
And Thanks for your beauty comment🔥
@user-bf6rr9vs5s
@user-bf6rr9vs5s Месяц назад
easy and awesome, good for you)))
@mr.mobinyt
@mr.mobinyt Месяц назад
thanks man🔥🙏
@man_mohak00789
@man_mohak00789 Месяц назад
can you explain the clip path property and its value whats stands for what?
@mr.mobinyt
@mr.mobinyt Месяц назад
thank for your comment
@mr.mobinyt
@mr.mobinyt Месяц назад
Using the clip-path feature in CSS, you can cut a part or part of an element, that is, we can easily display elements (such as a box or image) in shapes (polygonal, circular, etc) i hope it is useful🙏
@Arjun-or9claim
@Arjun-or9claim Месяц назад
I'm feeling hard to view the codes can you please make it bigger just now get to know abt your channel will explore it you have a lot of quality videos
@mr.mobinyt
@mr.mobinyt Месяц назад
Thank you for your comment, I will definitely do this in the next videos
@saarury4885
@saarury4885 Месяц назад
Such a cool code. You are way underrated, keep up the goodwork
@mr.mobinyt
@mr.mobinyt Месяц назад
Thank you very much for your positive energy🔥
@trvvs
@trvvs Месяц назад
this is so cool! Can you just make your code bigger? I feel like I'm old.
@mr.mobinyt
@mr.mobinyt Месяц назад
Thank you for your kindness, yes, I will definitely increase the size of the codes in the next videos🙏🙂
@tamimahasan336
@tamimahasan336 Месяц назад
Brilliant work 🎉
@mr.mobinyt
@mr.mobinyt Месяц назад
thanks man🙏
@ozodbekkurbanov8753
@ozodbekkurbanov8753 Месяц назад
good broo
@mr.mobinyt
@mr.mobinyt Месяц назад
thanks for you comment🙏
@arminmk
@arminmk Месяц назад
Great idea, TNX Man🙏🏻🤘🏻
@mr.mobinyt
@mr.mobinyt Месяц назад
thanks for your watching🙏
@khalidon1
@khalidon1 Месяц назад
naic you shoud to share this idea and to make cours in youtube you can bro😉
@mr.mobinyt
@mr.mobinyt Месяц назад
thanks I hope it will happen in the future, but unfortunately I can't do it because I'm very busy, if it's possible I will do it.
@user-ep2oc1bx3n
@user-ep2oc1bx3n Месяц назад
great idea keep going pro
@mr.mobinyt
@mr.mobinyt Месяц назад
thanks for your comment🙏🙂
@taylorchen678
@taylorchen678 Месяц назад
This is great, but I don't know why my first animation does not work. All three texts are shown at the same time.
@mr.mobinyt
@mr.mobinyt Месяц назад
Thank you for your comment, unfortunately I don't know which part you are talking about, because you have to pay attention to the details in coding, you probably wrote a mistake in css or js, please watch the video carefully from the beginning, there should be no problem, thanks for watching You🙏
@taylorchen678
@taylorchen678 Месяц назад
@@mr.mobinyt Thanks for the reply! I've checked the code that I wrote a number of times to make sure that I did the exact same steps as what was shown in the video. Then, I figured out, it was the @keyframes part(display: inline-block and display: none) not working. After that, I did some googling and found out that animation does not support display: none and display: block. But it seems to be working just fine in your video. It beats me.😂
@user-fm1pg8bq9r
@user-fm1pg8bq9r Месяц назад
Thank you ! very helpful
@mr.mobinyt
@mr.mobinyt Месяц назад
Thanks for watching🙏
@getbetter-wk7qw
@getbetter-wk7qw Месяц назад
Great work
@mr.mobinyt
@mr.mobinyt Месяц назад
thanks for watching🙏
@zemonte
@zemonte Месяц назад
Excelente
@mr.mobinyt
@mr.mobinyt Месяц назад
thanks bro🙏
@h.addasi8827
@h.addasi8827 Месяц назад
خیلی قشنگ و مفید بود
@mr.mobinyt
@mr.mobinyt Месяц назад
Thank you for your comment, and I'm glad it was helpful🙏😍
@neymawendis
@neymawendis Месяц назад
nice work
@neymawendis
@neymawendis 2 месяца назад
Beautiful🔥
@mr.mobinyt
@mr.mobinyt 2 месяца назад
tnx🔥
@ana_ghaem
@ana_ghaem 2 месяца назад
Good enough!.
@mr.mobinyt
@mr.mobinyt 2 месяца назад
Thanks a lot🙏
@neymawendis
@neymawendis 2 месяца назад
Nicly
@mr.mobinyt
@mr.mobinyt 2 месяца назад
🙏
@neymawendis
@neymawendis 2 месяца назад
greate🌈
@mr.mobinyt
@mr.mobinyt 2 месяца назад
thanks bro
@neymawendis
@neymawendis 2 месяца назад
cool🔥
@asgharjavadi8464
@asgharjavadi8464 2 месяца назад
بسیار عالی
@mr.mobinyt
@mr.mobinyt 2 месяца назад
thanks
@neymawendis
@neymawendis 2 месяца назад
nice video👏
@mr.mobinyt
@mr.mobinyt 2 месяца назад
thanks
@rezadarvishi2719
@rezadarvishi2719 2 месяца назад
awli bod damet garm
@mr.mobinyt
@mr.mobinyt 2 месяца назад
Eshg mani❤️👈🙏
@fatemehboledai174
@fatemehboledai174 2 месяца назад
خفنه
@mr.mobinyt
@mr.mobinyt 2 месяца назад
Thanks🫡🔥
@fatemehboledai174
@fatemehboledai174 2 месяца назад
عالی
@mr.mobinyt
@mr.mobinyt 2 месяца назад
Tnxs🙏
@zahramazaheri7033
@zahramazaheri7033 2 месяца назад
ایول❤❤❤❤
@mr.mobinyt
@mr.mobinyt 2 месяца назад
Thanks🙏
@zahramazaheri7033
@zahramazaheri7033 2 месяца назад
مرسیییی عالییی بوددد
@mr.mobinyt
@mr.mobinyt 2 месяца назад
Thank You🙏
@zahramazaheri7033
@zahramazaheri7033 2 месяца назад
ایول ممنون بابت محتوای خوبتون
@mr.mobinyt
@mr.mobinyt 2 месяца назад
Thanks a lot🙏
@neymawendis
@neymawendis 2 месяца назад
Great!!🔥
@mr.mobinyt
@mr.mobinyt 2 месяца назад
🙏
@neymawendis
@neymawendis 2 месяца назад
nice
@neymawendis
@neymawendis 2 месяца назад
beauty🔥
@Zar_Graphicdesign
@Zar_Graphicdesign 2 месяца назад
Great
@mr.mobinyt
@mr.mobinyt 2 месяца назад
Thanks a lot🙏🔥
@freak_people
@freak_people 2 месяца назад
Hello sir can you make video for beginner coders ?? And i am new in coding so please do recommend me what should i choose to start coding. ~ Like what is coding used for. ~ What can you do with coding. ~ and what is best free tools for beginners to use for coding. ~ what coding language is best to learn for starting coding career. ( I am really sorry for my bed english )
@mr.mobinyt
@mr.mobinyt 2 месяца назад
Look at this tips -To learn, you must first think whether you are interested in this work or do you just want to learn programming for money? -You should see what you are interested in. There are many sections in programming, such as 1. Website development. 2. Android ios or Windows or Mac applications. 3. Mobile and console games and PC. 4. Security section and more. -You can prepare training courses in your own language -I recommend Visual Studio Code as a free and good tool for coding
@freak_people
@freak_people 2 месяца назад
​@@mr.mobinyt yes sir I am very much interested in coding. And I am interested in web development lot of people telling me to learn python lenguage first it's easy Sir please recommend me what should I learn first for web development learning ( please tell me all in detail so I don't get confused 😅). And I really appreciate your message ☺️.
@mr.mobinyt
@mr.mobinyt 2 месяца назад
@@freak_people Web development has two parts, 1 front end and 2 back end, and 3 both of these parts can be full stack, see which part you are interested in, learn these languages ​​to learn front end: Html Css Javascript There are the following languages ​​for learning the back-end section: PHP PYTHON (DJANGO) C#(ASP.NET) MYSQL MONGODB and more ... In general, you can search the web development learning roadmap on the internet to get complete guidance
@freak_people
@freak_people 2 месяца назад
​@@mr.mobinyt I am sorry for bothering you this much but can you please explain what front end n back end used for ??
@mr.mobinyt
@mr.mobinyt 2 месяца назад
@@freak_people Look, my friend, front is called client, which means what the user uses and sees But the backend refers to something that the user does not see and everything happens behind the scenes, except for the data processing that is placed on the server and is connected with the client, when you want to enter a site, your browser (the same client) It sends a request to the server and the server processes the data and sends what is needed to the user's client and the site appears at the same time, this action is called request & response. this is a long topic To learn more, search on Google: "Web Development Roadmap"