These CSS PRO Tips & Tricks Will Blow Your Mind!

  Рет қаралды 553,963

Coding2GO

Coding2GO

Күн бұрын

Пікірлер: 430
@coding2go
@coding2go 9 ай бұрын
Hope you guys learned something new. Feel free to share your own css tricks in the comments for others to see 😎 Edit: I uploaded the source code for the tips on my website if you guys wanna check it out: www.coding2go.com
@MAALTECH
@MAALTECH 6 ай бұрын
Subscribed immediately
@meew7571
@meew7571 6 ай бұрын
Bro god will blessed you for this tutorial. you just shared some cool tricks and explain it perfectly. hope you will share more tricks with great explanation like this.
@DrClappinCh33ks
@DrClappinCh33ks 6 ай бұрын
Very good video just subscribed. Please keep the vids coming
@ashwinbarnwal1281
@ashwinbarnwal1281 6 ай бұрын
One trick I knew so far : to follow css-tricks.com
@haginss
@haginss 6 ай бұрын
Very simple tutorial. Great content bro.
@sandarushashinda6912
@sandarushashinda6912 6 ай бұрын
bro got straight in to the point, didn't waste a single sec of my life, worth it
@James-the-elder
@James-the-elder 6 ай бұрын
Thought i was in like the 12th second or something 😂
@strawberrycake8253
@strawberrycake8253 5 ай бұрын
and they are actually useful tips
@AhmedAshraf-a.a4raf
@AhmedAshraf-a.a4raf 5 ай бұрын
I wasted by reading urs
@a_changedworld
@a_changedworld 4 ай бұрын
I'll be wasting my own life, thank you very much.
@YourChenlambec
@YourChenlambec 4 ай бұрын
I was literally going to skip the vid until I saw your comment
@dedse3
@dedse3 6 ай бұрын
I just got bombarded with information, not a single second to think about anything else rather than the CSS tips, just perfect!
@militarykaliber-rp7ss
@militarykaliber-rp7ss 6 ай бұрын
I love how straight to the point you are, no lengthy intro no bullshit, i just love it , you got a new sub
@atleast_me
@atleast_me 2 ай бұрын
I'm speechless, In my entire life, I have never seen a video like this. This 8 minutes video is equivalent to 8 - 10 full size videos. Salute.
@madhavanair3744
@madhavanair3744 8 ай бұрын
That glass effect was super awesome 🥶
@manfromexistence
@manfromexistence 6 ай бұрын
Bro, I watched so many CSS tricks but this trick you gave is so awesome. Thanks bro, I didn't realize until now that ':not' and ':has' CSS new selectors can be so useful and CSS scroll trick is also so awesome too. Thanks a lot!!!
@tiendatniit
@tiendatniit 6 ай бұрын
Your video is really awesome! Eight years ago, I was completely focused on backend development. Only now am I realizing how much CSS has changed. It's crazy!
@HanifCarroll
@HanifCarroll 2 ай бұрын
That text color gradient was amazing! All of these tricks are really useful 🤯
@joeldk42
@joeldk42 2 ай бұрын
Always hesitant to click on these kinds of videos, but I did it this time and was not disappointed. Learned a few things and I'm not new to web dev.
@lonesakib01
@lonesakib01 6 ай бұрын
Bro is the GOAT of CSS 💀
@Htbaa
@Htbaa 6 ай бұрын
For accessibility concerns please don't misuse a checkbox for that purpose. Other than that some awesome tricks in here, especially the snapping slider.
@Semmelein
@Semmelein 6 ай бұрын
Why not? In what way is this a problem with accessibility?
@Htbaa
@Htbaa 6 ай бұрын
@@Semmelein because a checkbox alone tells nothing about the state of a menu. Just even try operating this example in a blind test with a screen reader.
@HIHIQY1
@HIHIQY1 3 ай бұрын
@@Htbaa that's where aria tags come into play though
@WhiskerCat09
@WhiskerCat09 2 ай бұрын
I never think about accessibility for my projects, they are the type of projects where if you have the problem with accessibility on it you're not even going to be able to properly use the service to begin with lol
@Htbaa
@Htbaa 2 ай бұрын
@ “lol” 🙄. Depending on your customer target country laws might require you to build digital accessible services. It’s not really an option anymore. In Europe with B2C you’re required to build accessible websites, apps, terminals etc. In some cases your company might be exempted.
@darknezx9542
@darknezx9542 6 ай бұрын
Incredible content, no BS, just tip after tip
@EverythingTechTime
@EverythingTechTime 5 ай бұрын
Ayo
@RobertWildling
@RobertWildling 6 ай бұрын
Love the scroll-snap! Thank you vey much! Also the straight-to-the-point character of your tutes is highly appreciated! Subscribed!
@coding2go
@coding2go 6 ай бұрын
Thank you! I appreciate the kind words. Welcome to the channel 👋
@Digital_1mpulse
@Digital_1mpulse 6 ай бұрын
That background-filter is awesome. Always wondered how that worked. Clamp is a nice to know as well! Learned something new. Appreciate the video!
@coding2go
@coding2go 6 ай бұрын
Thank you
@emilhozan71
@emilhozan71 6 ай бұрын
I'm big into JS-less sites and this video was fantastic. Such innovative design concepts - not to mention artistic and highly appealing. Earned a sub from me!
@bakasenpaidesu
@bakasenpaidesu 6 ай бұрын
Do you have CSS beginner to advanced course? If no then you should definitely make one I will surely buy it.
@coding2go
@coding2go 6 ай бұрын
We are currently working on a CSS course. The plan is to publish the course next month. We will let you know when the course is available.
@bakasenpaidesu
@bakasenpaidesu 6 ай бұрын
@@coding2go ok, roger sensei !!!
@coding2go
@coding2go 5 ай бұрын
Hey there, you were asking for a CSS course a while ago... I wanted to let you know that we published it on Udemy a few weeks ago in case you are still interested. I don't know if you already got the info through our announcement video but I am letting you know anyways. I would be happy to have you as a student! You can get the course here if you haven't got it already: www.udemy.com/course/learn-html-and-css-in-7-days-web-developer-bootcamp/?referralCode=8054BF2C4D86FC75DB00
@Moamal-Alaa
@Moamal-Alaa 6 ай бұрын
Great video bro, Just one thing you haven't mentioned in the video, If you rely on checkbox inputs to toggle the menu you have to make sure it won't ruin the accessibility, and as you mentioned users won't notice but the browsers, so becareful when you use checkboxes for other purposes.
@Beingbasu
@Beingbasu 2 ай бұрын
Just completed basic CSS . Thanks for upscaling tips ❤
@FilipeFreire
@FilipeFreire 4 ай бұрын
I love this type of content delivery. super straight to the point while adding as much value as possible! Awesome job Fabian & Pavel! 👏👏
@SnakesRaven
@SnakesRaven 5 ай бұрын
Everything the others already said: straight to the point, no BS and useful. So refreshing. New sub!
@OpeNinGCA
@OpeNinGCA 3 ай бұрын
Great work, I usually dont comment or like videos but Sir you deserved that. Great work, straight to the point and no selling scatchy courses. love it, keep it up!
@SebastianPerezDev
@SebastianPerezDev 6 ай бұрын
Gradient trick for text is awesome, dude, thank you
@coding2go
@coding2go 6 ай бұрын
Glad you like it!
@Supertramp133
@Supertramp133 3 ай бұрын
They ARE mindblowing!! Definetely gonna use them, thank you!!
@lucianminea
@lucianminea 4 ай бұрын
Just PERFECT ! Simple, concise and to the point !
@TrendingShorts-5G
@TrendingShorts-5G 6 ай бұрын
please make more video on css and one thing you do different is first you visualize the problem and then provide solution this is really amazing and helpful for beginners
@coding2go
@coding2go 6 ай бұрын
Thanks, will do.
@ShashankNaithani
@ShashankNaithani 3 ай бұрын
thank you very much. I was trying scroll with js in the last few days. excited to try out purely in css.
@rongitmukherjee
@rongitmukherjee 6 ай бұрын
That was no bullshit straight to the point, informative, clean and helpful. New subscriber here.
@coding2go
@coding2go 6 ай бұрын
Thanks, glad you like it! Welcome to the channel ✌️
@nitrousdx5754
@nitrousdx5754 5 ай бұрын
That card snapping is a game changer for me! Good thing I stumbled upon on this channel. You earned a sub!
@julianzenker824
@julianzenker824 3 ай бұрын
best CSS related video on the tubes!!
@yeetskeet691
@yeetskeet691 6 ай бұрын
I absolutely love CSS, I’ve used the label trick before for dropdown messages. CSS is amazing
@mrcash1309
@mrcash1309 5 ай бұрын
Im doing web development since 5 years now. Where have you been all that time? Amazing content, subscribed!
@letmewatch.
@letmewatch. 6 ай бұрын
More like these! Absolute learnt a ton. An 8 minute video I spent over an hour watching trying everything out. I absolutely am stunned!
@tejasshekar
@tejasshekar 3 ай бұрын
Like everyone said, not a single second of my time was wasted. Definitely deserves a like and subscribe.
@MinePixel_YT
@MinePixel_YT 19 күн бұрын
Thanks To Your Really Great Tricks. I Recently Watched One Of Your Videos Which Was About "Learn To Animate The Borders" Which Made My Friends Confused For How I Do It Without Js And Just With CSS. Big Thanks To You Man. I Really Appreciate You 🙏
@Jobbled-teaches-IT
@Jobbled-teaches-IT 2 ай бұрын
That scrolling part has been just what I have been looking for. Thank God for you Bro!!!!! :)) :))
@TheCebulon
@TheCebulon 3 ай бұрын
These are valuable „tricks“. I always was amazed how easy every one of these are achieved. Thank you.
@acryliq
@acryliq 4 ай бұрын
From the first second you got my interest. At 60 seconds mark you convinced me to subscribe which I do not do that often. Thank you for a very useful video!
@mov4736
@mov4736 Ай бұрын
The snapping one is mind-blowing!
@lukas.webdev
@lukas.webdev 2 ай бұрын
Awesome video! Thanks for sharing those valuable tricks. 😉🔥
@user-hw9cs6te5y
@user-hw9cs6te5y 6 ай бұрын
This is the perfect video!! Thank you very much, I learned a lot of new, interesting and useful things in just 8 minutes. Keep up the good work!
@coding2go
@coding2go 6 ай бұрын
Glad you liked it!
@martinharyanto4465
@martinharyanto4465 5 ай бұрын
Auto subscribe. Very clean and detail explanation. Straight forward and showing examples directly. ❤
@darigames2859
@darigames2859 6 ай бұрын
This is genuinely one of the best tips and tricks videos I’ve seen
@Tix_Blox
@Tix_Blox 2 ай бұрын
Dude, you are the best, keep up
@Grace7890-g3g
@Grace7890-g3g Ай бұрын
He is the GOAT of CSS ❤ I would really appreciate it if you suggest a book I should read to become a better web developer
@devinda_me
@devinda_me 4 ай бұрын
To the point, great pacing and excellent examples ! Literally what I was looking for ❤
@twign6378
@twign6378 3 ай бұрын
Great video with zero filler 👏
@alex73167
@alex73167 2 ай бұрын
great video, straight to the point! thanks man!
@jgerton
@jgerton 4 ай бұрын
immediately to the point AND learned new css tricks. thanks! you got my sub
@strawberrylemonade5546
@strawberrylemonade5546 Ай бұрын
i can never finish vids like these bc they get too long winded and bore me but this one didn't make me want to rip my hair out halfway through lol. cool vid
@gautam_nath
@gautam_nath 5 ай бұрын
Being a UI developer for 5 years, I swear I learnt a lot new things today
@lindanigrootboom4634
@lindanigrootboom4634 4 ай бұрын
🔥🔥🔥 Learned a lot from KZbin today
@harshrawat503
@harshrawat503 2 ай бұрын
just looking for this type of content thanks brahhhh
@ac.23z
@ac.23z 3 ай бұрын
Best css animation and explanation 👏🚀
@lewisone
@lewisone 3 ай бұрын
Your explanations are as clean as your code. Great job.
@phoneywheeze
@phoneywheeze 2 ай бұрын
6:25 or just use ordered list with number list type?
@coel312
@coel312 6 ай бұрын
This is a great video! Just a question, are most of these features supported by most modern browsers? They seem kind of new
@wlockuz4467
@wlockuz4467 5 ай бұрын
The scroll-snap blew my mind! Instant sub.
@StCreed
@StCreed 3 ай бұрын
Halfway through and I already got at least one really good tip. That's pretty amazing.
@Ayaz-f2s
@Ayaz-f2s 2 ай бұрын
Bro deserves infinity subscribers ❤
@eliecersmora5931
@eliecersmora5931 Ай бұрын
This content is Gold!!
@danhloc112
@danhloc112 4 ай бұрын
That is awesome!. Some tricks are so MINDBLOWING. Thanks bro!
@gareth2021
@gareth2021 5 ай бұрын
Great Video, learned something new and rest is definitely helpful and I would have needed sometime ago :). Btw Like the „straight to the Point“ Style
@garryalfonso1609
@garryalfonso1609 6 ай бұрын
Love it! The KZbin Algorithm should recommend you. I gave you a thumbs up 👍.
@coding2go
@coding2go 5 ай бұрын
Thank you 💙
@sovereignlivingsoul
@sovereignlivingsoul 4 ай бұрын
it's easy to fall into javascript, thanks for the reminder, i use tabs quite often to create multi-page elements, just for fun, great video, subbed
@EmperorInfern0
@EmperorInfern0 5 ай бұрын
Oh my god. I bookmarked this just to refer to it again and again. Buddy, THANK YOU!!!
@mrjohncrumpton
@mrjohncrumpton 5 ай бұрын
Excellent. The missing space after the class name and open squirely brackets is getting to me!
@redakker
@redakker 6 ай бұрын
Thank you so much! Explanation and presentation are awesome! Keep going in this way
@yumyum7196
@yumyum7196 4 ай бұрын
This video was great! I’m immediately going to update a lot of things to these
@PhucTran-zj5is
@PhucTran-zj5is 6 ай бұрын
U gimme almost trick I don't know and still find it till I watched this video. Thanks ❤❤❤
@AA100HP
@AA100HP 6 ай бұрын
Love these simple yet so useful videos! Keep up the good work! 🎉
@coding2go
@coding2go 6 ай бұрын
Thank you! Will do!
@MiHawk-jn9oq
@MiHawk-jn9oq 6 ай бұрын
i love how you teach us the slide with snap. can you also upload a video how can you make a carousel type. for example, we have 5 slides, and after scolling the 5th slide, the one will popup is the 1st slide again.
@coding2go
@coding2go 6 ай бұрын
Sure, I will make a video on that, though it needs some time until it comes out.
@egorovsa
@egorovsa 3 ай бұрын
last trick with slider was really on time for me ) thanks )
@kunal007216
@kunal007216 5 ай бұрын
So wonderful...I knew few but others are just mind blowing...Subscribing you right away.
@jeloi9364
@jeloi9364 5 ай бұрын
amazing tips! clear and concise explanation. Great job! :)
@lacuevadelinsecto
@lacuevadelinsecto 4 ай бұрын
I can watch this video the whole day. Just a lot of useful tips and triks!
@vasiovasio
@vasiovasio 3 ай бұрын
Great video! Thank you! 😊😊😊
@devilrjn1587
@devilrjn1587 6 ай бұрын
Thanks brother. I am coding from years but didn't know these features exist.
@yashkhawale
@yashkhawale 9 ай бұрын
Really helpful video. Like your simple way of teaching. Could you please create a multi page website building video using html, CSS and js?
@pawanbhatt9329
@pawanbhatt9329 6 ай бұрын
No time waste to the point always love it ❤
@TheSengard
@TheSengard 3 ай бұрын
So many new information for me. Thanks. Will help in future Webdesign.
@shfunky
@shfunky 6 ай бұрын
Nice one! First time seeing many of these.
@JoystickStereo
@JoystickStereo 6 ай бұрын
I didn't know about scroll snapping-that's dope. That new morphism one is cool too
@denhamk
@denhamk 6 ай бұрын
Wow. That text gradient trick was 🔥!! Next can you show me how you blur the background when I hover over my megamenu 🤪 (like apple’s website?) 😉
@TheWellington1997
@TheWellington1997 6 ай бұрын
Amazing video, straight to the point, won a subscriber
@Belladonna_khaday
@Belladonna_khaday 6 ай бұрын
Bro Thank you so much❤❤. This video is incredible and it worth to watch. You earned one more subscriber.
@ВолодимирБарибін-е8у
@ВолодимирБарибін-е8у 4 ай бұрын
Wow, It's fantastic! Thank you for the video!
@bulolo_wilber
@bulolo_wilber 3 ай бұрын
6:30 Imagine the shock on my face when I learnt of counters, the time I'd have saved. That is a game changer to counter do all the work
@redflowerorigamipapercraft
@redflowerorigamipapercraft 3 ай бұрын
This guy deserves 99999999 Billion likes and subscribers ❤ Edit: please do not skip ads cuz this is the only financial help we can do
@rahul360_
@rahul360_ 6 ай бұрын
Bro I really want to more videos like this... It's really helpful me❤
@bas9534
@bas9534 5 ай бұрын
thx for the tip, now time to give this lesson a try on real code. ps. like the way you straight in to the point ❤
@steel_hat_pirates
@steel_hat_pirates 4 ай бұрын
The counter reset headings one was really helpful~
@HalbyG
@HalbyG 29 күн бұрын
Really awesome content. Just one correction, it’s called “Neumorphism”
@NaveenBandari
@NaveenBandari 5 ай бұрын
Wow, it's grt information for us, thanks for the video
@Baccardi151
@Baccardi151 6 ай бұрын
Learned alot, & you didn't waste any time, much appreciated
@richochet
@richochet 3 ай бұрын
Brilliant! 🎉 PS please would you consider chapter markers 🙏🏼
@commandstring
@commandstring 4 ай бұрын
The snap scrolling is one I'll definitely be using more often.
@LydianMelody
@LydianMelody 4 ай бұрын
I learned 10 new things thank you!
@aliulanowar7802
@aliulanowar7802 3 ай бұрын
excellent as well helpful , thanks a lot for providing that content .
@fullStackInKannada
@fullStackInKannada 3 ай бұрын
Very useful video, I really liked it! Thank you :)
10 CSS PRO Tips and Tricks you NEED to know
9:00
Coding2GO
Рет қаралды 127 М.
5 Signs of an Inexperienced Self-Taught Developer (and how to fix)
8:40
How to treat Acne💉
00:31
ISSEI / いっせい
Рет қаралды 108 МЛН
Une nouvelle voiture pour Noël 🥹
00:28
Nicocapone
Рет қаралды 9 МЛН
99.9% IMPOSSIBLE
00:24
STORROR
Рет қаралды 31 МЛН
Stop Using Pixels For Media Queries
18:48
Web Dev Simplified
Рет қаралды 59 М.
CSS Tips And Tricks I Wish I Knew Before
12:12
Lama Dev
Рет қаралды 500 М.
5 CSS Tips & Tricks for better Responsive Web Design
9:39
Coding2GO
Рет қаралды 67 М.
The problems with viewport units
13:23
Kevin Powell
Рет қаралды 371 М.
Every React Concept Explained in 12 Minutes
11:53
Code Bootcamp
Рет қаралды 952 М.
My best CSS tips from 2024
16:55
Kevin Powell
Рет қаралды 19 М.
Award Winning Animation With Only 20 Lines Of CSS?
6:59
Hyperplexed
Рет қаралды 1,9 МЛН
10 CSS Pro Tips - Code this, NOT that!
9:39
Fireship
Рет қаралды 2,3 МЛН
The Easy Way to Design Top Tier Websites
11:54
Sajid
Рет қаралды 709 М.
How to treat Acne💉
00:31
ISSEI / いっせい
Рет қаралды 108 МЛН