Is CSS getting harder to learn?

  Рет қаралды 18,021

Kevin Powell

Kevin Powell

Күн бұрын

Пікірлер: 71
@erikslorenz
@erikslorenz 6 ай бұрын
Layers, has, and container widths solve like half my problems
@carstenaltena
@carstenaltena 6 ай бұрын
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.
@rayyanabdulwajid7681
@rayyanabdulwajid7681 6 ай бұрын
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-JAMES
@X-7-JAMES 6 ай бұрын
This insight and advice is invaluable! Thanks to you both.
@VeitLehmann
@VeitLehmann 6 ай бұрын
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.
@AntiAtheismIsUnstoppable
@AntiAtheismIsUnstoppable 6 ай бұрын
star hack and the background-color: transparent to force IE6 to do reflow which it some times forgot for some very good technical reasons
@eduardoalvarez4457
@eduardoalvarez4457 6 ай бұрын
@@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
@AntiAtheismIsUnstoppable
@AntiAtheismIsUnstoppable 6 ай бұрын
@@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.
@anuvette
@anuvette 6 ай бұрын
why is kevin staring directly into my soul
@softwareengineering101
@softwareengineering101 6 ай бұрын
🤣🤣
@sandeepkarukayil
@sandeepkarukayil 5 ай бұрын
This is hilarious lol
@AndrewJohnson-ur3lw
@AndrewJohnson-ur3lw 6 ай бұрын
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_Mulveiny
@Dylan_thebrand_slayer_Mulveiny 2 ай бұрын
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.
@mahadevovnl
@mahadevovnl 6 ай бұрын
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.
@KingTMK
@KingTMK 6 ай бұрын
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...
@AntiAtheismIsUnstoppable
@AntiAtheismIsUnstoppable 6 ай бұрын
Usability is a part of CSS knowledge, or it should be
@jlevix
@jlevix 6 ай бұрын
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.
@shanedonlon
@shanedonlon 6 ай бұрын
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.
@ajaykris7
@ajaykris7 6 ай бұрын
Started learning css by learning how to fix stuff, got me pretty far and now i wish every styling is done using css
@TheTiffanyAching
@TheTiffanyAching 6 ай бұрын
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-vy4yu
@AJ-vy4yu 6 ай бұрын
I love her and kevin❤
@yogibarista2818
@yogibarista2818 6 ай бұрын
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.
@iamavegetable1936
@iamavegetable1936 6 ай бұрын
Holy crap, brilliant, excellent, amazing, I love you both, so astonishing! \o/
@StingBear
@StingBear 6 ай бұрын
"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?
@matthewoley1488
@matthewoley1488 6 ай бұрын
Neither, I'm pretty sure it is justify-content 😭
@rossclutterbuck1060
@rossclutterbuck1060 6 ай бұрын
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.
@rankarat
@rankarat 6 ай бұрын
In grid and flex, use align-self, it's exactly the same.
@Animal-yb1rr
@Animal-yb1rr 6 ай бұрын
I am learning CSS I made animal picture to zoom in the face of the animal
@mrdarmac
@mrdarmac 6 ай бұрын
your comment is so wholesome lol ^^
@HaraldEngels
@HaraldEngels 6 ай бұрын
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).
@JeffNyman
@JeffNyman 6 ай бұрын
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.
@YunisRajab
@YunisRajab 6 ай бұрын
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
@shogunkodogun
@shogunkodogun 2 ай бұрын
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.
@realbigsquid
@realbigsquid 6 ай бұрын
Css seems so much easier to me now, but I already know how to clear a float. Can't go back.
@deatho0ne587
@deatho0ne587 6 ай бұрын
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.
@mohammedezzinehaddady7252
@mohammedezzinehaddady7252 6 ай бұрын
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
@CarlosAraya25 Ай бұрын
Does not using them mean don't be familiar with them so you can decide to use them or not?
@TheThirdWorldCitizen
@TheThirdWorldCitizen 6 ай бұрын
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
@Absolute585
@Absolute585 6 ай бұрын
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.
@HasanSheikMehedi
@HasanSheikMehedi 6 ай бұрын
Thank you for your help. How to choose or select CSS variable or HTML class or ID in general for beginners.
@mistertoups
@mistertoups 6 ай бұрын
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
@hugodsa89
@hugodsa89 6 ай бұрын
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.
@MattDunlapCO
@MattDunlapCO 6 ай бұрын
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.
@hugodsa89
@hugodsa89 6 ай бұрын
@@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.
@MattDunlapCO
@MattDunlapCO 6 ай бұрын
@@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.
@CyberTechBits
@CyberTechBits 6 ай бұрын
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.
@sandeepkarukayil
@sandeepkarukayil 5 ай бұрын
I searched why i can't learn css and this video popped up 😂
@rankarat
@rankarat 6 ай бұрын
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.
@outpost31737
@outpost31737 6 ай бұрын
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.
@MrW0rDs
@MrW0rDs 5 ай бұрын
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.
@lightblade007
@lightblade007 5 ай бұрын
It’s getting harder because the spec is getting bigger. More reason to need specialized role
@heartlessboy6038
@heartlessboy6038 6 ай бұрын
CSS not getting harder. Designers making web programs job harder
@jenstornell
@jenstornell 6 ай бұрын
Great! Now get Lea Verou as well and you can die happy. 🎉
@unknownguywholovespizza
@unknownguywholovespizza 6 ай бұрын
Yes
@chrisicotec7652
@chrisicotec7652 6 ай бұрын
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
@codingtostopprocrastinatio9748
@codingtostopprocrastinatio9748 6 ай бұрын
Pixel Perfect is painful
@abiiranathan
@abiiranathan 6 ай бұрын
Beautiful 😍
@jkcrawl
@jkcrawl 6 ай бұрын
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-rq7lg
@Oooof-rq7lg 6 ай бұрын
are you related to devin, kevin?
@KevinPowell
@KevinPowell 6 ай бұрын
They almost got the name right with it 😅
@LokiDaFerret
@LokiDaFerret 6 ай бұрын
CSS is not a language. It is a syntax. It is a set of conditions: If this then that.
@pc9434
@pc9434 6 ай бұрын
Of course it's a language, it's just not a programming language.
@LokiDaFerret
@LokiDaFerret 6 ай бұрын
@@pc9434 LoL. Semantics. So from your perspective it's like Spanish or French or German or Hebrew. But it's not a programming language.
@pc9434
@pc9434 6 ай бұрын
@@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.
@LokiDaFerret
@LokiDaFerret 6 ай бұрын
@@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 😊
@alba4179
@alba4179 6 ай бұрын
CSS is not a language, it's a deep swamp...
@rafa6536
@rafa6536 6 ай бұрын
CSS is very easy :P
@amongstreality3487
@amongstreality3487 6 ай бұрын
When Una was talking you looked so creepy. Just staring straight into the camera, right into the infinite depth of a viewer's soul
@Atractiondj
@Atractiondj 6 ай бұрын
Kill safari and Firefox and all language will be ease to learn
@ronaldweasly561
@ronaldweasly561 6 ай бұрын
I'd rather learn c++ Rather than css
Using CSS custom properties like this is a waste
16:12
Kevin Powell
Рет қаралды 177 М.
The Ultimate CSS Toolkit: Essential Websites That Save Time
8:58
Web Dev With Ron
Рет қаралды 34 М.
Colorful Pasta Painting for Fun Times! 🍝 🎨
00:29
La La Learn
Рет қаралды 308 МЛН
Всё пошло не по плану 😮
00:36
Miracle
Рет қаралды 5 МЛН
Cool Parenting Gadget Against Mosquitos! 🦟👶 #gen
00:21
TheSoul Music Family
Рет қаралды 33 МЛН
The reason why many people struggle with CSS
19:30
Kevin Powell
Рет қаралды 63 М.
23 CSS features you should know (and be using) by now
31:31
Kevin Powell
Рет қаралды 78 М.
The background values no one knows about
15:28
Kevin Powell
Рет қаралды 42 М.
The CSS :has() pseudo-class
3:30
Igalia
Рет қаралды 3,1 М.
Coding Was Hard Until I Learned THESE 5 Things!
7:40
Pooja Dutt
Рет қаралды 1,1 МЛН
Start over-engineering your CSS | Kevin Powell | CSS Day 2024
50:28
Web Conferences Amsterdam
Рет қаралды 19 М.
A new approach to container and wrapper classes
25:27
Kevin Powell
Рет қаралды 264 М.
Avoid these 5 beginner CSS mistakes
21:38
Kevin Powell
Рет қаралды 86 М.
Colorful Pasta Painting for Fun Times! 🍝 🎨
00:29
La La Learn
Рет қаралды 308 МЛН