Great video Kirupa! Had some longing when I heard you guys talking about Geocities :)
@kirupa5 күн бұрын
@@danielpriego3904 haha! Those were the days 😅
@MA-th4ts24 күн бұрын
Good insight, great advice and informative
@kirupa13 күн бұрын
Glad you liked it! Thanks for the comment 🙂
@alyssakirstine29 күн бұрын
Helpful intro video as I'm diving into making my first app using a WebView, thank you!
@kirupa29 күн бұрын
@@alyssakirstine glad it helped 😀
@helenewright3100Ай бұрын
Uninscribe
@kirupaАй бұрын
I hope you found the "Uninscribe" capability easily :-)
@fola_azeezАй бұрын
Thank you so much
@TonyaWalker-hs8ppАй бұрын
You said that 2 to the power of 1 is four. Two to the power of 1 is two. You also said that "The binary value of 11 is 5 in the decimal world." The binary value of 11 is 3 in decimal.
@kirupaАй бұрын
Tonya - thanks for flagging these mistakes! I think this is something that will require me to re-record these videos, so I'll prioritize them higher in my queue.
@Skelly_boyGTАй бұрын
This was 8 years ago!!?!?!!??!??
@kirupaАй бұрын
Yes it was! Surprised? 😄
@Skelly_boyGTАй бұрын
Yup
@Skelly_boyGTАй бұрын
And I’m surprised that you commented
@kirupaАй бұрын
@@Skelly_boyGT I still record videos and post new content regularly, so I try to reply to all comments quickly 🥳
@CLaSHGOD2 ай бұрын
Thank you
@m.choupie.2 ай бұрын
Ce n’est pas ce que je cherchais.
@joshdronfield2 ай бұрын
Cool tutorial. Would be better if you used external style sheets and found a solution without inline styles. you cant realistically use inline styles on a large application becasue of security issues. Styled-Components enables interpolation so that styles can be inherited from eachother. so you could use that for the delay effect
@kirupa2 ай бұрын
That is a good point, Josh. I will keep that in mind when I record a revision of this video in the future.
@thang86172 ай бұрын
How can the frame rate be automatic on different devices? I mean the frame rate can vary on different devices. I don't want the frame rate to always be 60.
@kirupa2 ай бұрын
If you want your frame rate to vary on different devices, then you can simply omit all of the code shown here. A call to requestAnimationFrame without any of supporting code is all you need.
@thang86172 ай бұрын
@@kirupa Do you mean deltaTime is only needed when the frame rate is known in advance?
@kirupa2 ай бұрын
@@thang8617 Correct. You only need to implement this if you wish to fix the frame rate. For variable frame rate, you can ignore all of this code. The starting state in the video is the final state you will need 😀
@thang86172 ай бұрын
@@kirupa thank you very much, bro 👍
@user-lz2wf5dz2f2 ай бұрын
The problem I found is when I zoom into any sketches on canvas then it looks really pixelated.. does this method solve that problem also?
@kirupa2 ай бұрын
No, it will not help with that. The canvas is just like a raster image. You can ensure the initial appearance is sharp, but when you start zooming in further, the individual pixels will become more visible.
@user-lz2wf5dz2f2 ай бұрын
@@kirupa How can this be solved? When drawing shapes using the DOM one can keep zooming and the resolution remains the same.
@kirupa2 ай бұрын
@@user-lz2wf5dz2f If you have an SVG in the DOM, they are vector based. Those naturally remain crisp when zooming in. For the canvas, you will need to detect the zoom and redraw all of your visuals at the new zoom level to ensure that the pixels are drawn to scale.
@user-lz2wf5dz2f2 ай бұрын
@@kirupa I guess the way the DOM works is that all the elements are SVGs? Because when I zoom they are still crisp. Is the detecting zoom a solution you've encountered before? Surely there's an easier built in solution?
@AlphaBeta-vq6ks2 ай бұрын
Any tips on creating animations in the canvas? On a similar level to DOM animations.
@kirupa2 ай бұрын
This article may be just what you are looking for! www.kirupa.com/canvas/creating_animations_canvas.htm
@AlphaBeta-vq6ks2 ай бұрын
@@kirupa any tips on ensuring that you can zoom on the canvas and keep the same resolution/ not get pixelated?
@kirupa2 ай бұрын
@@AlphaBeta-vq6ks Just redrawing the visuals again. That's the only viable option where you detect the zoom level and draw all the shapes at a size proportional to the zoom level.
@curious__2 ай бұрын
thanks it works for me.
@kirupaАй бұрын
Great!
@AnnatarTevildo2 ай бұрын
You book Creating Web Animations is awesooooooome!!!!
@kirupa2 ай бұрын
Glad you liked it, Kinder! Anything you'd suggest I revise in a future edition?
@AnnatarTevildo2 ай бұрын
@@kirupa Ohhh well, i really likead alot maybe you could add how to do animations and transitions in React, you know without third-party libraries.. just a thought or maybe idk you really nailed it your book 👍👍👍👍
@zovee_94842 ай бұрын
is there a desktop idx app or is only avaible in the browser?
@kirupa2 ай бұрын
There is a desktop app. In Chrome, you can install IDX as a PWA with a desktop icon.
@dogcow642 ай бұрын
I love the pixelated design. It brings me back good memories from the original Macintosh era. 👍
@kirupa2 ай бұрын
Haha yes! Totally. My school had those and those icons were always soo good. Thanks for the comment 😀
@gustavomonteiro23233 ай бұрын
Thank you so much my friend!!! I was trying to do ovelapping in a multiple layer animation and before I watch your video everything went wrong! And now it is working easy!
@kirupaАй бұрын
Glad I could help!
@ronicarvalho33863 ай бұрын
hey. good class. but mine doesn't work, no signal.
@kirupa3 ай бұрын
Can you please post on the forums with your code and more details? forum.kirupa.com
@hwapyongedouard3 ай бұрын
wait is this book "Absolute Beginner’s Guide to Algorithms: A Practical Introduction to Data Structures and Algorithms in JavaScript" yours ?? i love it
@kirupa3 ай бұрын
Yes it is! Glad you liked it! 😀
@kirupa3 ай бұрын
One favor! If you liked the book, can you please write a review for it on Amazon?
@hwapyongedouard3 ай бұрын
@@kirupa sure
@OzayOzdemir3 ай бұрын
It would be nice if you also mentioned how to install the iOS simulator?
@Penghuin_3 ай бұрын
source code link pls
@kirupa3 ай бұрын
You can find it here: www.kirupa.com/animations/animated_3d_starfield_effect.htm#mainContent
@AlexandrePintodePaula3 ай бұрын
FODAAAA! Salutations from Brazil!
@roshinif3 ай бұрын
Omg. No freaking way that this video exists. I spent 3 weeks to find a way recreate this effect thank brother. ❤️✨
@kirupa3 ай бұрын
Glad you found it, and I am glad it helped you out! I had that same problem when I was looking for it a while ago. Seems like such a popular effect, yet all of the versions I saw were unnecessarily complicated 😅
@DenDev3 ай бұрын
It was great being on the show! 🚀
@rayray663 ай бұрын
great video, thank you
@rodrigoribeiro87004 ай бұрын
Very nice, thank you!
@kirupa4 ай бұрын
Glad you liked it, Rodrigo!
@Brain_Bay4 ай бұрын
Are you bragging with IDX on your dev machine? Or you sharing useful knowledge with people? If you are sharing knowledge - provide some useful info like, from where to download this tool, how to install this tool, how to run it, etc
@kirupa4 ай бұрын
You can sign-up to try it here: idx.dev
@elti86142 ай бұрын
@@kirupa How to setup the ios simulator
@mahmoudramadan46414 ай бұрын
I hope you will reply, is reading dsa tutorial on your website the same as reading your book. Thanks
@kirupa4 ай бұрын
It is similar. The book is more convenient and contains a few more in-depth topics.
@NikosKatsikanis4 ай бұрын
found in my google spam folder
@kirupa4 ай бұрын
That happens all the time. Not sure how to avoid it 😓
@NikosKatsikanis4 ай бұрын
@@kirupa send less mail?
@kirupa4 ай бұрын
@@NikosKatsikanis I send these out maybe once every few weeks
@vanquoc294 ай бұрын
can i use ios simulator in windows?
@md2dfg14 ай бұрын
Thank you very much! Really helped me with understanding animations
@noweare14 ай бұрын
"tell your friends and enemies all about it" ha, ha. Got my very old webcam not only working on linux but displaying its stream on a webpage. I'm taking the rest of the day off !
@onelook18704 ай бұрын
Will have a look at this course
@ashley5244 ай бұрын
thanks =)
@eswarbalasubramanian1294 ай бұрын
This thing is not working in Firefox browser😅
@mdlabib33834 ай бұрын
Your videos need to do SEO (Search Engine Optimization) so that your channel and videos rank on KZbin. Your videos need to add Keywords.
@user-tn4zu8zz6e4 ай бұрын
Can u be unknowingly be watched or heard
@EastSun55664 ай бұрын
Hi KIRUPA, thank you for sharing this. I really love the simple and intuitive way you explain things. I just wonder if there are more references available to understand these concepts or ideas related to products, apps, or businesses? Thanks!
@kirupa4 ай бұрын
Are you looking for early-in-career advice or advice catering to more senior roles?
@haydenmaeser25494 ай бұрын
Great content! Very well explained!
@drewjex20305 ай бұрын
The logo, the website, the integration with Codespaces, the 3d graphics, it's all top-notch. I would love to see this idea take off! Hackathon organizers might really like this kind of thing.
@kirupa4 ай бұрын
Tagging @zilchdev to make sure he sees your awesome comment!
@zilchdev5 ай бұрын
Thanks for having me on Kirupa!!
@kirupa4 ай бұрын
So happy to do it! Thank you for taking the time to chat 🙂
@RAHUL-dt5xm5 ай бұрын
thanks for the help
@marksshane39675 ай бұрын
It seems that this video does not demonstrate how to debug javascript, just show ui🤔
@kirupa5 ай бұрын
That is correct. Previewing and visually testing is the primary use case, but we are exploring ways to provide debugging capabilities as well.
@AsusMemopad-us5lk5 ай бұрын
Yay, found a new math channel! Subscribing...
@kirupa5 ай бұрын
Glad you like it! If you ever have requests for future topics, feel free to let me know :-)
@badcatdesign5 ай бұрын
🌟🌟🌟🌟🌟
@yuvaraj66085 ай бұрын
when will android simulator will available in idx
@kirupa5 ай бұрын
It is already available for Flutter projects. We are exploring ways of making it work for Web projects as well.
@yuvaraj66085 ай бұрын
Great, waiting for support for Android project
@kirupa5 ай бұрын
@@yuvaraj6608 Our focus is on multi-platform development via Flutter. We currently don't have any plans to support native Android development.
@TutoGratiJavierApliArte5 ай бұрын
I can not open it says I have to enter the whitelist but I've been trying like I do not know how many months, is it because you can not in españaa? @kirupa
@klvntmi5 ай бұрын
please how do i setup the simulator on my project idx