Topics: 1. 1:36 - Pointer-events:all 2. 5:38 - Block vs Inline 3. 11:15 - Margin auto to center 4. 12:21 - Line-height to center text 5. 12:31 - p::selection and p::first-letter 6. 14:08 - Ancla with smoth scroll 7. 15:46 - Invert the colors on the screen 8. 18:18 - Adapt text on risize 9. 19:45 - Doble box-shadow 10. 21:55 - Text Gradient
@jakem95194 жыл бұрын
Roberto Sanchez what do you mean? Like this is stuff to go on a resume?
@danpalu23084 жыл бұрын
Go away Roberto
@dharmang4 жыл бұрын
@@jakem9519 learn english first. the word can be used in different contexts.
@jakem95194 жыл бұрын
Dharmang Learn English? The one who posted the comment really had no context to go off of, so if you have nothing constructive to say, fuck off snowflake.
@FordExplorer-rm6ew4 жыл бұрын
Thenkg u
@BosskFett884 жыл бұрын
He makes learning so much fun. Anyone can be an instructor, but not everyone can teach. He teaches by using enthusiasm and a love for the material. Thanks
@sypo_x18913 жыл бұрын
true asf .. i really don't understand why all instructors in universitys must be very lazy boring teachers
@ProgrammingWithTSH2 жыл бұрын
kzfaq.info/get/bejne/i8CXdbeJr8vSkps.html
@normaneshuchi54744 жыл бұрын
I knew all these tricks back when Michael Jackson was still trying to setup his clothing store... Billie Jeans For real though, great video!!!!
@manvsgaming074 жыл бұрын
😂😂😂
@MichaStolarskiPL4 жыл бұрын
They are not even tricks ...
@CicovicDejan4 жыл бұрын
man i knew this when i was 14...
@yassinezaza71184 жыл бұрын
@@CicovicDejan so you are 14 now
@yassinecherik40963 жыл бұрын
hahahaha
@developedbyed4 жыл бұрын
The Creative HTML5 and CSS course is officially launching on December the 4th! Thanks so much for all the wonderful support this year and hopefully next year we can do several other courses including javascript, ui design and more!
@sunnydhama4 жыл бұрын
$20? udemy courses for $5 and skillshare for $10 for a month for 1000s of courses
@SahraClayton4 жыл бұрын
will you make a full javascript course
@nekotrecixxx60194 жыл бұрын
20 is not much.... if he is doing this on yt imagine what will u learn for 20$
@developedbyed4 жыл бұрын
@@nekotrecixxx6019 12hours of jam packed content! Its going to be great! Thank you!
@jurygregorio9744 жыл бұрын
Where can i buy it?
@alexanderschirmer45934 жыл бұрын
1:28 "I might smile right now but I am actually in pain" Yeah, same here.
@denns0r4 жыл бұрын
btw: using display: inline-block (or even inline-flex) will give you the benefits of inline and block... takes only the space thats needed, but takes margin, height and stuff... great vid (as usual 🙂)
@ProgrammingWithTSH2 жыл бұрын
kzfaq.info/get/bejne/i8CXdbeJr8vSkps.html
@SeanClaDesigns4 жыл бұрын
$20 for the course!?!? That is an insane price. I hope everyone picks it up. I know I will. Dev Ed you da best boi!
@danpalu23084 жыл бұрын
Why, when you can get a 40 hour ("aour" not "haour") course on udemy for $9
@SeanClaDesigns4 жыл бұрын
Dan Palu I took the course. It was great the way he explained everything easily and he is an engaging teacher. I felt I leaned a lot and maybe I could get that from udemy but I was entertained along the way as well. If you need to learn the concepts I suggest getting it
@Anto-xh5vn3 жыл бұрын
@@SeanClaDesigns Different tastes
@Feninou3 жыл бұрын
The 'I am doing tha weird accent again' just killed me bro ! Self awarness = 1000% lmao
@PhilSmit4 жыл бұрын
Ed, every one of your videos makes me smile and I get to learn something new in the process. That's the best kind of learning in my book! 👍 Thank you!
@Tizmo-tt9ry4 жыл бұрын
i knew all of these tricks what you mean i knew this since micheal jackson was chamona
@vain_za4 жыл бұрын
13:48 Luckily that *L* wasn't a *D* otherwise we would just sit here in awkward silence.
@keshavapiyushprasad54394 жыл бұрын
Okayyyy......???
@koko54984 жыл бұрын
The last gradient explanation was the best distinction explanation of inline and block elements
@Luuck3Fire4 жыл бұрын
Scroll-bar behavior was the most awesome function that u show in my opnion.
@estherabella19534 жыл бұрын
"Internet Explorer can go to the trashcan." OOF
@BBlackSmitHH3 жыл бұрын
0:28 “lets take a look at these cool pricks”😂
@mrgoferdather3 жыл бұрын
he said "tricks" not pricks
@BBlackSmitHH3 жыл бұрын
@@mrgoferdather it sounded like pricks🤷🏻♂️
@chemedev4 жыл бұрын
Love the last one, tried it one time but didn't realize I needed to change the display to inline, you're a beast!
@jonyjalfon944 жыл бұрын
Hey Ed i've been watching your videos for a while and i just realized how the background music makes it way more watchable and less monotone than other tutorial videos. Thank you for the amazing content and keep it up!!
@youssefkossale36804 жыл бұрын
I just watched the whole video without noticing that it's 24min long !!! I enjoy your content so much keep up the hard work !! 💛 from Morocco
@lordneojacks4 жыл бұрын
The invert and scroll behavior blew my mind
@ApoLk_3 жыл бұрын
this was the man who taught me to *center a div,* INSTANT subscribe & like & changed my life & will never forget ty ty
@santra5284 жыл бұрын
19:40 I fell slightly asleep while watching the video then boom!! I woke up again, Thanks for the CSS tricks,
@sebastiaanvv4 жыл бұрын
For three months I'm learning to program as a new hobby. So yes, most of the content I did not know ;) I'm so happy that people like you make these enthousiastic video's and tutorials for other people to learn from. Thank you thank you!!! I hope you realise you are bringing a lot of joy and professionalism into the world by doing this.
@diehldrifts4 жыл бұрын
OMG Ed, why are you so good to us? Recent follower and already loving your content so much :) :) :)
@samvibes85443 жыл бұрын
I love your trick's as I'm new to web development , Also I'm used to many of your trick's . Thanks for making this cool videos😊
@lukas.webdev Жыл бұрын
maybe my new video about the top 10 CSS features in 2023 is interesting for you as well? 😉
@fandreeamihaela4 жыл бұрын
You are the best!!! I cannot wait to purchase your course. I always go for free courses but I’m sure that yours will worth every penny, even if I will not learn anything new I’m happy to support you.
@kristinac82504 жыл бұрын
Your teaching style makes me feel like less of an idiot. :D CSS is my least favorite. I needed all of these tricks. Thanks!
@H1L1CH4 жыл бұрын
Great video! Adapting code on risizing, margin auto to center and adding gradient to the text stroke me! You are a CSS God, brother!
@oliverarensbach70253 жыл бұрын
you saved my life with the first one THANKS!
@boristherin41043 жыл бұрын
started like i will find one or two tricks, but was a good one video, learned much more !
@dawidfrankiewicz89944 жыл бұрын
Trick 1. You can use javascript. First animate with CSS, set timeout to same time that animation takes in javascript and it works. Also just make something that blocks user from activating script multiple times, simple i++ and i-- will work here. Using your trick element is still displayed so it takes space, if you need that space to be empty for other elements i think my trick is better here.
@SamFishback2 жыл бұрын
Wanted to make a text gradient for a project, thought I would have to import something. Turns out i just had to get youtube algorithm to suggest me your video. Thank you, sensei
@OPGAMER.4 жыл бұрын
Which theme you have use in this video ?
@ethantaylor83704 жыл бұрын
Man epic vid. Its got a few little tricks I prob should have known but honestly I didn't. Thanks man.
@jomoc61123 жыл бұрын
no lie here i already know everything on this video. just from watching all your videos in 2021 😂 and searching for missing pieces i missed.
@TrivoPlays3 жыл бұрын
I love how he is so knowledgeable but at the same time like "the f is this not working?" - daily live of a dev lmao
@pierrebertin43644 жыл бұрын
There is nothing better than basic things, very nice video !
@bilalbeny417210 ай бұрын
Thank you so much for all your videos, I have been enjoying watching them. you have a funny and incredible way for learning!!.😍😍😍🥰
@CosminSerbanDesign4 жыл бұрын
congrats for the 200k - happy to hear you're releasing a course!
@SHAJ33044 жыл бұрын
You're genuinely a great guy! Thanks so much!
@MichaelCampbell014 жыл бұрын
I'll be the one(?) guy that says, I didn't know any of these. I'm new to frontend work. So I enjoyed all of it. Thanks!
@90skid274 жыл бұрын
I'am a 90's kid and I find the intro offensive, cause I don't even know CSS - Joking.. Great video!
@alimir53502 жыл бұрын
knew most of them already!! seems like I'm good at this thing 😎😎
@lukas.webdev Жыл бұрын
I just posted a new video about the Top 10 CSS Features to know and use in 2023... do you already know most of them as well? 😜
@alimir5350 Жыл бұрын
@@lukas.webdev nice trick bro!! I'll watch it though!!
@lukas.webdev Жыл бұрын
@@alimir5350 Thanks bro. 😉
@UzairAli0013 жыл бұрын
5:00 I usually set visibility to hidden which works as well
@mirabbos024 жыл бұрын
Thank you very much for 14:08 this is something which really looking for
@karolinalencina71213 жыл бұрын
You’re too good to be real Ed!
@AmericanCube Жыл бұрын
"And let's be honest, IE can go to the trash can" 🤣🤣
@sheeraz10224 жыл бұрын
This was awesome. Most of the things I didn't knew before. Please keep on sharing similar things.
@alicenorman52364 жыл бұрын
Just bought your HTML/CSS course! So excited to start. Thanks for your hard work! 😄
@developedbyed4 жыл бұрын
Hope you enjoy! ❤️
@ProgrammingWithTSH2 жыл бұрын
kzfaq.info/get/bejne/i8CXdbeJr8vSkps.html
@AtifKhan-cm8qv4 жыл бұрын
Thank you Dev Ed you teached me a lot. Thank you so much 😀😀😀
@Danilo07172 жыл бұрын
Ed, do you update the courses you have available for sell? I saw your courses content and I am amazed man. I am buying all
@gountaa4 жыл бұрын
The tag with "TRAVEl" with all letter capitalized except the last one triggered me so much. The vid was very usefull tho so i guess you'll keep my sub for now. But i'm watching you.
@fergusfergus44953 жыл бұрын
Bro your videos and knowledge are so so amazing, thanks u so much for shared it’s with us
@RobertWildling4 жыл бұрын
Wow! I actually really thought I'd know them all, but, hell, was I wrong! The "dark mode" effect is awesome! Thanks so much! As for the shadows and VSCode: just hit tab and then 0 directly instead of first deleting all the text hints...
@alimansourey20763 жыл бұрын
I knew a lot of them from 1900 . But the 'cursor event thing' was knew and good one . 😘
@MirkoTorrisi924 жыл бұрын
last tips are absolutely the best ones. MERCI!!!!
@filiph.14093 жыл бұрын
Just bought your full javascript and html/css course! Keep up the good work! :D And thanks!
@Amar11115 Жыл бұрын
I will try to apply them in my small projects
@augustineri934 жыл бұрын
Definitely getting the course, you should do an animations course with gsap next :D
@muradishmurodov52722 жыл бұрын
Thanks Ed. Great tutorial video!
@tarunsharma53643 жыл бұрын
this is the best video i've seen on youtube today.....It really made my day
@alcymn3 жыл бұрын
awesome content Ed! loving the lofi background music as well:D
@nubcops2204 жыл бұрын
I love how you seem so nervous but you still manage to pull those jokes I love it
@kaunas1634 жыл бұрын
you can also use display: inline-block, to have mixed functionality between display: block and display: inline
@abail70104 жыл бұрын
I am pretty new to web dev and only did html and css so some Tipps were too advanced for me until now but actually the lorem20 shortcut is awesome 😄
@mohammadfallah.rasoulnejad53794 жыл бұрын
dude, i think i should buy your courses right now! very good explanations.
@Dubstepschule3 жыл бұрын
So entertaining! You are my favorite code guy!
@durppp4 жыл бұрын
The Michael Jackson bit at the beginning was delightful.
@taylortoast24 жыл бұрын
Waited all day to watch your videos. Just to savor it. Looking forward to Saturdays.
@linjonathan20014 жыл бұрын
Wow this was way more helpful than I could've ever imagined
3 жыл бұрын
At 23:36 trick, it would be better use width:fit-content; so the next element inline doesn't put beside the heading. ;) Nice video!!!
@miketkachenko59394 жыл бұрын
Woah there! That filter thing just blew my head off!
@danielpmo4 жыл бұрын
Awesome. I love your videos. Just watched the other video about view time, entertainment vs education. Just thought I would try to give you a sugestion, but first understand my viewing experience. I was about to not watch everything after having had my mind blown by the pointer-events, than I noticed the dark mode and time advanced to see something else. After that I decided to rewind and watch everything. I think what I might have realized that can serve as a suggestion is if I had been briefed on what to expect from those things it could've helped me to decide to watch it all, or maybe on the transitions you could brief, like "This next one is this and I love because of this and it does that. Let me show it to you.". Good luck, keep fun and keep posting.
@lilacandwits51273 жыл бұрын
Binge-watching Dev Ed Videos..gives hope for my future :D
@lucasCulhaci4 жыл бұрын
I can't wait to buy this courseeee!!!
@miminurjannah75014 жыл бұрын
I'm just loving you you! Your intro is so hilarious.Thanks for sharing your knowledge and time with us
@ArianMozafari4 жыл бұрын
I always had the first issue, thank you so much Ed! (The video playback is not finished yet)
@shinobi19753 жыл бұрын
Never thought about that media query html! That’s crazy lol
@ahnaf1353 жыл бұрын
Awesome video dude. I learned a lot!
@nathanalpha19604 жыл бұрын
To complete your first trick, you can replace pointer-events by visibility: visible (when the button is showed) and visibility: hidden (when the button is... hidden !). Then this one will not be clickable at all to when the visibility is hidden. But thanks for the pointer-events trick, I didn't know that ! :D
@ethans73953 жыл бұрын
Very helpful video, thanks for the tips!
@brangja48153 жыл бұрын
Thanks, I learn a lot from this.
@KhaPiano4 жыл бұрын
Really enjoyed the trick with font size and rem.
@MANMEETSINGH19933 жыл бұрын
hey Great Job i really don't know many of the tricks thanks for sharing 🙏🙏👍👍
@kaduzinhoba4 жыл бұрын
So cool tips! thank you sooo much!
@lukalortkipanidze75484 жыл бұрын
Much more exciting is programming when Floki from the Viking teaches you it
@abgestaubt4 жыл бұрын
I'm psyched about the course!
@ryukuro82594 жыл бұрын
Wow this video actually helped me... A Lot
@kabeallu59423 жыл бұрын
do you play the glass fiddle.... seems like ya do... crack me up man!!
@TheVictorcor3 жыл бұрын
Loved those tricks! Thank you so much!
@purplesalad72723 жыл бұрын
Helpful tricks
@closticcrister20132 жыл бұрын
Very Big Intro :O
@Meh79914 жыл бұрын
Wouldn't 'visibility: hidden' / 'visibility: visible' be better to use instead of pointer-events?
@mee12334 жыл бұрын
'Visibility' behaviour will be same as 'display:block' and 'display:none'
@nicodomino67133 жыл бұрын
"When Michael Jackson was at his Prime.. Shimonahhh" hahahaha
@5upl1an4 жыл бұрын
*this will make a fine addition to my collection*
@marcusmedellin13974 жыл бұрын
Great Video and thanks for the new HTML5/CSS3 Course. Looking forward to more videos.
@kunalverma1854 жыл бұрын
Only the Last One and filter invert was new to me .... BTW nice informative video that u so much sir