Тёмный

Is CSS getting harder to learn? 

Kevin Powell
Подписаться 915 тыс.
Просмотров 17 тыс.
50% 1

Check out the full interview 👉 • A conversation with Un...
Una's website: una.im
Give Una a follow on Twitter: / unakravets
#css
--
Come hang out with other dev's in my Discord Community
💬 / discord
Keep up to date with everything I'm up to
✉ www.kevinpowell.co/newsletter
Come hang out with me live every Monday on Twitch!
📺 / kevinpowellcss
---
Help support my channel
👨‍🎓 Get a course: www.kevinpowell.co/courses
👕 Buy a shirt: teespring.com/stores/making-t...
💖 Support me on Patreon: / kevinpowell
---
My editor: VS Code - code.visualstudio.com/
---
I'm on some other places on the internet too!
If you'd like a behind the scenes and previews of what's coming up on my RU-vid channel, make sure to follow me on Instagram and Twitter.
Twitter: / kevinjpowell
Codepen: codepen.io/kevinpowell/
Github: github.com/kevin-powell
---
And whatever you do, don't forget to keep on making your corner of the internet just a little bit more awesome!

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

 

7 июн 2024

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 69   
@erikslorenz
@erikslorenz Месяц назад
Layers, has, and container widths solve like half my problems
@carstenaltena
@carstenaltena Месяц назад
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.
@VeitLehmann
@VeitLehmann Месяц назад
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 Месяц назад
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 Месяц назад
@@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 Месяц назад
@@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 Месяц назад
why is kevin staring directly into my soul
@softwareengineering101
@softwareengineering101 Месяц назад
🤣🤣
@user-zs4yc2or3h
@user-zs4yc2or3h Месяц назад
This is hilarious lol
@tb7-rf1fb
@tb7-rf1fb Месяц назад
This insight and advice is invaluable! Thanks to you both.
@rayyanabdulwajid7681
@rayyanabdulwajid7681 Месяц назад
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.
@iamavegetable1936
@iamavegetable1936 Месяц назад
Holy crap, brilliant, excellent, amazing, I love you both, so astonishing! \o/
@mahadevovnl
@mahadevovnl Месяц назад
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 Месяц назад
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 Месяц назад
Usability is a part of CSS knowledge, or it should be
@jlevix
@jlevix Месяц назад
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.
@AndrewJohnson-ur3lw
@AndrewJohnson-ur3lw Месяц назад
Just like many languages Una is right that you learn a small core set of features and then learn about other features as needed.
@shanedonlon
@shanedonlon Месяц назад
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.
@user-hl3gg7dg6k
@user-hl3gg7dg6k Месяц назад
Thank you for your help. How to choose or select CSS variable or HTML class or ID in general for beginners.
@Animal-yb1rr
@Animal-yb1rr Месяц назад
I am learning CSS I made animal picture to zoom in the face of the animal
@mrdarmac
@mrdarmac Месяц назад
your comment is so wholesome lol ^^
@ajayh3888
@ajayh3888 Месяц назад
Started learning css by learning how to fix stuff, got me pretty far and now i wish every styling is done using css
@AJ-vy4yu
@AJ-vy4yu Месяц назад
I love her and kevin❤
@TheTiffanyAching
@TheTiffanyAching Месяц назад
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.
@yogibarista2818
@yogibarista2818 Месяц назад
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.
@realbigsquid
@realbigsquid Месяц назад
Css seems so much easier to me now, but I already know how to clear a float. Can't go back.
@thecoolnewsguy
@thecoolnewsguy Месяц назад
Yes
@jkcrawl
@jkcrawl Месяц назад
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.
@deatho0ne587
@deatho0ne587 Месяц назад
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.
@YunisRajab
@YunisRajab Месяц назад
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
@StingBear
@StingBear Месяц назад
"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 Месяц назад
Neither, I'm pretty sure it is justify-content 😭
@rossclutterbuck1060
@rossclutterbuck1060 Месяц назад
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 Месяц назад
In grid and flex, use align-self, it's exactly the same.
@TheThirdWorldCitizen
@TheThirdWorldCitizen Месяц назад
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
@HaraldEngels
@HaraldEngels Месяц назад
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 Месяц назад
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.
@user-zs4yc2or3h
@user-zs4yc2or3h Месяц назад
I searched why i can't learn css and this video popped up 😂
@mohammedezzinehaddady7252
@mohammedezzinehaddady7252 Месяц назад
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
@abiiranathan
@abiiranathan Месяц назад
Beautiful 😍
@jenstornell
@jenstornell Месяц назад
Great! Now get Lea Verou as well and you can die happy. 🎉
@Oooof-rq7lg
@Oooof-rq7lg Месяц назад
are you related to devin, kevin?
@KevinPowell
@KevinPowell Месяц назад
They almost got the name right with it 😅
@Absolute585
@Absolute585 Месяц назад
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.
@lightblade007
@lightblade007 Месяц назад
It’s getting harder because the spec is getting bigger. More reason to need specialized role
@mistertoups
@mistertoups Месяц назад
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
@CyberTechBits
@CyberTechBits Месяц назад
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.
@codingtostopprocrastinatio9748
@codingtostopprocrastinatio9748 Месяц назад
Pixel Perfect is painful
@chrisicotec7652
@chrisicotec7652 Месяц назад
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
@rankarat
@rankarat Месяц назад
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 Месяц назад
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 12 дней назад
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.
@heartlessboy6038
@heartlessboy6038 Месяц назад
CSS not getting harder. Designers making web programs job harder
@hugodsa89
@hugodsa89 Месяц назад
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 Месяц назад
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 Месяц назад
@@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 Месяц назад
@@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.
@amongstreality3487
@amongstreality3487 Месяц назад
When Una was talking you looked so creepy. Just staring straight into the camera, right into the infinite depth of a viewer's soul
@rafa6536
@rafa6536 Месяц назад
CSS is very easy :P
@johnryder8464
@johnryder8464 Месяц назад
It's not getting harder its more people over complicate everything.
@LokiDaFerret
@LokiDaFerret Месяц назад
CSS is not a language. It is a syntax. It is a set of conditions: If this then that.
@pc9434
@pc9434 Месяц назад
Of course it's a language, it's just not a programming language.
@LokiDaFerret
@LokiDaFerret Месяц назад
@@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 Месяц назад
@@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 Месяц назад
@@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 Месяц назад
CSS is not a language, it's a deep swamp...
@Atractiondj
@Atractiondj Месяц назад
Kill safari and Firefox and all language will be ease to learn
@ronaldweasly561
@ronaldweasly561 Месяц назад
I'd rather learn c++ Rather than css
Далее
Using currentColor with color-mix is amazing
12:46
Просмотров 47 тыс.
Which one is the best? #katebrush #shorts
00:12
Просмотров 4,9 млн
A meal of dumplings is in hand!#shortvideo #funny
00:16
Avoid these 5 beginner CSS mistakes
21:38
Просмотров 59 тыс.
Is HTMX a Joke??
32:15
Просмотров 16 тыс.
CSS Only Scroll Animations Are AMAZING!
8:40
Просмотров 6 тыс.
The different types of JavaScript functions explained
14:47
How to take control of Flexbox
16:01
Просмотров 103 тыс.
The background values no one knows about
15:28
Просмотров 41 тыс.
CSS Tips And Tricks I Wish I Knew Before
12:12
Просмотров 426 тыс.
Getting started with CSS nesting
27:14
Просмотров 66 тыс.
How I find and debug issues in my CSS
23:29
Просмотров 25 тыс.
Which one is the best? #katebrush #shorts
00:12
Просмотров 4,9 млн