Тёмный

CSS Basics (Part 7) - CSS3 

DevTips
Подписаться 354 тыс.
Просмотров 35 тыс.
50% 1

Today we review a bit about the history of CSS and look at what CSS3 brings to the table.

Опубликовано:

 

27 июн 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 99   
@avivsmadar296
@avivsmadar296 6 лет назад
specificity!!! I can't believe.. You are the only person that actually brought this topic from all the videos that I saw about css so far.. Thanks beardy!
@boni1331
@boni1331 10 лет назад
Just wanted to comment to say that I extremely appreciate all the videos you make. I find them super helpful to someone who is interested in web design/programming and I really really appreciate all the work that you put into these. I just feel bad and I think you deserve to have so many more views! Your personality in your videos is just the perfect mix of being funny/helpful/serious. These are a great set of tutorials I hope you have many more to come and I hope many more people find out about this channel!
@OfficialDevTips
@OfficialDevTips 10 лет назад
Thanks a lot thisbechristian! I really enjoy them and I like growing the channel. But it is a lot of work, a lot, lot of work. So comments like these, where people are appreciative and understanding really mean a lot to me. More than millions of views and subscribers. I don't monetize so I'm not really looking for a pay-out. Just want to be helpful and meet cool people and have fun. So thank you. and welcome to the channel :)
@miguelandrews4435
@miguelandrews4435 8 лет назад
aha moment was when I realized specificity existed and that there's a numerical scale. then i understood why my pages never did what i needed them to do. mind blown! (small mind, I know)
@OfficialDevTips
@OfficialDevTips 8 лет назад
+Miguel Andrews No, thats a big one for me too! :)
@imagecrafting
@imagecrafting 10 лет назад
These are all great videos, Thanks for your time and energy... I've been doing this for 15 years and I still learn things from you...
@OfficialDevTips
@OfficialDevTips 10 лет назад
Michael Richards That means a lot. seriously. A lot goes into these, and I get really excited when someone take a lot out! Thanks for your comment!
@squidlife1719
@squidlife1719 7 лет назад
learning web development and I'm loving these. Using this, MDN, CSS-tricks, and a Udemy course.
@daviddaedae
@daviddaedae 9 лет назад
But more than that was what you showed me me with adding the selectors to go from display: none; to display: block;. That was awesome! On to your next video now. Thanks so much for making these!
@OfficialDevTips
@OfficialDevTips 9 лет назад
We had a moment .... :)
@ChrisBigBad
@ChrisBigBad 8 лет назад
my aha moment was when i understood that list-items are not below each other because of line-breaks (console thinking) but because they are blocks which push each other to the next line and to get them all into a single line you dont have to get rid of "line breaks" but remove the blockyness and tell them to float. also indents are not done by "tabs" but by margins.
@johanneszwilling
@johanneszwilling 9 лет назад
I like your appreciation for how fascinating learning can be ;)
@OfficialDevTips
@OfficialDevTips 9 лет назад
Thanks Joe! I like how you comment on my channel. :D Seriously, though, thanks for watching.
@vinsonchuang7950
@vinsonchuang7950 9 лет назад
Very Very Funny!Love it!Thx,Sir!
@OfficialDevTips
@OfficialDevTips 9 лет назад
钟荣新 Thank you!!
@QuentinDechery
@QuentinDechery 9 лет назад
My biggest "Ah-Ha!" moment was realizing I could wrap divs within divs and control whole sections and subsection with styling. Game changer.
@OfficialDevTips
@OfficialDevTips 9 лет назад
game: changed. love it
@ElDanielsDesigns
@ElDanielsDesigns 9 лет назад
My "Aha" moment was understanding positioning and using containers. I still am learning more about positioning but since I have started learning it, it has made my life easier.
@OfficialDevTips
@OfficialDevTips 9 лет назад
Indeed! have you seen the positioning playlist? ru-vid.com/group/PLqGj3iMvMa4L731ispRfGAabXeRpM4RL6
@ElDanielsDesigns
@ElDanielsDesigns 9 лет назад
DevTips I have and it helped me out ttremendously your videos are a bit quirky buuuut highly effective in the learning process with this short little CSS segment I went from OK in CSS to now understanding more than some of my web design buddies. They actually skipped some of the fundamentals and are good at what they do, but missed out on key things. Do you have any videos on LESS and other preprocessors? I am really interested in learning more about this.
@ElDanielsDesigns
@ElDanielsDesigns 9 лет назад
DevTips Also I am a PC guy so I use outlook. I recently came across you video on coding emails. I want to code my own emails and make them look as professional as possible what would you recommend? The HTML editor you use is that only for OS?
@OfficialDevTips
@OfficialDevTips 9 лет назад
you can use any editor. Brackets and Sublime are popular cross platform editors.
@kitianchiong3233
@kitianchiong3233 8 лет назад
my aha moment is when i watch every new videos keep making one
@Alexandru-OM
@Alexandru-OM 6 лет назад
Mind Blown_@(";# ** This is the aha moment for me, i started coding two months ago and this is the aha moment when i realized of how much CSS is capable of. Thanks
@OliSpicer
@OliSpicer 9 лет назад
I just wanted to say that my AHA moment was the " click on peek to show boo in a pink box" with the adjacent CSS selector + ... I just couldn't believe that something I've always done with a bit of JS took one line of CSS ... Cheers mate :p
@OfficialDevTips
@OfficialDevTips 9 лет назад
Love it! Thanks for sharing :)))
@coolkidmcoy
@coolkidmcoy 8 лет назад
Filters were the most impressive. Thanks for teaching me that also!
@OfficialDevTips
@OfficialDevTips 8 лет назад
You are welcome!
@gitasong
@gitasong 6 лет назад
My aha moment was around the use of containers to structure hierarchy, positioning, and inheritance.
@MrHossie
@MrHossie 7 лет назад
I know this video is 3+ years old, but my A-HA! moment is watching these videos :)
@owcabwooy
@owcabwooy 7 лет назад
Heh.. A-HA! moment... :D for me was your good sense of humour.. nah it was rather HA-HA! moments, but seriously it was - * { margin: 0px; padding: 0px }, man you changed my life... It was so obvious and so hidden in same way. Previously I was like a,p,i,b,div,body etc. { margin: 0px; padding: 0px }. Ya know, I am not skilled much in CSS & HTML cause mostly was in DTP up to this time in my life but always wanted to shift to web developing some day and thanks to your awsome work you make my dreams come true. Cheers bro!
@jakubwozniak3089
@jakubwozniak3089 7 лет назад
On one hand I'm angry that I didn't get this stuff when I was in high school. On the other hand I'm glad that I'm learning this now that the development of web pages is interesting and flexible.
@Solve4_x
@Solve4_x 9 лет назад
I just experienced that "A-ha moment" using HTML & CSS in developing my personal website/ assignment.
@jakubwozniak3089
@jakubwozniak3089 7 лет назад
"The only way to make stuff is to make stuff" That should be my motto.
@SMagaluk
@SMagaluk 10 лет назад
great video, keep it up!
@OfficialDevTips
@OfficialDevTips 10 лет назад
Thanks Scott Magaluk. Thanks so much! I'm up late tonight trying to finish next weeks episode. I really excited to share it. See ya Monday...
@NilesBlackX
@NilesBlackX 8 лет назад
The moment for me was when I realized I could use a single external stylesheet for an entire website. For a basic design, this meant 50 lines of code could define the look and feel of _thousands_ of pages... and better still, it would load faster as a result.
@ihateyourusernames
@ihateyourusernames 8 лет назад
Learning about keyframes definitely made me giggle with overwhelming glee for a minute or two.
@OfficialDevTips
@OfficialDevTips 8 лет назад
Keyframes are the key! lol
@Waqas4hmed
@Waqas4hmed 9 лет назад
The biggest Ah Ha moment was sub-sections and core css features about specificity! And everything else :)
@OfficialDevTips
@OfficialDevTips 9 лет назад
Waqas Ahmed yea! big deal that.
@fortoday04
@fortoday04 6 лет назад
Thanks for the videos
@Ioannnify
@Ioannnify 9 лет назад
Great and very informative! I have a suggestion can you make a miniseries on CSS animations that would be awesome !
@OfficialDevTips
@OfficialDevTips 9 лет назад
Ioannnify That would be awesome! Thanks for the suggestion.
@VLARTfamily
@VLARTfamily 9 лет назад
Hey, for me the nth-child thing was pretty new, and in my head I've already imagined few interesting ways to use it ))) Thanks!
@OfficialDevTips
@OfficialDevTips 9 лет назад
Artiom Cavtea its pretty powerful, let me know what you come up with :)
@3mroos4
@3mroos4 8 лет назад
The aha moment when I found out about flexbox. Damn... Anyway, nice video brother, it is a good video, really. good. yes.. haha sorry xD keep up the good work
@shaikhasad2911
@shaikhasad2911 7 лет назад
can u please make an intermediate level tutorial about flex boxes!! please!!!
@Iriee242
@Iriee242 9 лет назад
Awesome music. Please bring them back in your newer vidz. Learning tons. :)
@OfficialDevTips
@OfficialDevTips 9 лет назад
DaAlmondTreeAssc haha, most ppl complain about the music. At least one person likes it!
@Iriee242
@Iriee242 9 лет назад
DevTips lol. poor taste, I suppose. Thank you for the vidz.
@Ioannnify
@Ioannnify 9 лет назад
My ha ha moment when I saw you make a mini animation with the peekaboo on some other tutorial I really like animations there fun !
@OfficialDevTips
@OfficialDevTips 9 лет назад
Ioannnify lol. Fun!
@MichelangeloSosa
@MichelangeloSosa 9 лет назад
I'm still a newbie in WebDev, but would you reccommend writing CSS to do animate-y flying steampunkery spidery... things rather than JavaScript? How much does developing in CSS rather than affect page speeds?
@aakashtyagi
@aakashtyagi 9 лет назад
DevTips Love your work! Amazing videos. I'd definitely recommend the channel to my friends. Keep up the great work!
@OfficialDevTips
@OfficialDevTips 9 лет назад
Thank you sir!
@chinzouhighlights4333
@chinzouhighlights4333 4 года назад
well u good Bro, for real
@jalendixon1264
@jalendixon1264 9 лет назад
Could you make a video about popular Css trends and techniques used on popular websites or your favorite animations or techniques
@OfficialDevTips
@OfficialDevTips 9 лет назад
That's a great idea! Thanks Jalen Dixon !
@artemeesenin9552
@artemeesenin9552 7 лет назад
The music on 2:00 is too loud compairing to your speech i can't clearly hear you, Travis. And becomes annoying beacause of that. Hope you will take that in mind:) (listening on yamaha hs5, so it should notbe the problem of mine speakers) And so much great thanks to you. To all your work here it's so great! best tuts on the web, the material is delicious mmm great video about positioning, thanks a lot for all your great work, bro!
@DsignFX
@DsignFX 9 лет назад
Let me guess, your favorite movie is under comedy genre. Thanks for informing/entertaining us
@ivyvanhulst3365
@ivyvanhulst3365 9 лет назад
Not only do I now understand CSS but I also get to look at your gorgeous face ;)
@OfficialDevTips
@OfficialDevTips 9 лет назад
Ivy van Hulst Awwwww! c( ⁰ 〰 ⁰ )੭
@vipinvrm12
@vipinvrm12 8 лет назад
My first Aha! moment was when I used transformation (scale,3D) and adjacent selector for the first time.
@OfficialDevTips
@OfficialDevTips 8 лет назад
Legit. That's awesome
@cebuch.
@cebuch. 6 лет назад
my aha moment was when I saw that element:hover can change other element display type
@ahmadaziz1800
@ahmadaziz1800 8 лет назад
Are there any videos for each of those modules?
@OfficialDevTips
@OfficialDevTips 8 лет назад
Nah, just learn as you go.
@storageinfo20
@storageinfo20 6 лет назад
Hi eveye one I start to make some html page with css and the result with ie and Firefox is different. Is it normal ? Have you a solution ? Thanks for your help.
@BadManRyanLol
@BadManRyanLol 9 лет назад
Just a tip mate, the music in these videos are a little high it was distracting when trying to take in all the information you was telling me, great video though :)
@OfficialDevTips
@OfficialDevTips 9 лет назад
Thanks for watching anyhow! The videos get better, this is an older one..
@daviddaedae
@daviddaedae 9 лет назад
My oh shit moment using css was when using inspecting element just clicked for me. Once you have some decent knowledge of both you can modify elements in real time then just copy in paste to a ...mmmm custom.css file. Bazinga
@OfficialDevTips
@OfficialDevTips 9 лет назад
love inspect element. best teacher ever.
@swiftgoosy
@swiftgoosy 9 лет назад
So I know most of HTML, most of CSS , and a little of JavaScript/jquery. Should I focus on learning more JavaScript or should I attempt to master HTML/CSS first ?
@OfficialDevTips
@OfficialDevTips 9 лет назад
I would recommend building projects from start to finish. In this process you will learn what you need to learn. I'm serious. You don't need to master anything, you need to learn how to build things. There is a nuanced difference. So pick a project and start today.
@swiftgoosy
@swiftgoosy 9 лет назад
Thank you, it's so simple but true now that I look at it that way.
@OfficialDevTips
@OfficialDevTips 9 лет назад
yes! The skill of figuring out what you don't know, and being able to be resourceful enough to overcome your limitations is the best skill you can work on.
@swiftgoosy
@swiftgoosy 9 лет назад
Sorry if I missed this info in another video of yours , but do you have a place or know of a place where you can upload your website and have other members of the community review it and offer suggestions? I know there are some on google like criticue.com but I wanted to know if you knew of a better source, perhaps one that consisted of the Dev Tips community itself.
@OfficialDevTips
@OfficialDevTips 9 лет назад
There is nothing like that currently. Sorry. :(
@docean9946
@docean9946 8 лет назад
so fucking awesome channel
@giofig40
@giofig40 9 лет назад
5:46 thats what she said
@TheSpiritBolt
@TheSpiritBolt 9 лет назад
CLASS SELECTORS
@devschooltv6667
@devschooltv6667 9 лет назад
5:46 That's what she said
@OfficialDevTips
@OfficialDevTips 9 лет назад
*Loud hearty laughter Thanks
@devschooltv6667
@devschooltv6667 9 лет назад
hahaha I am gonna spread the word on your stuff man. You have put so much time and effort into your channel and it is super relatable. You have captured fun in the word Progrfunamming
@OfficialDevTips
@OfficialDevTips 9 лет назад
Progrfunamming! Love it!
@vapon
@vapon 8 лет назад
Great tutorials bro.. Oh! You need haircut!!
@OfficialDevTips
@OfficialDevTips 8 лет назад
Thanks.
@astroboomboy
@astroboomboy 9 лет назад
The music while talking, why do people do that? On a more positive note, good series!
@OfficialDevTips
@OfficialDevTips 9 лет назад
Astro Boomboy I don't do that in newer videos. #learning
@astroboomboy
@astroboomboy 9 лет назад
DevTips Ah, you answered! The remark was not made in jest, you make awesome videos!
@OfficialDevTips
@OfficialDevTips 9 лет назад
Astro Boomboy I really appreciate you saying so. It's really encouraging :)
@ambru33
@ambru33 7 лет назад
This truly was an eye opener, all the CSS basics vids are amazing. A massive help for me ( a CSS noob ). I have been learning through freecodecamp.com, a great site for learning for beginners but its videos like these that mention other aspects of CSS that make you realise just how much you can actually do with it.
@ruhan6178
@ruhan6178 4 года назад
you look like cris evans
@damian_lachowicz
@damian_lachowicz Год назад
Wow, now I'm the best programmer in my village. :-) population. 96 Edit. pop. 95, like Windows 95
@mazzyve
@mazzyve 9 лет назад
Just recently found your channel with great tuts, but MAAAAN what's with your unbearable background noise (aka and cant fully approve to call it bands"music") ???!!!!!! not sure I'll make to the end of any of your vids if they're all the same. Side note: great stuff, redoing your "noisy" vids would be cool
@OfficialDevTips
@OfficialDevTips 9 лет назад
Sam Slovadz Thanks man. These are quite old. The newer ones are less in-your-face
Далее
CSS Basics (Part8) - CSS Preprocessors
11:19
Просмотров 65 тыс.
HTML5 Basics - Display Types (Part5)
7:06
Просмотров 53 тыс.
ААААА СПАСИТЕ😲😲😲
00:17
Просмотров 3,3 млн
CSS Floats and Clears Explained
12:34
Просмотров 147 тыс.
HTML5 Basics - History of HTML (Part1)
7:45
Просмотров 115 тыс.
9 (lesser known) ADHD life hacks
11:20
Просмотров 27 тыс.
CSS Basics (Part3) - Selectors
4:26
Просмотров 65 тыс.
The Hottest Hairstyles For Men 2024 (Women Love These)
11:02