Tooltip Hover Transition for Social Media Icons HTML & CSS Tutorial

Рет қаралды 13,905

Coding2GO

Күн бұрын

Пікірлер: 61

@muazsrc 2 ай бұрын

nice, I actually learned something from a HTML and CSS tutorial🤡

@JavaScript-er101 2 ай бұрын

@Coding2GO you should make a full website tutorial and use *all* your magic CSS powers so we can learn from em.

@DineshVaidyaOfficial 2 ай бұрын

A BIG WOW!!! Thank you sooooo much for this beautiful and amazing tutorial. Please keep it on. Thanks once again.

@AS-mc2db Ай бұрын

Sir you really teach us unique content that other KZbinrs don't know 😂😂😂❤❤❤ really appreciated 👍

@Mustavii 2 ай бұрын

Your tutorials are Amazing and mind blowing all time. Plz Give a tutorial about css units. e.g : em, rem, %, px, vw, vh. Hope that you'll give. Thanks in advance 💖💖💖

@sergeylihodeev 2 ай бұрын

Thanks. Dat attribute for pseudo element is a great idea!

@StarliDev 2 ай бұрын

Your videos are truly excellent, and I've learned a lot from them.

@coding2go 2 ай бұрын

Awesome, thank you!

@fullStackInKannada 25 күн бұрын

Very useful video, really liked it! Thank you :)

@DavidLopez-eg6it 2 ай бұрын

This is great. I will try it out tomorrow ❤

@euroxx67 2 ай бұрын

Actually love this guy

@georgejere2306 2 ай бұрын

Amazing!🎉

@Dexter101x 2 ай бұрын

Wow, didn't know about the attr() in CSS

@Sayvai 2 ай бұрын

Really nice short simple tutorial. Thank you 🙌 I suppose there could be one consideration for improvement, and that's more to do with accessibility. Where instead of using data attributes (e.g. `data-social`) for describing the individual social media platforms, we could instead improve this by using `aria-label` attribute, and then in the CSS declaration, we could refer to the attribute as `attr(aria-label)` to pick up on the underlying social media platform texts? That way assistive technologies can pick up on these labels too 🙂 Feel free to correct me.

@relaxingbuddygaming8867 2 ай бұрын

Thanks for make it simple and i learn new about function also ❤

@JLoveReacts 2 ай бұрын

Thank you for teaching me something new :)

@radeveloper0 2 ай бұрын

You are a Software Developer like Great Software Developer in the world. Please make video of FULL STACK DEVELOPMENT COURSE using MERN and Java...

@vic_shine 2 ай бұрын

thanks 👍 please do more similar videos of the CSS only features

@Megaman3451 27 күн бұрын

For the CSS on the psuedo before and after, since that code is fairly repetitive. You can probably just combine them via a comma since of two separate entries

@IslamicHub12 2 ай бұрын

Bro always the best

@zaidkhan-s5v1u 2 ай бұрын

thanks

@badr_eddin.py1 2 ай бұрын

Amazing ❤

@Pavelius 2 ай бұрын

Thank you

@bharatpanchal8094 2 ай бұрын

That was amazing

@sakshamsinghrajput22 2 ай бұрын

Please tell about the cubic-bezier property in detail ❤

@hakansalih 2 ай бұрын

7:24 border:10px solid transparent; border-top-color:red; daha doğru bir kullanım olur.

@reanwithkimleng 2 ай бұрын

❤❤❤ moreee😊

@MightyHuff 25 күн бұрын

How do you get the arrow pointing in the other directions?

@Siva-fr8in 2 ай бұрын

JavaScript specific videos upload bro

@coding2go 2 ай бұрын

Will upload soon

@wizmastery 2 ай бұрын

nice video!

@BaTanCao-qy8gz Ай бұрын

Could you tell me the tool name when you inspect and activity with type of transition ex: ease-in, .... How to install it ?

@rohanrohsai3760 2 ай бұрын

Start playlist for javascript bro

@abdulloh1071 2 ай бұрын

nice

@Idkname709 2 ай бұрын

Hello! since i am a beginner in front end developing and learning css i had the question " can we make a gradient color in the variable accent color?? "

@playinhertz 2 ай бұрын

Hey can you make how portfolio site able to demonstrate their other projects inside the same page with hover (then automatically scroll through their project site) and onclick the project site opens in the same screen with little bit of margin... Please help me with this

@DavidLopez-eg6it 2 ай бұрын

While replicating the code I noticed that the way the KZbin icon color is applied on hover is not accurate. Instead of fill white, it should be red. However this will mess up the code. How would you do it without styling it individually?

@Procode-w2r 2 ай бұрын

how to add favicon

@bottleofwater5538 2 ай бұрын

whats the Name of your Vscode Theme

@coding2go 2 ай бұрын

I use "Material Theme Palenight High Contrast". You can get it by installing the Material Theme Extension. I also disabled many things in VS Code for a more minimalist editor. Go to View -> Appearance and uncheck the things you don't need.

@stephaniehillier4944 3 күн бұрын

It's really hard to see and it's very fast when you're putting the links in for the social media. Maybe make your screen a little smaller and go a little slower!

@MuneerMulla-cj9cj 2 ай бұрын

Brother i am stuck in how to make navigation baar ?

@caveman8432 2 ай бұрын

well... it would be great if you teach us html and css

@coding2go 2 ай бұрын

Hey, I am always open to video suggestions. What topic specifically would you like us to make a video about? If you are interested in learning all the fundamentals of HTML & CSS from the beginning, I recommend our HTML & CSS Course on Udemy.

@caveman8432 2 ай бұрын

@@coding2go Thank you, can i get the link please

@amazingrespect7089 2 ай бұрын

Video start from 1:15 😅😅😅

@mjawale12345 2 ай бұрын

But that website is not opening

@robertholtz 2 ай бұрын

10:51 - In Cubic-Bezier, Bezier is NOT pronounced "be-zire" as your said it. The correct pronunciation is BEZ-ee-yay (emphasis on the first syllable), named after the French engineer, inventor, and automotive designer, Pierre Bézier, who popularized and patented the Bézier Curve - the parametric curve you defined in your FireFox dev tools. The particular application here is also known as a spline or a control path or even a Bézier Path. So the name does not rhyme with "desire". It is 3 syllables not 2. BEZ-ee-yay. Pronounced at the end similarly to Perrier (Pair-ee-yay). Bézier curves are used in automotive design, architecture, vector graphics, motion graphics, motion control, typography, and statistical analytics. A Cubic-Bézier is a specific type of Bézier Curve characterized by having exactly 4 so-called control-points, specifically to ease or smooth the transition of polynomials. The brilliance of Bézier's Curve is that it expresses what would otherwise look like a mad scientists chalkboard full of polynomial equations into a simple, elegant, almost artful representation. Thanks for indulging the rant. Hope you found this helpful. Cheers.

@coding2go 2 ай бұрын

Thanks for the correction that was very informative.

@robertholtz 2 ай бұрын

@@coding2go My pleasure. Thank you for the excellent video and the thoughtful reply. To your continued success!

@DavidLopez-eg6it 2 ай бұрын

@@robertholtz Too many words. Who cares about the pronunciation as long as it is understandable. For most of us, English is not out native language. Take it easy.

@robertholtz 2 ай бұрын

@@DavidLopez-eg6it Bézier isn't English. Say it however you wish. My comment wasn't aimed at you. You're not the content creator. If, on the other hand, you are making instructional videos with an audience that you aim to educate and enlighten, you should say the name right. That is not an unreasonable expectation on my part. @coding2go addressed my comment with grace and clearly cares about upholding a certain standard of quality.