21 күн бұрын
4 ай бұрын
Пікірлер
@heloisacamargo9864 5 күн бұрын
This video is fantastic! The explanations are clear and easy to follow. Thankss!
@mathe.creative 4 күн бұрын
You're welcome, i really appreciate your comment ☺
@mathe.creative 6 күн бұрын
Hello! Learn, share, enjoy and develop guys! Get access to all Mathe. Creative features: www.patreon.com/MatheCreative
@breeze7163 8 күн бұрын
thanks for showing some exciting stuffs !!
@mathe.creative 4 күн бұрын
You're welcome, that's what I'm here for :)
@mathe.creative 12 күн бұрын
Hello! Learn, share, enjoy and develop guys! Get access to all Mathe. Creative features: www.patreon.com/MatheCreative
@mathe.creative 18 күн бұрын
Hello! Learn, share, enjoy and develop guys! Get access to all Mathe. Creative features: www.patreon.com/MatheCreative
@daysayoshida4753 19 күн бұрын
Amazing!!
@mathe.creative 19 күн бұрын
Thank you 😃
@PauloCesar-bn5eu 20 күн бұрын
👏🏼🚀
@mathe.creative 19 күн бұрын
🙂✌
@PauloCesar-bn5eu 20 күн бұрын
Very good! 🚀
@mathe.creative 19 күн бұрын
I'm glad you liked, bro ✌
@PauloCesar-bn5eu 20 күн бұрын
👏🏼👏🏼👏🏼
@mathe.creative 19 күн бұрын
Thanks ✌
@mathe.creative 21 күн бұрын
Hello! Learn, share, enjoy and develop guys! Get access to all Mathe. Creative features: www.patreon.com/MatheCreative
@mathe.creative 27 күн бұрын
Hello! Learn, share, enjoy and develop guys! Get access to all Mathe. Creative features: www.patreon.com/MatheCreative
@PauloCesar-bn5eu Ай бұрын
👏🏼👏🏼👏🏼
@mathe.creative Ай бұрын
😃✌
@mathe.creative Ай бұрын
Hello! Learn, share, enjoy and develop, coders! ✌ Get access to all Mathe. Creative features: www.patreon.com/MatheCreative
@AWExKaizen Ай бұрын
thank you sir, that an easy tutorial
@mathe.creative Ай бұрын
You're welcome, Sir 😉
@ib4112 Ай бұрын
CODE IS NOT FREE
@mathe.creative Ай бұрын
Hi bro! The channel's source codes are available on Patreon (www.patreon.com/MatheCreative), some are paid. However, I also promote free codes for free members, including the one in this video is available this week 100% free. I hope it helps you in your work or studies ✌
@xiztspike81 Ай бұрын
thanks so much! 😍💯
@mathe.creative Ай бұрын
You're welcome 😉
@daysayoshida4753 Ай бұрын
Nice content!
@mathe.creative Ай бұрын
Thank you, I'm glad you liked it 😉
@mathe.creative Ай бұрын
Hello! Learn, share, enjoy and develop, coders! ✌ Get access to all Mathe. Creative features: www.patreon.com/MatheCreative
@TainaNarrea Ай бұрын
muy beno
@mathe.creative Ай бұрын
Thank you :)
@mathe.creative Ай бұрын
Hello! Learn, share, enjoy and develop, coders!✌ Get access to all Mathe. Creative features: www.patreon.com/MatheCreative
@pietromalvagi113 2 ай бұрын
Hi man, I tried to send you an e-mail some days ago at the address I found in the comments below, idk if you didn't read it or if you don't have time but just letting you know😊
@mathe.creative 2 ай бұрын
hello! I checked my email and your message automatically went to spam 🤦♂️, sorry, that's why I prefer a Patreon DM haha. I'll take the opportunity to see what you need and answer you, if possible by today, don't worry.
@guidsz 2 ай бұрын
someone knows a community where people help others with html and css stuff?
@mathe.creative Ай бұрын
Olá, Guilherme! Estou criando uma comunidade lá no Patreon, caso tenha interesse. Lá voce também pode ser um membro free, gostaria de ter voce por lá. cara. Já te adiantando, pretendo disponibilizar por tempo limitado o ebook sobre Front-end Edição 1 para os free members assim que eu lançar a Edição 2, então fique atento, dev :) www.patreon.com/MatheCreative
@mathe.creative 3 ай бұрын
Hello! Learn, share, enjoy and develop, coders! ✌️ Get access to all Mathe. Creative features: www.patreon.com/MatheCreative
@alf3k1 3 ай бұрын
Hi Mathe! Good quality work. I´ve bought you a coffee and awaiting the access to your Github as per your video description. Unfortunately, I haven´t received anything yet (been about 24 hours). When am I going to get access? Thanks so much.
@mathe.creative 3 ай бұрын
Hi bro! First of all, I'm sorry about that, buymeacoffee is a great platform, but it's not perfect - they're not notifying me about donations. I just sent the invitation to your email and to try to reward you for what happened, you will have 10 days of access instead of 7, ok? Confirm me about the invite, please 😀
@ayushmurugkar4657 3 ай бұрын
Hi! Hi I am trying just the card scrolling using html and css only! but I am not able to get any behaviour using #s1:checked~ .cards #slide3{ transform:scale(1.2) } What am I doing wrong? I made sure everything is structured as in the video like each label is assigned perfectly for the radio button and each label has an slide id and card and an image within it please help
@mathe.creative 3 ай бұрын
Hi there! I will try to help you, don't worry. So, your css declaration is apparently correct, what it expresses is "when the box with id s1 is checked then the element with id slider3 inside the .cards must have this style". Therefore, I believe the problem is possibly in your html, in the organization of the elements. Check it out and get back to me, the checkbox entries must be siblings of the elements that have the .cards class. Did you get it?
@ayushmurugkar4657 3 ай бұрын
Thank you for kind response! Actually, it was resolved as soon as I realised I was putting an extra comma after #slide,{ and it should be #slide{ Thanks again
@mathe.creative 3 ай бұрын
@ayushmurugkar4657 Oh yes, it doesn't really work 😅 Glad it went right!
@karthikeyanM-kf5ol 4 ай бұрын
i need ecommerce dashboard page
@mathe.creative 3 ай бұрын
Hi there! We will have this video soon :) You can have more information in advance by being a member on Patreon, take a look:
@3dnacho 4 ай бұрын
Your editing skills have improved a lot, nice job Mathe!
@mathe.creative 4 ай бұрын
I really appreciate your comment! As a friend, thank you Natan ✌
@mathe.creative 4 ай бұрын
Hi everyone! Learn, share, enjoy and develop, coders! ✌ Get access to all Mathe. Creative features: www.patreon.com/MatheCreative
@vinnypassmore5657 4 ай бұрын
looks fantastic, clever stuff but why does it give code errors 'input cannot be nested inside a button' ?
@mathe.creative 4 ай бұрын
Wow, your observation is very good. To resolve this, simply change the <button> to <div>, the type="button" will ensure smooth operation. I can thank you by giving free access to the channel repository, if you are interested, become a free Patreon member and I will release your email. Anyway, thank you ✌
@CODE_WITH_SAM8786 6 ай бұрын
There is no code in index.html file downloaded by ur drive link Please tell me how to download the complete source code
@mathe.creative 6 ай бұрын
Hello! I tested it here, and the code is indeed there. Could you please check again? If you're still having trouble viewing the code, you can join the official channel repository on GitHub (details in the channel description). There, you'll find this and many other projects, all 100% available. I would be happy to have you there with us :)
@alixone6668 6 ай бұрын
hello.the size of the cards covers the whole screen. How can I make the cards smaller?
@mathe.creative 6 ай бұрын
Hit here! In the styles.css file, on line 37, we set the height and width of the card container - you can change it there. Alternatively, you can adjust it directly on the cards at line 58. If you have any more questions, just ask here, and either I or someone from the community will be happy to help you :)
@nikolasteslaidol1796 7 ай бұрын
i ve a doubt ,Is this or bootstrap grid method better....??
@mathe.creative 6 ай бұрын
Hi, bro! In programming, we often encounter questions like this, as it's possible to achieve the same result in various different ways. I believe the important thing is to always test and validate according to the needs and our experience. I clearly think this is a good way to create a navbar, but the rest of the community here in the channel and I would like to know how you would do it using grid. Feel free to share it here or in the official channel repository if you'd like. Thanks :)
@mathe.creative 7 ай бұрын
Hi there! Learn, share, enjoy and develop, coders! ✌ Get access to all Mathe. Creative features: www.patreon.com/MatheCreative
@leandrohenrique6056 7 ай бұрын
Amazing
@mathe.creative 7 ай бұрын
Thanks, bro 😉
@leandrohenrique6056 7 ай бұрын
❤💪🏻😊
@mathe.creative 7 ай бұрын
😉😉😀
@leandrohenrique6056 7 ай бұрын
❤💪🏻😊
@mathe.creative 7 ай бұрын
Thanks 😀
@samsachan 7 ай бұрын
Code pl
@mathe.creative Ай бұрын
Hi there! Here www.patreon.com/MatheCreative :)
@mathe.creative 8 ай бұрын
Hi there! Learn, share, enjoy and develop, coders! Get access to all Mathe. Creative features: www.patreon.com/MatheCreative
@raginiragini5734 9 ай бұрын
slide is not getting added . even thought i have worte css for every one . please help me
@mathe.creative 9 ай бұрын
Hello! In the description of the video there is the source code (relax, it's free), could you test it based on it? I hope it helps :)
@playAliMusic 9 ай бұрын
Hey, I used the source code and everything works fine, but I'm getting this blue box/container behind all of the cards, it seems to appear only when I add the .cards in the CSS. But I can't get rid of the .cards otherwise they don't go to the right part of the page. How would I get rid of this blue box? UPDATE: I found what is causing it, it's the width. If I get rid of the width it will get rid of the box, but the cards will now show all the way to the right side of the screen, and attempting to move them back makes the box appear again. (with width and margin right/left). Would still love some help if you got any <3
@mathe.creative 9 ай бұрын
Hi there! Well, let's try to solve this little problem. First, as you mentioned about the cards being on the right, make sure you've made the adjustment I do at 13:03, ok? If the problem persists, I would need more details about this "blue container" that is appearing. If you prefer, you can send me an email with prints (it is available in the "About" tab here on the channel). I hope it works and if not, just contact me :)
@fadhildhanendra 9 ай бұрын
After I clicked on Modal's menu, it's always go back to the top after did a scrollspy, what should I do to solve that?
@mathe.creative 9 ай бұрын
Hello! I don't quite understand the problem you're facing, could you explain in more detail, please? If you prefer, you can send me an email and I will help you with this :)
@AhmedRabii100 10 ай бұрын
What is VS code Theme that you use??
@mathe.creative 9 ай бұрын
Hi there! I use the amazing Tokyo Night extension: marketplace.visualstudio.com/items?itemName=enkia.tokyo-night
@cesarsanchez1722 10 ай бұрын
Responsive?
@mathe.creative 9 ай бұрын
Hi! For the mobile version I think we could only display 3 cards instead of 5, we would do that using CSS media queries. Hope this helps
@Natural-Pigeon 10 ай бұрын
you are greet bro ❤❤❤
@mathe.creative 10 ай бұрын
Thanks, bro :)
@joseluisbecerra3855 10 ай бұрын
I really appreciate it, it really helped a lot!!!
@mathe.creative 10 ай бұрын
I'm happy to have helped you 🙂
@sahilsharma2867 10 ай бұрын
perfect! good one
@mathe.creative 10 ай бұрын
I appreciate the compliments, bro 😀
@mathe.creative 10 ай бұрын
Hi there! Learn, share, enjoy and develop, coders!✌ Get access to all Mathe. Creative features: www.patreon.com/MatheCreative
@breechcomet9724 11 ай бұрын
great tutorial i liked and subscribed aswell actually helping me more with front end, by the way i practiced this with 5 cards and was able to get similar results but when i tried it with 6 cards it became a mess can you help here is my code I did play around with yours so do bear in mind it'll look weird. but here is the css code: #s1:checked~.cards #slide5, #s2:checked~.cards #slide6, #s3:checked~.cards #slide1, #s4:checked~.cards #slide2, #s5:checked~.cards #slide3, #s6:checked~.cards #slide4 { box-shadow: 0 15px 35px 0 rgba(0, 0, 0, 45%); transform: translate3d(-70%, 0, -220px); --current-color1: #ECEAED; --current-color2: #404457; } #s1:checked~.cards #slide6, #s2:checked~.cards #slide1, #s3:checked~.cards #slide2, #s4:checked~.cards #slide3, #s5:checked~.cards #slide4 #s6:checked~.cards #slide5 { box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 45%); transform: translate3d(-35%, 0, -120px); --current-color1: #ECEAED; --current-color2: #404457; } #s1:checked~.cards #slide1, #s2:checked~.cards #slide2, #s3:checked~.cards #slide3, #s4:checked~.cards #slide4, #s5:checked~.cards #slide5, #s6:checked~.cards #slide6 { box-shadow: 0 25px 50px 0 rgba(0, 0, 0, 50%); transform: translate3d(0, 0, 0); --current-color1: #fad00c; --current-color2: #ECEAED; } #s1:checked~.cards #slide6, #s2:checked~.cards #slide5, #s3:checked~.cards #slide4, #s4:checked~.cards #slide3, #s5:checked~.cards #slide2, #s6:checked~.cards #slide1 { box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 45%); transform: translate3d(0, 0, 0); --current-color1: #ECEAED; --current-color2: #404457; } #s1:checked~.cards #slide5, #s2:checked~.cards #slide4, #s3:checked~.cards #slide3, #s4:checked~.cards #slide2, #s5:checked~.cards #slide1, #s6:checked~.cards #slide6 { box-shadow: 0 15px 35px 0 rgba(0, 0, 0, 45%); transform: translate3d(35%, 0, -120px); --current-color1: #ECEAED; --current-color2: #404457; } #s1:checked~.cards #slide4, #s2:checked~.cards #slide3, #s3:checked~.cards #slide2, #s4:checked~.cards #slide1, #s5:checked~.cards #slide6, #s6:checked~.cards #slide5 { box-shadow: 0 15px 35px 0 rgba(0, 0, 0, 45%); transform: translate3d(70%, 0, -220px); --current-color1: #ECEAED; --current-color2: #404457; }
@mathe.creative 10 ай бұрын
Hi there! First of all, sorry for the delay in responding, KZbin has hidden your comment from me for some reason. Anyway, we need to remember that this video effect is only valid for an odd number of displayed cards. We could easily have 6 cards in total, but we would only show 5, so far ok? Therefore, we would need to have one more declaration of card behavior that would basically look like this: #X1:checked~.cards #Y1, #X2:checked~.cards #Y2, #X3:checked~.cards #Y3, #X4:checked~.cards #Y4, #X5:checked~.cards #Y5, #X5:checked~.cards #Y6 { display: none; } Do you think you can follow? If you prefer, you can send me an email :) [email protected]
@mathe.creative Жыл бұрын
Hi there! Learn, share, enjoy and develop, coders! ✌ Get access to all Mathe. Creative features: www.patreon.com/MatheCreative
@mathe.creative Жыл бұрын
Hi there! Learn, share, enjoy and develop, coders! ✌ Get access to all Mathe. Creative features: www.patreon.com/MatheCreative