Live data from Hacker News

Web Fundamentals: A handbook for best practices

developers.google.com

31–40 of 66 posts

Re: Web Fundamentals: A handbook for best practices

#31
post #15

a) How is one supposed to know what is clickable on that webpage? b) Why are the circles not valid click targets? c) If you say this -> "To deliver the best user experience, we must deliver content as quickly as possible (<1 second)" then why does your section on Critical Rendering Path show the optimized page load in 1.5 seconds?

>a) How is one supposed to know what is clickable on that webpage?

The mouse pointer turns into a hand?

Re: Web Fundamentals: A handbook for best practices

#33

why no +1 button?

My guess: they talk a lot about performance and adding social media buttons to a site really slows it down. Of course, there are ways to mitigate this (load them after page load) but that still makes the page look like it loaded slower.

Re: Web Fundamentals: A handbook for best practices

#34
The advice on min-width vs min-device-width strikes me as controversial:

  Therefore, you should avoid using *-device-width, since the
  page won’t respond when the desktop browser window is
  resized.
GMail, Facebook, New York Times, and lots of other smart folks don't show their mobile-web versions if you make the browser viewport very small. Their sites have min-width ~980px when viewed on desktop.

I imagine this is because (a) their mobile sites use different interactions that require different DOM and JS, not just different CSS styles, and/or (b) those different interactions might not be appropriate on desktop even if you shrink the viewport and/or (c) it's confusing for the site to work differently when you resize your window and/or (d) they don't want to send unused JS/DOM to devices that aren't going to use it.

Any thoughts, kinlan?

Re: Web Fundamentals: A handbook for best practices

#35
post #22
post #18

I really hope this design pattern of huge fonts across the screen is a fad and will go away sometime soon. That and parallax scrolling. It's bugging me to no end for some reason. Am I alone in this?

No, I can't stand design which say "you read our heading, great! Now scroll a bit to read the next 5 words" either.

It sucks but it's a great marketing gimmick.

If Joe Blow managed to lift his fat finger to click and scroll - he'll be eligible to read more exciting stuff and eventually be opted-in and be sold to.

From the other point of view - scrolling down requires minimal brain cycles (i.e. where is the next link to click?) - and people love doing that to absorb the whole content without thinking.

Sort of like getting a free massage.

Re: Web Fundamentals: A handbook for best practices

#36
post #34

The advice on min-width vs min-device-width strikes me as controversial: Therefore, you should avoid using *-device-width, since the page won’t respond when the desktop browser window is resized. GMail, Facebook, New York Times, and lots of other smart folks don't show their mobile-web versions if you make the browser viewport very small. Their sites have min-width ~980px when viewed on desktop. I imagine this is bec…

Good point. In lots of cases these sites are actually doing the detection of the device class on the server and never returning a fully responsive site in the first place. There is certainly a balance to be had on responsive vs adaptive, in this case with this piece of guidance it is to give developers and users the chance to adapt more appropriately to the screen constraints at any time. Min-device-width is pretty much permenant so it is harder to adapt to when the user is on a big screen but only usng half of it.

For most content based sites there is not a huge amount of reason to have drastically different html, CSS or js. For apps we are yet to cover that fully.

Re: Web Fundamentals: A handbook for best practices

#38
Most of the responses are somewhat negative (although helpful), but as a back-end'ish guy trying to learn full stack, CSS is the one thing that is nails on the chalkboard for me to learn properly. I've got this bookmarked as a reference to succinctly explain these basics; Thanks!

Re: Web Fundamentals: A handbook for best practices

#39
post #4
post #3

I don't find this site to be a fundamentally good example of usability. It's not TERRIBLE, but given that they're speaking from a position of high-authority, it should be better. Three examples: (1) https://developers.google.com/web/fundamentals/documentation... - What am I supposed to click? The "2 guides" thingy looks like a button. No. Not clickable. But then just below are two identically colored "Create Amazing…

Certainly! Good call. We soft launched the site today and are still very actively improving things. I like your suggestions though. I broke the menu and a fix is heading out soon. I'll file the others so we can get them addressed. [EDITED.]

New best practice: do a cold launch with announcement, then call it a soft launch if bugs pop up.

Re: Web Fundamentals: A handbook for best practices

#40

Most of the responses are somewhat negative (although helpful), but as a back-end'ish guy trying to learn full stack, CSS is the one thing that is nails on the chalkboard for me to learn properly. I've got this bookmarked as a reference to succinctly explain these basics; Thanks!

You might like this, it was posted here in the last few months. A really well done CSS selector tutorial (and a really good example of how teaching can be done on the web w/ interactive exercises).

https://flukeout.github.io/

Post reply on HN