Live data from Hacker News

Learn CSS

web.dev

41–50 of 196 posts

Re: Learn CSS

#41
This looks good. I've been using mdn mostly; but I usually go deep into CSS for a bit then leave it for long periods of time.

That said, what has replaced SASS? I'm struggling to find a preprocessor that allows nesting/grouping etc. Or is that built into CSS by now? Being able to nest CSS was a game changer for me in terms of css organization.

Re: Learn CSS

#42
post #33

Looks great! Small pet peeve regarding tutorials: When learning a new technology I don't care about the headaches people had 20 years ago. My first concern is how I use the technology and what it can do for me. The section about layout starts with: " In the early days of the web, designs more complex than a simple document were laid out with elements. Separating HTML from visual styles was made easier when CSS was wi…

Don’t agree. Historic context is important to understand legacy codebases, code examples in other resources and colleague’s behaviors.

Re: Learn CSS

#43
post #10

A viable alternative to all this is using tailwind, can't recommend it highly enough. When you pass the initial period where you feel like you're repeating yourself (1h max) it takes the nervousness out of your CSSing, it feels more like coding and less like schmoozing.. Just a happy user

Don't use Tailwind, it's garbage.

Re: Learn CSS

#44
post #14

Earlier quoted context omitted.

I agree with your first sentence, but not with your second. For my own homepage i did not write a single line of css. I am very, very bad with CSS and can't wrap my head around it, but tailwind allowed me to create a very pretty, responsive homepage with very high lighthouse scores (bought tailwind UI too).

> I am very, very bad with CSS and can't wrap my head around it, but tailwind allowed me to create a very pretty, responsive homepage Congrats, you now know CSS! It sounds like I'm joking but honestly, Tailwind is essentially composable shorthand for CSS with a design system applied. If you grok Tailwind, you understand the concepts of CSS, you just might not know the full names for all the properties and values.

That's the thing about Tailwind. It's (almost) the right abstraction.

Personal anecdote, I understood how flexbox works only after using Tailwind for a personal project.

Re: Learn CSS

#45
post #33

Looks great! Small pet peeve regarding tutorials: When learning a new technology I don't care about the headaches people had 20 years ago. My first concern is how I use the technology and what it can do for me. The section about layout starts with: " In the early days of the web, designs more complex than a simple document were laid out with elements. Separating HTML from visual styles was made easier when CSS was wi…

The historical context can be important, but I agree that it can get in the way of the learning for CSS newcomers. I think there's a happy medium here. A link to a separate article or reference of the history would get it out of the way but offer context for those that seek it.

Re: Learn CSS

#46

I'm the content lead for web.dev. Just wanted to give a quick shout out to the people who made this happen because it's not clear on the site. I think this is also useful information because you'll see that a lot of CSS experts we're involved in this project. Adam Argyle [1] and Una Kravets [2] created the podcast series. Una mainly drove the overall project to convert the podcasts into this written series. Adam prov…

You have a bug on the focus slides where the first few buttons are actaully links to //web.dev and when you click them in order to give them focus the whole codepen iframe navigates back to your site.

Re: Learn CSS

#47
post #33

Looks great! Small pet peeve regarding tutorials: When learning a new technology I don't care about the headaches people had 20 years ago. My first concern is how I use the technology and what it can do for me. The section about layout starts with: " In the early days of the web, designs more complex than a simple document were laid out with elements. Separating HTML from visual styles was made easier when CSS was wi…

Nah, I think the history is important, especially for web development where modern tech stacks are technologies built on technologies built on technologies, and pretty much everything has to be backwards compatible.

I've run into so many situations while learning web development where a design decision seems like nonsense until later when I learn about the history of how it evolved. First example that comes to mind is the `===` situation in JavaScript.

Re: Learn CSS

#48
post #32
post #10

A viable alternative to all this is using tailwind, can't recommend it highly enough. When you pass the initial period where you feel like you're repeating yourself (1h max) it takes the nervousness out of your CSSing, it feels more like coding and less like schmoozing.. Just a happy user

This is like saying that learning JQuery is an alternative to learning JavaScript.

Except that learning JQuery is an alternative to learning the native javascript DOM API.

Re: Learn CSS

#49
post #33

Looks great! Small pet peeve regarding tutorials: When learning a new technology I don't care about the headaches people had 20 years ago. My first concern is how I use the technology and what it can do for me. The section about layout starts with: " In the early days of the web, designs more complex than a simple document were laid out with elements. Separating HTML from visual styles was made easier when CSS was wi…

The contrast helps me.

As someone who made/hosted Web 1.0 websites, isn’t a software engineer, and has over the past few years tried creating/hosting websites again, things got a lot more complicated in the interim.

So I hear your perspective that it sounds like some old person is yelling get off my lawn. No one wants to hear that.

However, for someone like me who didn’t have CSS, the slight history lesson is helpful.

Re: Learn CSS

#50
post #42
post #33

Looks great! Small pet peeve regarding tutorials: When learning a new technology I don't care about the headaches people had 20 years ago. My first concern is how I use the technology and what it can do for me. The section about layout starts with: " In the early days of the web, designs more complex than a simple document were laid out with elements. Separating HTML from visual styles was made easier when CSS was wi…

Don’t agree. Historic context is important to understand legacy codebases, code examples in other resources and colleague’s behaviors.

Yup I think this is the most important piece of why new students should know about this, if they ever touch a legacy codebase.
Post reply on HN