Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Learn CSS

web.dev

Post reply on HN
Print view View original

141–150 of 196 posts

Re: Learn CSS

#141

Post by kaycebasques »

regus wrote: post #103
kaycebasques wrote: post #29

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…

Hey Kayce! How come you no longer do the chrome dev tools update videos on YouTube?

I stopped doing DevTools docs/advocacy when I became documentation lead (content strategy + people management) for Chrome DevRel (the team behind web.dev, developer.chrome.com, Chrome Dev Summit, Workbox, and lots of other stuff) about 1.5 years ago.

Re: Learn CSS

#142

Post by robertoandred »

NackerHughes wrote: post #116
explodingcamera wrote: post #28

Earlier quoted context omitted.

Animations, even 3d ones, drop-down, sliders, static scroll elements, are often implemented on horrible js with bad performance and accessibility, while trival with a small amount of css.

Sadly, the trivial CSS solutions are often not supported by some browsers that a lot of people use (apart from the obvious IE, Safari on both Mac and iOS is possibly the worst offender for this), making the godawful JavaScript solutions a tragic necessity.

lmao Safari is just fine

Re: Learn CSS

#143

Post by tdy721 »

marai2 wrote: post #137

Does anyone have recommendations for tutorials/books/courses that go beyond explaining the basics of CSS to how to actually design stuff with CSS. I've gone through numerous this is how Flex and Grid work, this is list of all the options for Flex and Grid, this is why we used tables in the old days and Float had it's problems. I'd like to learn how to use the building blocks of CSS as they are now and ... you know be…

Perhaps what you really need is a Designer. I know I just like my work better when other people get involved. When I code up really awesome CSS, there's usually someone else involved. Until then stick to something like bootstrap that hands you some basics, but still allows you total control at the end of the day.

Perhaps Tailwind is another option? Use a system to make an MVP or wireframes, then get someone to pretty it up and give you a PSD, Zepplin or Figma link.

Or for a DIY angle look into 2D Design, Print design and Desktop Publishing. Design a business card, that kind of stuff is the old school of user interface. Typography is another hot one, studying communication is the key to getting good.

Re: Learn CSS

#144

Post by gkilmain »

I've essentially made my career with CSS. I've been hired solely because of my CSS skills. I am continually surprised when I interview engineers proficient in Angular / React / JS but they cannot even do a basic full page layout (think header, footer, and two adjacent content areas in the middle ). Anyone starting from scratch to try to get a career in web dev become great at CSS - its a niche no one seems to want to learn

Re: Learn CSS

#145

Post by xonar »

yakubin wrote: post #24
raspasov wrote: post #13

In terms of Flexbox, this guide in the React Native documentation is BY FAR the best guide I've seen anywhere. It tells you just the right amount of things you need to know to be productive. https://reactnative.dev/docs/flexbox It's not React Native specific. It works for web-based CSS as well.

This is my favourite resource for learning about flexbox: https://flexboxfroggy.com/ > And this for grid: https://cssgridgarden.com/ >

I've learned flex using similiar game, some kind of tower defence I think, it's astounding how quickly I memorized these things compared to standard learning by reading

Re: Learn CSS

#146

Post by sodapopcan »

stupidcar wrote: post #82
hbn wrote: post #47

Earlier quoted context omitted.

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 i…

History can be important, but I don't see what knowing that developers used to (ab)use for layout explains about modern CSS. By all means, include historical context if it helps explain why something works the way it does, but otherwise drop it. And while backwards compatibility remains a concern for browser vendors, it's much less of a concern for web developers nowadays given the vast majority of users are using au…

I resent the "(ab)" in "(ab)use tables for layout"... it was all we had AND was still better at vertically centring things until Flexbox arrived!

Re: Learn CSS

#147

Post by dws »

goto11 wrote: 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…

Consider that part of the audience are developers who've dabbled in HTML/CSS over the years, but never frequently enough to stay current. We have old habits to unlearn. The context helps.

Re: Learn CSS

#148

Post by cuddlecake »

kaycebasques wrote: post #29

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…

Una and her content are great.

Checked out the first two chapters on this resource and immediately recommended it to my colleagues as well.

Re: Learn CSS

#149

Post by scns »

throwaway088 wrote: post #104

Is there a site where I can practice relatively simple css challenges. For example for this html, center the text and align text in all three boxes, etc. Css battle is great but there are only finished answers not explanations. W3schools have some but they are too simplistic.

I'd recommend this: https://mastery.games/flexboxzombies/

Re: Learn CSS

#150

Post by stainforth »

goto11 wrote: 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…

I think attitudes like this are why so many people don't respond well to math
Post reply on HN