Make Toggle Buttons - Only CSS
4:26
Пікірлер
@axMf3qTI
@axMf3qTI 27 күн бұрын
this is cool but i still have empty icons in my dash. Should I update that too in one way or an other?
@aaaaaaaaaaaaaaa31379
@aaaaaaaaaaaaaaa31379 Ай бұрын
works fine on RHEL 9.4 love it
@thecodingloft
@thecodingloft Ай бұрын
Great to hear!
@jaredwarner3972
@jaredwarner3972 Ай бұрын
This worked great on my debian 12 machine. But wheni do it on my Ubuntu machine it says that the folder isnt in $PATH.
@thecodingloft
@thecodingloft Ай бұрын
Thanks for sharing! It should work just as well on Ubunutu. Since you say that the folder isn't in $PATH, it seems like the path to the executable file isn't correct or that the permission are not set to executable for that file. So it tries to look for the file in the default directories specified in $PATH.
@Lukas_Schanderl
@Lukas_Schanderl 2 ай бұрын
Thanks for the tutorial 🙏 That was very helpful
@thecodingloft
@thecodingloft 2 ай бұрын
Thank you! :)
@azizmetchonou
@azizmetchonou 2 ай бұрын
hi ma use AM it more easy
@thecodingloft
@thecodingloft 2 ай бұрын
Hey thanks, great point!
@shakeebahmed336
@shakeebahmed336 3 ай бұрын
Seriously, thank you so much for this
@thecodingloft
@thecodingloft 3 ай бұрын
You're welcome!
@Nico-su1ku
@Nico-su1ku 3 ай бұрын
Awesome, and how you do it if the file is uploaded by the user?
@thecodingloft
@thecodingloft 3 ай бұрын
Great question. It would probably be very similar. Let's say you have a function that handles the user file upload. Inside the function, you check if it's indeed a valid csv file, then you parse it to a js object. From there, use the data as needed, e.g. show an array of possible information contained within each csv row. If you can share some code, I'd be happy to help more
@xenomy
@xenomy 4 ай бұрын
could i have the github code? like how did you create ur filter menu
@geetz_
@geetz_ 4 ай бұрын
Is complete code available in GitHub?
@Antaeron
@Antaeron 4 ай бұрын
BUD! You deserve more Views! This helped me out with SteamOS yuzu emulator 😂
@1le0x_
@1le0x_ 5 ай бұрын
Great video! Thanks
@thecodingloft
@thecodingloft 5 ай бұрын
Thanks, glad it helped :)
@georgecrisan9499
@georgecrisan9499 5 ай бұрын
seems like an unnecessary reinventing of the wheel. There is no situation that you cannot resolve with Intersection Observer over this workaround approach.
@supportic
@supportic 5 ай бұрын
Intersection Observer is way more performant than this
@thecodingloft
@thecodingloft 5 ай бұрын
True, the intersection observer is generally preferred. But in some cases, you might want to have an additional check in the observer to see if the element is still visible, let's say after 1 second
@supportic
@supportic 5 ай бұрын
@@thecodingloft if you have to use the scroll listener I would at least use a throttle mechanism
@G5STU
@G5STU 5 ай бұрын
And this is why normal people don’t use Linux , Jesus . What a crock of …
@thecodingloft
@thecodingloft 5 ай бұрын
Haha true! Could be more straightforward
@Lukas_Schanderl
@Lukas_Schanderl 5 ай бұрын
Great video 👌
@thecodingloft
@thecodingloft 5 ай бұрын
Thank you! 🙏
@Lukas_Schanderl
@Lukas_Schanderl 6 ай бұрын
Great video 👏
@thecodingloft
@thecodingloft 6 ай бұрын
thank you Lukas!
@carlosvesta
@carlosvesta 6 ай бұрын
Muito obrigado.
@playersdreams6496
@playersdreams6496 7 ай бұрын
trash
@cavellendlovu5389
@cavellendlovu5389 8 ай бұрын
i love you
@tushargoyal3351
@tushargoyal3351 8 ай бұрын
Bro you explained very well
@thecodingloft
@thecodingloft 8 ай бұрын
Thanks dude appreciate it
@nervONLY_
@nervONLY_ 8 ай бұрын
very underrated. i would love if you continue this series 'learn linux' cause this video is so nicely taught
@thecodingloft
@thecodingloft 8 ай бұрын
Thank you, it's definitely on the to-do list once there's some more spare time! :)
@matejsach9652
@matejsach9652 8 ай бұрын
Great video and content!
@thecodingloft
@thecodingloft 8 ай бұрын
Thank you, glad you liked it!
@nemetbar5718
@nemetbar5718 8 ай бұрын
Is there a way to set launch options for it as well?
@thecodingloft
@thecodingloft 8 ай бұрын
Good question, I'm sure there is, I would have to look it up myself. I'll check it out soon
@carlynnesparks5782
@carlynnesparks5782 8 ай бұрын
😉 Promo`SM
@Lukas_Schanderl
@Lukas_Schanderl 9 ай бұрын
Really useful tutorial. Thank you 👌
@thecodingloft
@thecodingloft 9 ай бұрын
Thanks Lukas!
@CodingW3
@CodingW3 9 ай бұрын
One more subscriber! 💚
@thecodingloft
@thecodingloft 9 ай бұрын
💚 thanks :)
@TheAjayTyler
@TheAjayTyler 9 ай бұрын
This is some great stuff! I've recently been dipping my toe back into CSS, so it's been fun to learn about little tricks like this that help meet practical use cases. JavaScript is fun and all, but it's nice to let CSS and HTML do the heavy lifting for layout and look :)
@thecodingloft
@thecodingloft 9 ай бұрын
Thank you! Yes totally agree, CSS is really powerful and lots of interactive stuff can be done without JS
@Lukas_Schanderl
@Lukas_Schanderl 9 ай бұрын
Great tutorial :)
@thecodingloft
@thecodingloft 9 ай бұрын
Thank you !
@riskiadhitama-j6s
@riskiadhitama-j6s 10 ай бұрын
#gmaill
@DelwarAhmedHabib
@DelwarAhmedHabib 10 ай бұрын
Learned a lot of things. Thanks a lot.
@thecodingloft
@thecodingloft 10 ай бұрын
Thanks for letting me know, glad you found it helpful :)
@alpacamale2909
@alpacamale2909 Жыл бұрын
as someone who uses windows / mac / linux. This method removes the magic from the appimage. it would be nice if the .appimage included the icon by itself inside.
@thecodingloft
@thecodingloft Жыл бұрын
Thanks for the comment. You're right, there are more steps compared to having the logo inside the .appimage. Curious to hear, what would be your way to go about it?
@alpacamale2909
@alpacamale2909 Жыл бұрын
​@@thecodingloft I am not saying your method is bad or anything, I am just saying the way linux works or appimages work don't give you that magic apple gives you where an application is just a fancy icon that you can drag and drop on a dock. it probably has something to do with how linux is structured.
@thecodingloft
@thecodingloft Жыл бұрын
Yes, I agree, it would be nice if it was just a standard with every appimage to have the logo included and installed in the applications window.
@Lukas_Schanderl
@Lukas_Schanderl Жыл бұрын
Great video :)
@thecodingloft
@thecodingloft Жыл бұрын
Thank you Lukas
@Rebecca-rc4ds
@Rebecca-rc4ds Жыл бұрын
This is just what I was looking for! Well explained and very helpful. Thanks a lot🎉
@thecodingloft
@thecodingloft Жыл бұрын
Great to hear! Thank you :)
@Lukas_Schanderl
@Lukas_Schanderl Жыл бұрын
That's awesome :)
@thecodingloft
@thecodingloft Жыл бұрын
Thank you!
@maxdamien08
@maxdamien08 Жыл бұрын
Thanks bro it worked for me on manjaro
@thecodingloft
@thecodingloft Жыл бұрын
Awesome, good to hear! :)
@Lukas_Schanderl
@Lukas_Schanderl Жыл бұрын
Great video :)
@thecodingloft
@thecodingloft Жыл бұрын
Thanks Lukas
@ayra_2001
@ayra_2001 Жыл бұрын
I want to make multiple modals , but when I am applying its not working. How should i handle multiple model conponents
@thecodingloft
@thecodingloft Жыл бұрын
Thanks for the question! To be honest, it depends quite a bit on your setup. Do you one to have one modal that has several different steps inside? Then you could update the component to have a step state which changes on each button click and sends a different html for each step. Do you want to have different modals on different parts of your website, depending on the user interaction? Then you could have different modal states for each modal (showModalOne, showModalTwo, etc) that all correspond to a specific modal. You would also then have to update the show and close modal functions to only work for the target modal. If you have a JFiddle or similar, feel free to share so you can get some input! Hope that helps :)
@ayra_2001
@ayra_2001 Жыл бұрын
@@thecodingloft Thanks a lot🖤 for your quick response. It worked.
@thecodingloft
@thecodingloft Жыл бұрын
@@ayra_2001 thank you, that's great to hear :)
@Lukas_Schanderl
@Lukas_Schanderl Жыл бұрын
Great video
@thecodingloft
@thecodingloft Жыл бұрын
Thank you!
@Lukas_Schanderl
@Lukas_Schanderl Жыл бұрын
Thanks for the tutorial 🙏
@thecodingloft
@thecodingloft Жыл бұрын
Thank you! ;)
@Lukas_Schanderl
@Lukas_Schanderl Жыл бұрын
Thanks for explaining it so simple and straight to the point 👌
@thecodingloft
@thecodingloft Жыл бұрын
Thank you!
@yancoder20
@yancoder20 Жыл бұрын
can you zoom in on your code so it's readable?
@thecodingloft
@thecodingloft Жыл бұрын
thanks for the comment! Unfortunately I can't after the video is uploaded, but I'll make sure to do so in the next videos. You can also find the code in the Github Repo
@Lukas_Schanderl
@Lukas_Schanderl Жыл бұрын
Awesome work 👌
@thecodingloft
@thecodingloft Жыл бұрын
Thank you!
@Lukas_Schanderl
@Lukas_Schanderl Жыл бұрын
That's really useful. Thank you 👌
@thecodingloft
@thecodingloft Жыл бұрын
Great to hear, thanks!
@kawakiuzumaki1919
@kawakiuzumaki1919 Жыл бұрын
I tried it with Krita but didn't succeed. Could you please do it for Kirata too?
@thecodingloft
@thecodingloft Жыл бұрын
Thanks for the comment! I've just tried it with Krita and it works the same way. Double-check the spelling of the filenames and inside the .desktop files, often it's as simple as having a lowercase or uppercase letter different. Let me know if that helped!
@Rebecca-rc4ds
@Rebecca-rc4ds Жыл бұрын
Super helpful video! Thanks a lot!👍
@thecodingloft
@thecodingloft Жыл бұрын
Thank you!
@tameramer1465
@tameramer1465 Жыл бұрын
Wonderful tutorial pro. Good job 👏👏
@thecodingloft
@thecodingloft Жыл бұрын
Thank you, great to hear :)
@TheCrowdel
@TheCrowdel Жыл бұрын
why not just full screen in your video ?