5 ms·

So CSS can do 3D, but still not vertically center multiline text in a straightforward way?

alexcasalboni 12y ago
True story. Too many hacks are needed for that: http://css-tricks.com/vertically-center-multi-lined-text/ http://css-tricks.com/vertically-center-multi-lined-text/ Anyways, centered stuff is evil! http://uxmovement.com/content/why-you-should-never-center-align-paragraph-text/ http://uxmovement.com/content/why-you-should-never-center-al...
- Izeau 12y ago
  This article isn’t about vertically-centered text but horizontally-centered text. You don’t expect the starting place of each line to change with vertically-centered text!
- michaelbuddy 12y ago
  centered 'stuff' is not evil. Centered blocks of paragraphs are not as pleasing to look at and are harder to work around with the rest of your content elements making up the design. But he's talking about centering it from top to bottom: vertically centered. Which is not evil but would be a very easy thing for CSS to just do in all browsers. yet it can't seem to accomplpish it. Every 'rule' can be broken when done effectively. another expert will tell you that only a minority reads our paragraphs of text anyway. And another expert will tell you that the harder it is to read something the better the comprehension will be. If clean lines really solved the worlds problems, we'd be in much better shape by now.
equil 12y ago
something wrong with flex box?
- audessuscest 12y ago
  no IE8 and IE9 support...
  - Izeau 12y ago
    Even Google doesn’t support those anymore…
    - Cephlin 12y ago
      Why would anyone want to use/support those browsers. First off their IE... secondly they're seriously out of date.
      - AustinG08 12y ago
        Tell that to the boss
        jastanton 12y ago
        If you're the developer that's your job to tell that to your boss. Come up with analytics to support your findings, make your case, he's probably not going to be reading this thread and staying up to date on all the latest and greatest that's your job. He may be stubborn or you might find out that your user base is all IE6 I don't know but sitting around complaining isn't going to get you anywhere either :)
        O____________O 12y ago
        Come up with analytics to support your findings Analytics are irrelevant when you're writing some huge internal service for a company whose conservative upgrade policy dictates that only one older browser will be installed and used company-wide until God-knows-when. By the way, glancing at a few browser market share websites, it looks like IE8 and IE9 are alive and well, totaling around the same as IE11.
        AustinG08 12y ago
matthewmacleod 12y ago
Flexbox, or display: table-cell. These have been supported for a while now – you're not going to get old browser support, but they're not going to support 3D features either, so your complaint is either flame bait or ignorance.
- bonn1 12y ago
  > These have been supported for a while now For Safari still the -webkit prefix is required which is a bit odd
  - kowdermeister 12y ago
    The world is a cruel place :)
  - bicknergseng 12y ago
    Safari is the new IE. No idea why they still require vendor prefix for a range of accepted and implemented standards.
  - zghst 12y ago
    Webkit keeps prefixes usually because it is not implemented fully and it is an experimental feature. They began unprefixing flexbox in Sept. 2014, I don't know when it's gonna ship. Though, its super unfair that the Web Inspector in Webkit uses unprefixed Flexbox (http://trac.webkit.org http://trac.webkit.org revision 173707).
hawleyal 12y ago
You should not center things vertically.
laughinghan 12y ago
Aren't you comparing the capability to do 3D with the straightforwardness of vertical centering, though? Certainly CSS has the capability to do vertical centering of multiline text, and I wouldn't call the 3D rendering strategy in this experiment amazingly straightforward---in fact, the cleverness of the technique is one of the things that makes this experiment so cool.

True story. Too many hacks are needed for that: http://css-tricks.com/vertically-center-multi-lined-text/ http://css-tricks.com/vertically-center-multi-lined-text/ Anyways, centered stuff is evil! http://uxmovement.com/content/why-you-should-never-center-align-paragraph-text/ http://uxmovement.com/content/why-you-should-never-center-al...

Izeau 12y ago
This article isn’t about vertically-centered text but horizontally-centered text. You don’t expect the starting place of each line to change with vertically-centered text!
michaelbuddy 12y ago
centered 'stuff' is not evil. Centered blocks of paragraphs are not as pleasing to look at and are harder to work around with the rest of your content elements making up the design. But he's talking about centering it from top to bottom: vertically centered. Which is not evil but would be a very easy thing for CSS to just do in all browsers. yet it can't seem to accomplpish it. Every 'rule' can be broken when done effectively. another expert will tell you that only a minority reads our paragraphs of text anyway. And another expert will tell you that the harder it is to read something the better the comprehension will be. If clean lines really solved the worlds problems, we'd be in much better shape by now.

equil 12y ago

something wrong with flex box?

audessuscest 12y ago
no IE8 and IE9 support...
- Izeau 12y ago
  Even Google doesn’t support those anymore…
  - Cephlin 12y ago
    Why would anyone want to use/support those browsers. First off their IE... secondly they're seriously out of date.
    - AustinG08 12y ago
      Tell that to the boss
      - jastanton 12y ago
        If you're the developer that's your job to tell that to your boss. Come up with analytics to support your findings, make your case, he's probably not going to be reading this thread and staying up to date on all the latest and greatest that's your job. He may be stubborn or you might find out that your user base is all IE6 I don't know but sitting around complaining isn't going to get you anywhere either :)
        O____________O 12y ago
        Come up with analytics to support your findings Analytics are irrelevant when you're writing some huge internal service for a company whose conservative upgrade policy dictates that only one older browser will be installed and used company-wide until God-knows-when. By the way, glancing at a few browser market share websites, it looks like IE8 and IE9 are alive and well, totaling around the same as IE11.
        AustinG08 12y ago

matthewmacleod 12y ago

Flexbox, or display: table-cell. These have been supported for a while now – you're not going to get old browser support, but they're not going to support 3D features either, so your complaint is either flame bait or ignorance.

bonn1 12y ago
> These have been supported for a while now For Safari still the -webkit prefix is required which is a bit odd
- kowdermeister 12y ago
  The world is a cruel place :)
- bicknergseng 12y ago
  Safari is the new IE. No idea why they still require vendor prefix for a range of accepted and implemented standards.
- zghst 12y ago
  Webkit keeps prefixes usually because it is not implemented fully and it is an experimental feature. They began unprefixing flexbox in Sept. 2014, I don't know when it's gonna ship. Though, its super unfair that the Web Inspector in Webkit uses unprefixed Flexbox (http://trac.webkit.org http://trac.webkit.org revision 173707).

hawleyal 12y ago

You should not center things vertically.

laughinghan 12y ago

Aren't you comparing the capability to do 3D with the straightforwardness of vertical centering, though? Certainly CSS has the capability to do vertical centering of multiline text, and I wouldn't call the 3D rendering strategy in this experiment amazingly straightforward---in fact, the cleverness of the technique is one of the things that makes this experiment so cool.