iPhone 5 web teardown: How Apple compresses video using JPEG, JSON, and canvas

Re:iPhone 5 web teardown: How Apple compresses video using J... by rglover on Monday September 17, 2012 @12:40AM (#4531346)

What's difficult about centering a box? Was that just sarcasm? A couple of approaches:

Margin Auto w/ a fixed width

Absolute 50% w/ negative margins

Text-align center parent w/ inline-block display on children

If it was sarcasm, disregard my stupidity.

[ Parent | on HN ]

Re:iPhone 5 web teardown: How Apple compresses video using J... by borplk on Monday September 17, 2012 @02:43AM (#4531503)

That's still non-intuitive. Just do a search about centering (or X problem in CSS) and see the thousands of threads and questions and corner cases, hacks and exceptions.

The whole thing feels like you are stretching something beyond what it was intended to be used for.

Things like element positioning should be so so simple that if you search about it, you get nothing back because no one had a problem to ask for solutions.

Although I must say I'm not mocking CSS in particular, most web technologies feel this way because they were designed many years ago for a web that was supposed to have simple 'documents' like an article, text and paragraphs and today each component of it is expected to do a lot more.

It's not getting all that much better either because each new version and improvement is building on top of the previous decisions, etc...

[ Parent | on HN ]

Re:iPhone 5 web teardown: How Apple compresses video using J... by rimantas on Monday September 17, 2012 @08:08AM (#4532135)

  > most web technologies feel this way

Most technologies you don't know feel this way. And the reason—you don't know them.

  > It's not getting all that much better either because each
  > new version and improvement is building on top of the
  > previous decisions

In this case: no.

[ Parent | on HN ]

Re:iPhone 5 web teardown: How Apple compresses video using J... by rglover on Monday September 17, 2012 @09:30AM (#4532435)

If that wasn't intuitive enough, feel free to email me and I'd be glad to teach/walk you through the many unfortunate ways to go about this: [email protected].

[ Parent | on HN ]

Re:iPhone 5 web teardown: How Apple compresses video using J... by scotty79 on Monday September 17, 2012 @03:35AM (#4531609)

Right. Now center it vertically. Also don't make any assumptions (like fixed height, or display: block) about container and the box to be centered.

[ Parent | on HN ]

Re:iPhone 5 web teardown: How Apple compresses video using J... by rimantas on Monday September 17, 2012 @08:28AM (#4532198)

http://cssdeck.com/labs/aqdw0l21/0

Container has fixed dimensions in my example, but it does not matter in this case.

[ Parent | on HN ]

Re:iPhone 5 web teardown: How Apple compresses video using J... by scotty79 on Tuesday September 18, 2012 @02:32AM (#4536689)

If container height is given by percentage you have to wrap it in another div with display: table. And if container is supposed to behave like inline-block you have to wrap it in yet another one. If you need to sprinkle around some margins and paddings (esp. with percentage height) you have to choose boilerplate divs to apply them to carefully.

Btw. your approach is exactly same that we had 10 years ago but with CSS table behavior faking rather than table tag.

Yay. Progress.

[ Parent | on HN ]

Re:iPhone 5 web teardown: How Apple compresses video using J... by shawndumas on Monday September 17, 2012 @09:48AM (#4532522)

removing them matters...

[ Parent | on HN ]

Re:iPhone 5 web teardown: How Apple compresses video using J... by maerek on Monday September 17, 2012 @03:19PM (#4534331)

Centering a box horizontally is simple. The original comment was referring to centering an element _vertically_, which is a much greater PITA.

[ Parent | on HN ]

Re:iPhone 5 web teardown: How Apple compresses video using J... by conradfr on Monday September 17, 2012 @04:50AM (#4531728)

I think I am waiting for simple vertical alignment since CSS1.

It's like variables (yeah I know, LESS / SASS ...).

[ Parent | on HN ]

Re:iPhone 5 web teardown: How Apple compresses video using J... by batista on Monday September 17, 2012 @07:17AM (#4532038)

>Margin Auto w/ a fixed width Absolute 50% w/ negative margins Text-align center parent w/ inline-block display on children

Yes, totally intuitive and logical solutions all of them.

If you have w3c Stockholm syndrome, that is.

E.g "Just absolute 50% it with a negative margin" (oh, yes, and you would have to know the width beforehand).

>If it was sarcasm, disregard my stupidity.

It's not the stupidity, is the willingness to put up with BS convoluted inelegant workarounds for lack of basic, bread and butter, features.

If you value elegant APIs, KISS and DSLs, you should run screaming in the opposite direction in all those three, horrible, horrible, techniques.

W3C first came up with their (broken) model, and then they kludged solutions to use cases with it, instead of starting from the use cases first. That's why we have had the tables before and the need for the flexbox and grid layout now.

[ Parent | on HN ]

Re:iPhone 5 web teardown: How Apple compresses video using J... by rglover on Monday September 17, 2012 @09:27AM (#4532424)

It's not the stupidity, is the willingness to put up with BS convoluted inelegant workarounds for lack of basic, bread and butter, features.

You're right, there is a willingness to put up with it. Mainly because I understand how these solutions work, how to debug them, and make everything nice and peachy. Do I wish things were better? Of course! Who wouldn't?

[ Parent | on HN ]

Re:iPhone 5 web teardown: How Apple compresses video using J... by batista on Monday September 17, 2012 @10:34AM (#4532734)

Well, we're in the same boat then.

[ Parent | on HN ]

Re:iPhone 5 web teardown: How Apple compresses video using J... by TruthElixirX on Monday September 17, 2012 @02:15AM (#4531464)

I think it was a hyperbole, but there really is a lot of dumb shit in web design.

[ Parent | on HN ]