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

111–120 of 196 posts

Re: Learn CSS

#111

Post by edoceo »

Jemaclus wrote: post #110
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…

Just as an FYI, I'm seeing a certificate error when loading web.dev. I'm on latest Chrome Version 90.0.4430.212 (Official Build) (x86_64) on Mac OS Big Sur Screenshot: https://d.pr/i/gvj3fA I've been trying to visit web.dev for days for various reasons, but I just get this and neither Chrome nor Safari will let me visit. But apparently a bunch of you can see the page, so I'm confused as to why I seem to be the only o…

Open that Advanced button to proceed, inspect the certificate (click the lock icon in URL bar)

Re: Learn CSS

#112

Post by SirSourdough »

suyash wrote: post #102
astatine wrote: post #86

Earlier quoted context omitted.

It is interesting that this uses a podcast + text rather than what would have been a more conventional video based tutorial. The use of a podcast for describing something so fundamentally visual as CSS looks really unusual. I just started going through and came back here to note that it somehow seems to work well!

Yes, I found that odd as well, no plan to listen to 15 min podcast on a web-page when Im just trying to quickly learn something I need to know to fix my code. Though overall the aesthetics of the site are nice, very clean look and nicely organized.

Content designed to answer individual questions (eg StackOverflow) is often different in form than content designed to provide comprehensive education like college classes.

Re: Learn CSS

#114

Post by NackerHughes »

swiley wrote: post #30
yanis_t wrote: post #8

It is absolutely amazing how many things we can do with CSS. It's as powerful as some programming language, while in fact being completely declarative and super fast at the same time!

One really interesting feature of CSS is that it's a regular language (you can write a regex that matches all valid CSS files.) This is unusual even for many config formats.

I'm glad we sacrificed any concept of hierarchy, scope and structure so that CSS files can be parsed by regex.

Re: Learn CSS

#115

Post by greggturkington »

lucas_codes wrote: post #101
greggturkington wrote: post #95

Earlier quoted context omitted.

Never use viewport-relative units (like vw) for text sizing, it is not a best practice for accessibility (part of the reason it's not in the examples here). Modern browsers handle zoom just fine, regardless of units. We use rem in case a user has set their own preferred base text size (the same reason we don't use viewport-relative units).

That's why it's rem + vw, to prevent accessibility problems

The vw introduces the accessibility bug. Your can add whatever other units to it you like, the issues remain.

Re: Learn CSS

#116

Post by NackerHughes »

explodingcamera wrote: post #28
lifeisstillgood wrote: post #21

Earlier quoted context omitted.

Could you give an example? (not trolling - genuinely would like to see where the Venn Diagram between framework and CSS lie)

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.

Re: Learn CSS

#117

Post by macintux »

Jemaclus wrote: post #110
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…

Just as an FYI, I'm seeing a certificate error when loading web.dev. I'm on latest Chrome Version 90.0.4430.212 (Official Build) (x86_64) on Mac OS Big Sur Screenshot: https://d.pr/i/gvj3fA I've been trying to visit web.dev for days for various reasons, but I just get this and neither Chrome nor Safari will let me visit. But apparently a bunch of you can see the page, so I'm confused as to why I seem to be the only o…

Very odd, I'm on the same release (Catalina) and no difficulties. The certificate is from Google Trust Services, which presumably Chrome should honor.

Perhaps you have a proxy causing interference?

As the sibling comment notes, looking at the certificate using Advanced may help clarify things.

Update: here's the full chain that I see:

web.dev, signed by GTS CA 1D2, with a root certificate of GlobalSign Root CA - R2.

Re: Learn CSS

#118

Post by magicink81 »

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…

Sidenote: This may be a case where the kids don't have it easier today, as many people I know say that tables were much easier than today's CSS3+ grids and flexbox layout systems.

Re: Learn CSS

#119

Post by mfbx9da4 »

Jemaclus wrote: post #110
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…

Just as an FYI, I'm seeing a certificate error when loading web.dev. I'm on latest Chrome Version 90.0.4430.212 (Official Build) (x86_64) on Mac OS Big Sur Screenshot: https://d.pr/i/gvj3fA I've been trying to visit web.dev for days for various reasons, but I just get this and neither Chrome nor Safari will let me visit. But apparently a bunch of you can see the page, so I'm confused as to why I seem to be the only o…

could be DNS of your ISP?

Re: Learn CSS

#120

Post by [deleted] »

edoceo wrote: post #111
Jemaclus wrote: post #110

Earlier quoted context omitted.

Just as an FYI, I'm seeing a certificate error when loading web.dev. I'm on latest Chrome Version 90.0.4430.212 (Official Build) (x86_64) on Mac OS Big Sur Screenshot: https://d.pr/i/gvj3fA I've been trying to visit web.dev for days for various reasons, but I just get this and neither Chrome nor Safari will let me visit. But apparently a bunch of you can see the page, so I'm confused as to why I seem to be the only o…

Open that Advanced button to proceed, inspect the certificate (click the lock icon in URL bar)

[deleted]
Post reply on HN