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

Things I wish I’d known about CSS

cssfordesigners.com

Post reply on HN
Print view View original

91–100 of 340 posts

Re: Things I wish I’d known about CSS

#91

Post by towb »

porker wrote: post #42
jb1991 wrote: post #31

Yikes. I've been earning 6 figures as of about two years ago doing mostly HTML and CSS UI design for a bank. And I still did not know about many of these! I guess they are things I wish I'd known about CSS! Better late than never I guess.

I've done CSS since 1999, none of this was new to me, and I've never earned 6 figures for doing HTML and CSS. I moved my career away from HTML/CSS in order to earn more.

I think we picked up a lot more of the basics back in the days because doing CSS was much less forgiving than it is now. And the whole struggle with pixel perfect between browsers just forced you to spend hours on these tiny things.

Re: Things I wish I’d known about CSS

#92

Post by pjc50 »

ChrisRR wrote: post #36
jb1991 wrote: post #31

Yikes. I've been earning 6 figures as of about two years ago doing mostly HTML and CSS UI design for a bank. And I still did not know about many of these! I guess they are things I wish I'd known about CSS! Better late than never I guess.

Six figures? In the US? Sometimes I wonder why companies even pay developers so much in the US. I'm a specialised medical embedded software developer in the UK and I'm not even halfway to six figures, and will likely never hit it. It astounds me that companies don't hire twice as many non-US developers for the same price and get more work for their money. Note, I'm not talking about outsourcing to the absolute cheape…

> Sometimes I wonder why companies even pay developers so much in the US.

Presenteeism.

The office "has to" be in Silicon Valley. The employees "have to" be in that office, in an open plan, so the manager can physically see them working. Therefore they have to be paid huge wages to compete against the other employers doing the same.

Re: Things I wish I’d known about CSS

#93

Post by bigmanwalter »

miiiiiike wrote: post #75
PetahNZ wrote: post #72

Earlier quoted context omitted.

But when was this? CSS grid has only really been viable for a few years in terms of significant browser support.

Last year. Around November and 91% unprefixed usage ( https://caniuse.com/#search=display%3Agrid )

CSS Grid has only been widely supported for a couple years now. Not so hard to believe a frontend dev was still using bootstrap grid.

Re: Things I wish I’d known about CSS

#94

Post by aliswe »

A little secret opinion of mine is that I think the global usage of rem instead of px is a fad. The only real argument I've heard is that the mobile devices have their own definition of it, and will thus optimize in their own way, but then again I see that benefit as being nearly non-existant and definitely not demonstrated.

Re: Things I wish I’d known about CSS

#95

Post by agloeregrets »

seanalltogether wrote: post #18

I wish the author had gone a bit further into em vs rem. I'm reading other articles on the topic but they're simply technical explanations and I'm still not clear on what features of the page are best designed using em or rem.

From an overall perspective,

em: unit based on the font size of the element it is querying.

rem: unit based on the font size of the body element.

rem is helpful if you want to make an entire page scale uniformly if you change the base font size (imagine accessibility settings) while keeping the same proportions with padding to font size.

em is great for things like buttons where you may want to make one class for `button.cool-button{ padding: 1em; font-size: 14px; &.xl{ font-size: 20px; }}` and then you can change the font size by setting the `.xl` Class on that button and the padding will go from 14px to 20px. One button, shared proportions.

Re: Things I wish I’d known about CSS

#96

Post by interactivecode »

aliswe wrote: post #94

A little secret opinion of mine is that I think the global usage of rem instead of px is a fad. The only real argument I've heard is that the mobile devices have their own definition of it, and will thus optimize in their own way, but then again I see that benefit as being nearly non-existant and definitely not demonstrated.

Most designs and typography are referenced of a basic unit, the body font size. Setting that size once and using rem makes it easier to build out and change.

Re: Things I wish I’d known about CSS

#97

Post by bgroat »

ChrisRR wrote: post #36
jb1991 wrote: post #31

Yikes. I've been earning 6 figures as of about two years ago doing mostly HTML and CSS UI design for a bank. And I still did not know about many of these! I guess they are things I wish I'd known about CSS! Better late than never I guess.

Six figures? In the US? Sometimes I wonder why companies even pay developers so much in the US. I'm a specialised medical embedded software developer in the UK and I'm not even halfway to six figures, and will likely never hit it. It astounds me that companies don't hire twice as many non-US developers for the same price and get more work for their money. Note, I'm not talking about outsourcing to the absolute cheape…

Serious questions.

Which countries would you suggest for this?

Just the UK?

Re: Things I wish I’d known about CSS

#98

Post by dgb23 »

jitendrac wrote: post #82

That is really useful. I have been writing small html front-ends since 2008-09. HTML5,CSS3 made many things easier like gradients, Round borders, and many things that now developer do takes as granted. I clearly remember, how boring and frustrating it was to slice borders and corners from photoshop psd. CSS3 and HTML5 made many good changes, but new css feature like grid, Flex-box all are still confusing. I have to l…

Have you ever taken some deliberate time to really „play“ with those?

My recommendation: take a calculator or spreadsheet and start with some simple cases and build up your knowledge in a exploratory manner. A few hours, a session for each feature (flex, grid).

Its not only fun but also really helpful!

Re: Things I wish I’d known about CSS

#99

Post by mellow2020 »

aliswe wrote: post #94

A little secret opinion of mine is that I think the global usage of rem instead of px is a fad. The only real argument I've heard is that the mobile devices have their own definition of it, and will thus optimize in their own way, but then again I see that benefit as being nearly non-existant and definitely not demonstrated.

Using relative units makes it very easy to scale things. If you use pixels or other absolute units everywhere, you'd have to edit every instance of that, which can range from an annoying chore to being completely unfeasible.

https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_...

Re: Things I wish I’d known about CSS

#100

Post by mellow2020 »

dgb23 wrote: post #98
jitendrac wrote: post #82

That is really useful. I have been writing small html front-ends since 2008-09. HTML5,CSS3 made many things easier like gradients, Round borders, and many things that now developer do takes as granted. I clearly remember, how boring and frustrating it was to slice borders and corners from photoshop psd. CSS3 and HTML5 made many good changes, but new css feature like grid, Flex-box all are still confusing. I have to l…

Have you ever taken some deliberate time to really „play“ with those? My recommendation: take a calculator or spreadsheet and start with some simple cases and build up your knowledge in a exploratory manner. A few hours, a session for each feature (flex, grid). Its not only fun but also really helpful!

> Have you ever taken some deliberate time to really „play“ with those?

I know just the thing!

https://flexboxfroggy.com/

https://codepip.com/games/grid-garden/

Post reply on HN