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

Full-Bleed Layout Using CSS Grid

joshwcomeau.com

Post reply on HN
Print view View original

221–230 of 277 posts

Re: Full-Bleed Layout Using CSS Grid

#221

Post by keeganpoppen »

asddubs wrote: post #173
russelg wrote: post #170

Earlier quoted context omitted.

Very disingenuous of you. IE was a trashfire because it refused to do anything in a standard way, meaning it had to be specially catered for. Safari is slow to follow the standards but at least its compliant. A engine that isn't Chrome is very essential for keeping the web open, especially since Firefox user share keeps going down.

ie was also a trashfire because of the release/update model, holding the entire web back because it was so far behind standards (ie6 was actually ahead of its time on release, but then didn't get updated for ages). safari, especially on ios where you can't even get any other browser engines, and the safari version is tied to the operating system version, follows that same model with the same consequences. not as pain…

unsure what part of this is cause for downvoting-- it is absolutely correct. it's not even invalidating other peoples' observations. people are weird (or ignorant (or both))...

edit: oh and i guess now that i upvoted it it's not grey anymore xD

Re: Full-Bleed Layout Using CSS Grid

#222

Post by Jakob »

wraptile wrote: post #207

> Research has shown that the ideal line length is about 65 characters. Anywhere between 45 and 85 is generally seen as acceptable, in the context of a roman alphabet. This should be literally nailed into everyones head. It's really tiring to hack and patch website styles to make them readable; Desktop HN is guilty of this too. Sometimes I feel I'm reading an ancient papyrus scroll around here. Brilliant blog and I'm…

A custom CSS could fix that for you.

  p { max-width: 65ch; }
I personally don’t like web sites which restrict line lengths. I can read longer lines just fine and it makes skimming easier.

Re: Full-Bleed Layout Using CSS Grid

#223

Post by agumonkey »

blurbleblurble wrote: post #203
agumonkey wrote: post #116

I found css grid to be both practical, efficient and fun. I don't know what flaws it has but it's one of the lowest friction css layout bit I've ever toyed with.

Yeah, I don't get why it bugs some people so much but I find it to be really intuitive.

The spec is large and the syntax is a but surprising at times but it really gets you going.. I still can't figure out how to float divs properly you know :)

Re: Full-Bleed Layout Using CSS Grid

#224

Post by croes »

wraptile wrote: post #207

> Research has shown that the ideal line length is about 65 characters. Anywhere between 45 and 85 is generally seen as acceptable, in the context of a roman alphabet. This should be literally nailed into everyones head. It's really tiring to hack and patch website styles to make them readable; Desktop HN is guilty of this too. Sometimes I feel I'm reading an ancient papyrus scroll around here. Brilliant blog and I'm…

For me it's teh other way around. I hate these narrow designs where two third of the site is blank. Mostly gleaming white. Additionally I have to scroll even though the text would have fit on one page. The value for the optimal column width does not seem to be saved either: http://blog.fawny.org/2005/09/21/measures/

Re: Full-Bleed Layout Using CSS Grid

#225

Post by croes »

LocalPCGuy wrote: post #76
ryandrake wrote: post #41

> Have you ever tried to read Wikipedia on a very large screen? It looks like this: [image] Those paragraphs are so wide! Wikipedia doesn't constrain the container width at all. This leads to lines that are hundreds of characters in length. NOOOOO! Please, please, please, please stop second-guessing my choice of browser window width! I bought a nice 27" monitor, and maybe I just want to use the whole thing. Why is yo…

Two reasons. One, the designer of the site has a specific UX and UI in mind, and that is their decision. If you don't like it, you can hack it with local CSS or just use a different site. Two, (I know you don't care, but for others reading) there are studies that show that for the vast majority of people, width constraints make it easier to read. So there is good reason to enforce those constraints in the design from…

The people of number two can resize their browser window. If I prefer full width lines I'm forced to the designers specific UX. That's quite ironic because the U in UX stands for user and my eXperience with such sites is horrible. Worst of all are those that have code examples that go beyond the column width but don't wrap, so I have to scroll horizontally even though two thirds of the page are empty.

Re: Full-Bleed Layout Using CSS Grid

#226

Post by artificial »

kumarharsh wrote: post #206
artificial wrote: post #184

Earlier quoted context omitted.

The tables haven’t died for email layouts. Email presentation is horrific. Outlook with its special IE is oh so much fun.

Outlook doesn't even have IE btw... It has a custom MS Word compliant HTML parser/renderer (Facepalm emoji)

You’re correct. They switched from IE to Word https://www.litmus.com/blog/a-guide-to-rendering-differences...

Re: Full-Bleed Layout Using CSS Grid

#227

Post by [deleted] »

throw_m239339 wrote: post #30

I really hated this era before flexbox and co. CSS used to be the least intuitive thing on the planet yet a lot of people claimed otherwise. We had to resort to silly tricks (remember overflow hidden?) in order to make up for the mess that CSS used to be. Again what really pissed me off isn't CSS inherent issues but the fact that many people claimed there was absolutely nothing wrong with it, a pattern I often see wi…

[deleted]

Re: Full-Bleed Layout Using CSS Grid

#228

Post by innocenat »

atoav wrote: post #180
preommr wrote: post #129

I hate that people use CSS Grid like this. For some reason, I see so many people reach for CSS Grid like it's the de facto solution for responsive design. This is a bad design because you're tying the child elements to the grid layout of the parent. If you added an extra column in the grid, you'd have to go and adjust it for the full bleed elements. IMO a better solution would've been to just use a column layout with…

I like CSS grids for global layout stuff because of the layout flexibility it gives you when it comes to different screen sizes and orientations, without having to use js when you need to swap the order of things around (and at some point you will have to eventually unless it is a very simple page). This helps separating the markup from the styling even further so it is rather a good thing. I would — however — never…

max-width on text do have a problem: you cannot set margin on the them. Say, blockquote, unordered list, etc.

Re: Full-Bleed Layout Using CSS Grid

#230

Post by CamperBob2 »

wraptile wrote: post #207

> Research has shown that the ideal line length is about 65 characters. Anywhere between 45 and 85 is generally seen as acceptable, in the context of a roman alphabet. This should be literally nailed into everyones head. It's really tiring to hack and patch website styles to make them readable; Desktop HN is guilty of this too. Sometimes I feel I'm reading an ancient papyrus scroll around here. Brilliant blog and I'm…

This should be literally nailed into everyones head

No, it should be treated as a matter of subjective opinion, because that's what it is. They can take their "research" and shove it where the sun doesn't shine. It simply does not apply to everyone, no matter how much the "researchers" wish it did.

Never mind that I actively prefer wide columns, there's also the fact that I didn't spend $2000 for a monitor so I could look at 80% empty space.

Post reply on HN