Layers, has, and container widths solve like half my problems
@carstenaltena6 ай бұрын
I've been writing CSS since 2001. Back in the early days it was possible to know and use just about everything in CSS. Nowadays it's just a bit overwhelming, but things certainly got 1000x easier thanks to flexbox, grid, special units etcetera.
@rayyanabdulwajid76816 ай бұрын
I took around 1 month to learn css topics like box model, position, display, overflow, flexbox, grid, responsive layouts and a bit of animation. I can create almost anything that i see. It may not be pixel perfect, but still decent enough.
@X-7-JAMES6 ай бұрын
This insight and advice is invaluable! Thanks to you both.
@VeitLehmann6 ай бұрын
Una gave a perfect to the question if CSS is harder to learn now, I agree 100%. Back then, browser differences were much bigger, and we had to do a lot more hacks to accomplish simple things. Remember when we didn't have box-sizing: border-box, flex, grid, even rounded corners and box-shadow? Remember clearfix? zoom: 1 and _property: value for IE? Now we have a lot more useful features that will most likely work very similar across different browsers and devices. But yeah, we have a lot more features to learn.
@AntiAtheismIsUnstoppable6 ай бұрын
star hack and the background-color: transparent to force IE6 to do reflow which it some times forgot for some very good technical reasons
@eduardoalvarez44576 ай бұрын
@@AntiAtheismIsUnstoppable I remember once upon a time, the only way to make a button with rounded corners was to use Macromedia Fireworks and export gifs as a 9 scale grid. Yes, gifs instead of png due to IE6
@AntiAtheismIsUnstoppable6 ай бұрын
@@eduardoalvarez4457 Oh, now I remember, you're right... IE6 didn't understand PNG, LOL Some other things that defines that era, was when you searched google, you would find as desription spacer.gif for a web page (all built in ), because well, it wasn't a background image, and so it had to have an alt title. So many memories. Glad they're over, at least for that part. I do think it's as hard today to understand CSS and make designs as it was back then because so much more has been added, but at least today even the advanced stuff does have a purpose.
@anuvette6 ай бұрын
why is kevin staring directly into my soul
@softwareengineering1016 ай бұрын
🤣🤣
@sandeepkarukayil5 ай бұрын
This is hilarious lol
@AndrewJohnson-ur3lw6 ай бұрын
Just like many languages Una is right that you learn a small core set of features and then learn about other features as needed.
@Dylan_thebrand_slayer_Mulveiny2 ай бұрын
I like how she put so much emphasis on being completely transparent about browser compatibility when talking about new css features. Many channels, including this one, don't put enough effort into that when putting out videos. Also, the death of floats and implementation of flex/grid were hands down the best css features in modern development. It's not even debatable.
@mahadevovnl6 ай бұрын
It's difficult because people underestimate it. It doesn't adhere to "programming languages" and people scoff at it. Like it's supposed to be easy. It's not easy: learning CSS and being good at it means it's a lot of work and effort. "Knowing CSS" doesn't mean you know CSS if you don't know what you can animate, how to animate things, what's cheap and what's expensive and why.
@KingTMK6 ай бұрын
I despise when people try CSS for around 2 hours and then say it's easy... like yes, it's easy to learn the syntax and change some colors and shapes, but that's not all there is to it...
@AntiAtheismIsUnstoppable6 ай бұрын
Usability is a part of CSS knowledge, or it should be
@jlevix6 ай бұрын
I can relate, in my job i was the only person who have learned css in depth and sometimes kinda regret. My incomes havent chaged that much If compare with other tools that I was encouraged to learn like power bi. And think css was way harder to learn than dax, etl, power bi tools in general. People dont give the credit that css deserves in a web application.
@shanedonlon6 ай бұрын
As a comparison you should recreate a frontend mentor site with CSS2, or at least the worst part.. table layouts Then recreate with modern CSS capabilities. I think it's a fair way to compare how hard things used to be, to how hard they are now.
@ajaykris76 ай бұрын
Started learning css by learning how to fix stuff, got me pretty far and now i wish every styling is done using css
@TheTiffanyAching6 ай бұрын
I began with CSS in the very bad days of IE dominance. Went through a pleasant period with it in the late 2010s. Now that it's become a new-feature-of-the-month kind of thing, I just find I haven't got the time to keep up with any of it.
@AJ-vy4yu6 ай бұрын
I love her and kevin❤
@yogibarista28186 ай бұрын
Having to learn or create hacks was more of an issue in the past, compared to now looking up supported features to resolve them. A simple example might be vertical centring of content.
@iamavegetable19366 ай бұрын
Holy crap, brilliant, excellent, amazing, I love you both, so astonishing! \o/
@StingBear6 ай бұрын
"Maturity" to me means you can do what you need to do in a simple and intuitive way. I don't think CSS is quite there yet.. F.ex: there is a property called vertical-align. Why can't we repurpose this into something that actually works as you'd expect? Instead they come up with "flex" that has align-items and justify-items, which one of these are vertical?
@matthewoley14886 ай бұрын
Neither, I'm pretty sure it is justify-content 😭
@rossclutterbuck10606 ай бұрын
because vertical-align is for table cells. If you "expect" it to work for anything else then your expectation is incorrect and you need to read more. And your Flexbox example is flawed. Flexbox is flexible boxes, there is no "vertical" because you can flex and flow however you wish. The alignment is based on the flex axis which you have full control over.
@rankarat6 ай бұрын
In grid and flex, use align-self, it's exactly the same.
@Animal-yb1rr6 ай бұрын
I am learning CSS I made animal picture to zoom in the face of the animal
@mrdarmac6 ай бұрын
your comment is so wholesome lol ^^
@HaraldEngels6 ай бұрын
As someone who is writing CSS since version 2 got released, I am relieved that I must not start with CSS nowadays. CSS became massive and there is so much overlapping functionality that it has become difficult to define what is the "right way" to do things. In the early days we were always excited by new functionality and we squeezed CSS out to the last drop with hacks and tricks (remember trying to realize a multi-column layout with an equal column height in IE 4.x or 5.x?). The abundance of features is now the opposite problem than what we had 25 years ago - it is hard to master in a clean and structured way. We oldtimers have now nearly everything what we always wanted - therefore I can't complain - but CSS is still not easy and in some aspects it became harder to learn (due to its complexity).
@JeffNyman6 ай бұрын
Pretty obviously the more things there are in a given thing to learn, the "harder" it is to learn. I put "harder" in quotes because it's subjective to the person. Physics was a lot "easier" to learn in, say, the eighteenth century compared to being "harder" later when relativity and quantum mechanics came on the scene. Math, on the other hand, stays largely consistent unless you get into some really abstract stuff. So saying "CSS isn't harder, just different" is like saying physics isn't harder, it's just different. Well, of course, it's different! It's expanded and evolved. But, undeniably, there is more to it. But, as is stated with the CSS context, you don't have to use all of it -- or even most of it. You see many areas now saying "How to do X without JavaScript." And, in some ways, CSS is becoming a language that can do various calculations and do a lot of behind the scenes stuff. In that case, you can say it's "harder" in the sense that here's more things to learn, more interactions to learn about, more opacity around solutions that seem different but are really the same thing, more things that could go wrong, a larger regression surface to consider, etc. Undeniably there are also more tools to help you navigate some of those aspects. So I think it's more about possible cognitive friction rather than a simple "easier / harder" distinction.
@YunisRajab6 ай бұрын
The hardest thing about css for me is we're overly dependant on frameworks/libraries that we don't write css anymore. I only use classes these days and only touch css about once a month
@shogunkodogun2 ай бұрын
uhh, if we're going by precise dimensions then I would not be using content-box. That's the only thing worrisome for me. Rest CSS feels good.
@realbigsquid6 ай бұрын
Css seems so much easier to me now, but I already know how to clear a float. Can't go back.
@deatho0ne5876 ай бұрын
I do not think it is harder per sey, but people do have to look for more modern ways to do what they want. Centering a Div still comes up with the pre-2010 stuff still all the time for example.
@mohammedezzinehaddady72526 ай бұрын
It's not difficult. People should not skip steps in the learning curve it takes time to start confidently knowing css, but you can certainly do a lot with just a few concepts of it ... focus on the essentials no body uses all css properties you'll get introduced to more complex topics on your journey when it's time just like every programming language, and most importantly follow Kevin he is a great teacher I learned most of the css I know from his channel. Subscribe you'll not regret it
@CarlosAraya25Ай бұрын
Does not using them mean don't be familiar with them so you can decide to use them or not?
@TheThirdWorldCitizen6 ай бұрын
I love how the video starts discussing a text layout and completely ignores the usage of start/end for float, and margin-inline which is crucial for RTL
@Absolute5856 ай бұрын
To me It is not about learning CSS that is hard, it is nearly impossible to make sense of in my opinion. This feeling grows the more I get to know CSS. With every passing day I dislike CSS a bit more. I'll just have to deal with it. I believe I am the only one carrying this opinion.
@HasanSheikMehedi6 ай бұрын
Thank you for your help. How to choose or select CSS variable or HTML class or ID in general for beginners.
@mistertoups6 ай бұрын
it's always been hard. everything was so much harder back when we had to stick to pre-flexbox css features. css has more complexity in order to address modern web app design patterns. both it and the DOM were built around static documents, not interactive apps. I will die on the hill that given the absurd ambition of what css aims to accomplish, it's a stunningly elegant and beautiful language. definitely less of an embarrassment than javascript given that they had to evolve under nearly-identical historical circumstances
@hugodsa896 ай бұрын
I can genuinely tell you, css is actually really challenging to learn. The problems I find with css are: - the API surface is huge - the properties are always available instead of belonging to a "primitive", for example, in javascript the ".map" method is part of array [] - properties and values easily have unintended impacts based on their order That is especially painful when you are starting and even later on if you aren't the type of person who is trying to be holistic, and take the "point" from Una and Kevin when they say "you don't need to learn everything". The truth is, you'll eventually have to lol. I am not trying to bash on css here, but honestly, css' growth and the new web demands/requirements made it the frankenstein it is, it is far from something which was designed with the intent to being approachable, with a learning curve that is manageable, or even with a starting point for a good pedagogically learning experience. I understand that the purpose is for it to be a tool for professionals to use in their day to day work, but maybe we should consider approachability like we consider accessibility. If it's not particularly clear just reply to the comment and I will try to clarify, thanks.
@MattDunlapCO6 ай бұрын
CSS , like JS, suffers from a low barrier to entry (i.e. it's very easy to do many impactful things) and that leads people to not take the time to learn it properly. It also gets more of a bad rap because, unlike JS, the knowledge you have of other languages likely doesn't carry over to CSS. I'm not suggesting that it is not challenging to learn, but that most of the hate directed at it is because people haven't taken the time to learn it.
@hugodsa896 ай бұрын
@@MattDunlapCO you could say that about literally everything. There are some serious differences on the approachability to learning css when compared to JavaScript or even HTML. You can put every and any css property into a css scope block. You however cannot put any attribute in an html element. HTML makes sure that only between script tags can you write JavaScript. It’s things like this that make a big difference because they act like guardrails in a way.
@MattDunlapCO6 ай бұрын
@@hugodsa89 you could say it about anything, but I did provide two reasons I think CSS specifically gets greater criticism than it should. You are right that CSS provides few guardrails. It's both a feature and a flaw. The better you learn CSS the more it becomes the former.
@CyberTechBits6 ай бұрын
I think because of all the new features it is sooo much easier. You literally couldn't center things in an intuitive way and now you can. CSS is sooo much better, intuitive and easier than ever IMO. Folks that think it's complicated just haven't taken the time to learn or just don't care about UI or UX.
@sandeepkarukayil5 ай бұрын
I searched why i can't learn css and this video popped up 😂
@rankarat6 ай бұрын
Harder? Grid, containers, variables, :is, :has, logical properties, simple media queries, CSS now is so much easier than it use to be. The only thing harder about it is that you have tons of ways to accomplish the same results.
@outpost317376 ай бұрын
CSS has grown in to an un-tameable monster. There's too much choice Flex Box or Grid? In my opinion only one out of the two needs to exist. People often forget the basics such as positioning and dive head first in to animations and hover effects at least in my working experience. I tend to stick with the fundamentals that are rock solid. Less is more.
@MrW0rDs5 ай бұрын
It's easy too see what they have in common, not so easy too see what set them apart. Imo grid is under-used, it is very handy for responsive layout, and can achieve complex design only it can do. The nomenclature for flex and grid properties is improving, in that sense they're merging, but still they are so very different at the core that a total merge is likely not for the best.
@lightblade0075 ай бұрын
It’s getting harder because the spec is getting bigger. More reason to need specialized role
@heartlessboy60386 ай бұрын
CSS not getting harder. Designers making web programs job harder
@jenstornell6 ай бұрын
Great! Now get Lea Verou as well and you can die happy. 🎉
@unknownguywholovespizza6 ай бұрын
Yes
@chrisicotec76526 ай бұрын
personally i dont think, its getting harder to learn, (especially if you watch this channel, lol)... css is challenging in a good way, but not hard... i think the reason so many people these days find it harder to learn is cos they rely too much on css frameworks.... i got nothing against bootstrap or other css frameworks but theres nothing a frameworkc an do that I cant if i soend the time to learn the underlying code... css isnt perfect but its a lot of fun learning by trial and error, its not like a programming language where you gotta memorise a lot of stuff, with css as long as you get comfortable with its syntax many things bcome instinct cos it live rent free in your head
@codingtostopprocrastinatio97486 ай бұрын
Pixel Perfect is painful
@abiiranathan6 ай бұрын
Beautiful 😍
@jkcrawl6 ай бұрын
Hey Kevin, I love your videos but I was wondering if you have made or will make any videos about getting work. I have a degree in web dev and I consistently work on projects out of my own time, but I'm currently homeless. I had a job that over worked me and lead to me putting web dev stuff on the back burner. I quit my job to focus on web dev because I was confident I'd get a job with my degree and just working on projects, but my savings had run out and now I'm homeless. I know this might be weird and too personal, but I'm desperate.
@Oooof-rq7lg6 ай бұрын
are you related to devin, kevin?
@KevinPowell6 ай бұрын
They almost got the name right with it 😅
@LokiDaFerret6 ай бұрын
CSS is not a language. It is a syntax. It is a set of conditions: If this then that.
@pc94346 ай бұрын
Of course it's a language, it's just not a programming language.
@LokiDaFerret6 ай бұрын
@@pc9434 LoL. Semantics. So from your perspective it's like Spanish or French or German or Hebrew. But it's not a programming language.
@pc94346 ай бұрын
@@LokiDaFerret Given that semantics covers the meaning of words, yeah, it's semantics. Not all computer languages are programming languages. Markup languages such as HTML, XML, or YAML are languages (that's what the L stands for), but they aren't programming languages either.
@LokiDaFerret6 ай бұрын
@@pc9434 good point. I'm a programmer so if I can't do a while true infinity loop and blow out the stack it's not a language 😊
@alba41796 ай бұрын
CSS is not a language, it's a deep swamp...
@rafa65366 ай бұрын
CSS is very easy :P
@amongstreality34876 ай бұрын
When Una was talking you looked so creepy. Just staring straight into the camera, right into the infinite depth of a viewer's soul
@Atractiondj6 ай бұрын
Kill safari and Firefox and all language will be ease to learn