ASMR Programming - Coding IOS (IPhone) Dynamic Music - No Talking
HTML-код
- Опубликовано: 31 май 2024
- In this video, I designed iphone 14 dynamic island using only html and css. This html css design is fully responsive. This iphone 14 dynamic island was made using only HTML and CSS, Javascript was not used. You can use this design for your mobile website to introduce iphone 14 dynamic island.
Video Contents :
00:00 - HTML coding
06:28 - Let's add google fonts
06:50 - Adding Variables
12:00 - CSS Styles Coding
13:33 - Coding Main Design
18:00 - Iphone 14 Buttons
22:33 - Screen and Background
37:15 - Coding Notch
01:06:10 - Pallettes
01:27:43 - Fix Bugs
01:28:50 - Final Result
new 1.txt file source : bit.ly/3xqLKag
♡ Subscribe → bit.ly/3Lf1K4A
Subscriptions, good comments and likes are great support for me 😍
Don't re-upload or edit the videos on your channel.
All copyrights by AsmrProg.
About AsmrProg Channel :
Here I upload ASMR programming tutorials related to HTML, CSS, Sass, JavaScript, React, PHP, Frameworks such as Bootstrap and more along with creative UI/UX Designs.
AsmrProg is a community for web developers from all levels to learn and grow their skills in front-end and back-end web development.
AsmrProg
Asmr Prog
ASMR Programming
ASMR Coding
ASMR keyboard typing
ASMR web design
ASMR coding html
ASMR coding website
No Talking ASMR
No Talking Coding
No Talking Programming
first programming video that doesnt give depression.
Thanks ❤️🙏
😂😂✌️
!
@@AsmrProg bro i am new in CSE can u tell me how to learn C program
Cse or css!?
I randomly saw this and wow. It is incredible how you make and than share it for free!
Things like this give me motivation to keep going and hustle more. Thanks buddy!
Oh Thans so much Gohan 🙏❤️
u dont hurtle the hustler
🙏❤️
Increíble video hermano pero me pierdo un poco en las partes en las que copias y pegas de tu bloc de notas aveces no aparecía todo y me quedaban faltando algunas cositas
Sorry but didn’t understand!
I'm currently studying graphic design and I just completed my 3rd semester which was focused on web developpement and web design! Videos like this help me a lot to expand my knowledge on HTML/CSS, thanks a lot!
Thx bro 🙏❤️
same here
🙏
As somebody who has been working in graphics design field for over 10 years, can someone explain to me why people go to school for this?
What does the school teach you that the Internet can not?
Incredible work! I’m still new to web development (CSS specifically) and this was a pleasure to watch. I hope to become this good one day.
Thx bro 🙏❤️
This is absolutely amazing, this video just appeared on my recommendation somehow i can’t imagine the patience being done in this whole video. Keep it up
Thanks a lot 🙏❤️
@@AsmrProgwhere is the code?
Check other video’s, we have js coding!
bros tryna paste@@bbgoesblop
i approve this comment
This brings me back to when I took web design classes in middle school. It’s comforting, watching this and remembering how obsessed I was with it. Awesome work! 🙏
Thanks a lot 🙏❤️
why didnt you continue
Continue what?!
@@shev71maybe he wants another job?
🤔🤔
Hey man great video, you honestly deserve more subs and views, it was a relaxing video, enjoyed it all the way thru, I am actually doing a software engineering degree rn, still weak at coding but trying my best, u gave me the motivation to code more, thanks for the video, best of luck.
Thanks for your good energy and good comment 🙏❤️
You're that cool guy that knows how to relax people while programming
Thanks 🙏❤️
Started programming a short while ago. This is my new reference. I'll feel like a good programmer when I can make something like this in the same amount of time. Wish me luck in my journey.
good luck bro!
Good luck bro 🙏❤️
🙏
hats off to you this is crazy i am new in this coding world but i am sure this is a perfect piece of content for programmers and coding lovers much love to you i hope you hit 100k subs by the end of 2023
Thanks a lot Pratham 🙏❤️
Heimwerk Das vorteiler bleibst
@ImproveYourCS thanks so much 🙏❤️
That's so asmr! I appreciate your work❤
Thanks 🙏❤️
I saw this video on my recommendations and just watched it for the entire thing
KEEP IT UP YOU ARE AMAZING!!!
Thx bro 🙏❤️
another tip: 4:13 you dont have to type div.class just type .class not div 👍 ----------&------------- tip: 2:15 dont copy and paste line just locate the line and press shift+alt+up/down ✌ ----------&------------- Alt + click for additional cursors
Thanks 🙏
this is insane bro i saw this for 30 min and did not get bored I was soo focused with your coding
Thanks bro 🙏❤️
@@AsmrProg Are you working in any company, if yes then what is your salary please tell 🥺
Sorry but no company, working as freelancer in sites but this days I’m started ios coding and only working on my youtube channel 🙏❤️
Crisp and clear :) Amazing!
Thanks 🙏❤️
Thank you very much, your videos so relaxing and make me calm doing programming. THANK YOU!!
a tip when using more than one div tag, use this command, with that it creates the amount you want.
for example when you create the button divs
.button*3
streamlines your work, successes, i like your content
Hi Vitor thanks for your tip, i know its emmet tips but for beginners i write all divs 🙏❤️
@@AsmrProg oh cool, keep up your great work🎉
Thanks 🙏❤️
@@AsmrProg I think you should show how useful Emmet is:)
Video about emmet?
if i would see this on a website, i would never think that it is this hard to make, respect for you.
Thanks so much 🙏❤️
普通にスゴすぎる
尊敬👏
❤️
Awesome work man!! Loved it.
Thanks bro 🙏❤️
gr8 work man i hope in future u will grow more
and share valuable contents
Thanks bro 🙏❤️
Estoy Realmente agradecido con RUclips por permitir que este vídeo fuera recomendado en mi cuenta. Es una inyección pura de motivación, paz y esperanza para lograr ser un programador excelente gracias a vídeos como este. Gracias por compartir contenido tan interesante y hermoso, sigue así y espero que tengas mucho éxito en los siguientes años lleno de Paz y Bendiciones.
Thanks a lot for your great words 🙏❤️
loco pero minimo tu ere un npc
Awesome work
That's very nice, My respect that you took that time to make this design
Thanks a lot 🙏
i went to college for 4 years for computer networking + software engineering in 2018, i dont even inderstand the first minute of the video. I wish i could be like this person, i wish i hadnt wasted all my time and money on something im still not good at, too many people get encouraged to go into this field and dont realize you will never be successful at it unless youre a genius or you throw away every other part of your life to focus solely on learning it.
Thanks a lot for all good words 🙏❤️
Unless you are a genius ? I don't know ...
Bro… Why do you only have 17.5k subs? I mean this video is soooooo relaxing
Thanks bro 🙏❤️
I currently have a scholarship and studyin IT at Sebelas Maret University in Indonesia, these kinds of vidoes really motivate me to push harder and persist on my goals. Thank you sir and wish all the best for you
This is so amazing and so hardworking man thank you for uploading coding videos, hope you upload new videos goodluck mate! 😊
Thanks a lot 🙏❤️
this is like dream come true for a code lover like me. Love ♥ your projects bro I'm speechless 😶
Thanks a lot ❤️🙏
Source code?
Hugs from Brazil bro!
Thanks for share the study.
AMAZING!
Thanks 🙏❤️
I need to learn this ASAP. This seems so interesting.
Hi, it’s web coding 🙏❤️
this is the most amazing video i have watched as a web developer
Thanks 🙏❤️
Hi there! Your video is amazing when I am on my revision of my programming course exam! It is so satisfying and relieve!
Meanwhile, I would like to ask what is the keyboard you are using?
I mean laptop!:)
Hi bro and glad to have subscribers like you, it’s lenovo legion 5 🙏❤️
@@AsmrProg battery life is pretty bad no?
For me it’s ok but if you want battery mac is better!
@@AsmrProg one I hope to be able to code this fast, how long have you been coding, did u already had the project planned?
This is absolutely amazing
Thanks 🙏❤️
It's so impressiveeeee
Lots of love man❤️
🙏❤️
This is so satisfying, and I was wondering what laptop you were using because it looks amazing, and I love how the arrow keys are compared to most laptops
Thanks 🙏❤️
@@AsmrProg he was asking for what laptop youre using not for a thanks
Lenovo legion 5
@@SushiEater44 bruh that was blunt
Sorry but didn’t understand!! 🙏
Good work,bro! Personally I would recommend to work more with keyboard and use more short keys than mouse. That will definitely speed up the process
Yes I’m working on it, thanks 🙏❤️
I did it!
with my styles and it looks great!💖
Great, keep going on 🙏❤️
a channel like this deserves a million subscribers
Thanks ❤️🙏
Need background music or no? Please write in comments 🙏❤️
no background music
Thanks Abeer for your response🙏❤️
i thinks is more immersive if you dont put music, i kinda like the sound of mechanic keyboards, anyways nice video bro 😁
Hi Mansu, yes in newer videos you can’t find bg music 😉🙏
Needs background music pls
Thanks a lot dude you really help me I’m a Python student and also learn HTML for my goal you help a lot ❤
Thx bro 🙏❤️
I randomly saw this and wow. It is incredible how you make and than share it for free!
Things like this give me motivation to keep going and hustle more. Thanks buddy!❤❤❤❤
For This I have No words Litrally wow Thanks
I can Made This When I complete MY HTML CSS AND JAVASCRIPT Course
Awesome Buddy
Thanks so much for your good vibes 🙏❤️
Bro you deserve million of subs . you are awsome man ❤
Thx bro 🙏❤️🌹
Dude this is amazing, I almost finished
+1 👍
🙏❤️
Que top, parabéns mano!
🙏❤️
I'm very i love and i like it all ASMR Programming videos because sounds, ambience very clean and good!
Thanks a lot 🙏❤️
Thanks bro, really help me a lot
🙏❤️
Amazing!!! Sou Brasileiro, i'm from Brazil. Seu video me inspirou!! muito bom, obrigado por compartilhar seu conhecimento.
Thanks, but I didn’t understand please write in english ! 🙏❤️
@@AsmrProg *translate* Amazing! Im Brazilian, your video inspire me!! very good, tks for share your knowlodge
Thanks a lot bro 🙏❤️
eu também kkk
@@osirtymid quente
You are a awesome programmer 👍 and pls upload source codes because it really helps beginners.
Ok Phoenix, i will send you this project source code link, thx for good energy ❤️🙏
Project Source Code :
drive.google.com/file/d/1wZ1W4tM-Mr5PYUchU2PL5QPnJCBnaLJb/view?usp=sharing
great job! sound amazing !
Thanks a lot bro 🙏❤️
i didnt even know this was possible- YOU ARE AMAZI-
Thanks bro 🙏❤️
dude, currently I am a newbie in Programming and just started learning C Language some months ago. After watching this, honestly speaking I promise one day I will program much better than you! Thanks for this dude!
I will be happy if you be better than me 🙏 we will proud you ❤️
this back handed comment is so funny to me lmao
🙏❤️
How can you do HTML/CSS so tame, like you've memorized it, you're so good. I wish I could be like you, I'll work for it and I'll make it
Bro i code all videos before recording, then when i record i have a second monitor so we have clean code 🙏
pure gold
Absolutely great video!
Thanks 🙏
CHILL BRO MY GIRL ON THIS APP
Thanks 🙏❤️
OH AM I
😉🙏
@@aartiverse 😨
😁🙄
Absolutely great video, buddy! Thanks for sharing these kinds of amazing content with us for free. Also I'm very proud to see that my fellow countryman is creating such cool videos and people from all over the world, watch and love it
Thanks a lot bro 🙏❤️
new to vscode and hmtl, that live preview extension is legendary
Yes! also check my github, there is a repository about all of my vscode settings 😉
nice man good work for us
hey bro where did you learn all that?
Hi bro, Search, youtube and some courses but 90% search on stack site
Same question bro. I mean Apple should just employ him lol.
No im begginer 🙏😂
at school)
No
Thank you very much for your video sharing. It would be great if you had the source address
Hi, Here the source :
drive.google.com/file/d/1wZ1W4tM-Mr5PYUchU2PL5QPnJCBnaLJb/view?usp=sharing
@@AsmrProg 🎉🎉🎉 ❤
🙏❤️
This is great coding for me. I am start learning write coding. It is wow !!! It is so beautiful. Thanks for this post
Thanks 🙏❤️
absolutely amazing
Thanks 🙏❤️
Steve Jobs???? is that you????
😂😂😂 ❤️🙏
Вот это у тебя выдержка, я бы начал материться уже через 3 минуты.
thx 😂🙏
Your language is Russian? (да я знаю и русский, и английский)
@@OfficalDimonYT, кнопка «перевод»
this is awesome , i hope to be as good as you currently studying frontend
Thanks 🙏 keep going on 😉
there was no programming in this video... (if you know why, you're a G)
We don’t accept html css as coding language 😂
css code 650 lines😂😂😂😂😂
Yes!
Flawless work, subbed for your future videoss
Thanks 🙏❤️
This is insane. Magic.
Thanks 🙏❤️
you learn more by observing, not by blindly following the instructions, great vid lad
Thanks 🙏❤️
jusr appeared on my recommendation video and it just amazing!
Thanks 🙏❤️
i am a vietnamese and am also learning and developing the website when i see you do this and share it for free i find it very useful thanks
Thanks a lot bro 🙏❤️
anh ơi sao tên biến trong root của e nó không chuyển màu mà nó cứ màu trắng là sao ạ
Bro didn’t understand!
This was so cool!
Thanks
great work continue
nice work
Wow I don’t know anything about coding but this was so badass and satisfying to watch thanks
Thanks 🙏❤️
I'm learning HTML y CSS right now. Nice video
Thx 🙏❤️
videos like these motivate me so much
Thanks bro 🙏❤️
@@AsmrProg you’re welcome i hope the best for you and yours in all your endeavors.
🙏❤️
Thanks!
Oh, Thanks a lot for your support 🙏🙏❤️❤️
this is so astounding
Thx a lot ❤️🙏
Just wow, what an inspiration u r👏👏
Thanks bro 🙏❤️
That's amazing !!!!
Thanks 🙏❤️
So satisfying❤
Thanks 🙏❤️
that keyboard is relaxing af
🙏❤️
thanks a lot!
🙏❤️
it's amazing !
Thanks 🙏❤️
JUST WOOOW!! 👏
Thanks ❤️
the best ASMR in my life, only if with every error we could hear the developer swearing at his code it would be truly awesome
😁❤️
Insane ❤️❤️🔥
Thanks 🙏
Wow, anything can draw by html :D , incredible !!!
Yes 🙏
This is honestly insane
Thanks 🙏❤️
thank you so much!!!
🙏❤️
Quick tips: Highlight and CTRL+D would copy and paste your line including the gaps. That'll save you alot of time.
Yes, thanks so much, Sorry for late response 🙏
Thanks you this is helpful
🙏❤️
muito bom ,parabens
🙏❤️
Woah dude this is epic!
🙏😁❤️
Great video!
🙏❤️
Looks very good .
🙏❤️