addressalign-toparrow-leftarrow-rightbackbellblockcalendarcameraccwcheckchevron-downchevron-leftchevron-rightchevron-small-downchevron-small-leftchevron-small-rightchevron-small-upchevron-upcircle-with-checkcircle-with-crosscircle-with-pluscontroller-playcrossdots-three-verticaleditemptyheartexporteye-with-lineeyefacebookfolderfullheartglobegmailgooglegroupshelp-with-circleimageimagesinstagramFill 1light-bulblinklocation-pinm-swarmSearchmailmessagesminusmoremuplabelShape 3 + Rectangle 1ShapeoutlookpersonJoin Group on CardStartprice-ribbonprintShapeShapeShapeShapeImported LayersImported LayersImported Layersshieldstartickettrashtriangle-downtriangle-uptwitteruserwarningyahoo

Viewports with PPK

  • Apr 6, 2012 · 6:00 PM
  • This location is shown only to members

Please read the important notes about our venue at the end of this post.

Update: Adobe have decided to waive the NDA for this event.

--

We're extremely fortunate to host internationally-known mobile guru Peter Paul Koch (@ppk) join us from Amsterdam.

About the Talk

A pixel is not a pixel.

Viewports are pretty easy on desktop: they're the browser window. Thus, an element with width: 10% will span 10% of the browser window, while width: 100px just means a width of 100px.

On mobile, things are quite different. There are two viewports and three kinds of pixels, and they interact in all kinds of weird ways—ways that depend on the browser.

In this technical presentation PPK will explain why a pixel is not a pixel, what the difference between the two viewports is, and which bits web developers should care about.

Caution: Heads may explode!

About the Speaker

Peter-Paul Koch (PPK) is a mobile platform strategist, consultant, and trainer in Amsterdam, the Netherlands. He specializes in HTML, CSS, JavaScript, and browser compatibility.

He has won international renown with his browser compatibility research, frequently speaks at conferences, has founded Fronteers, the Dutch association of front-end professionals, and advises mobile and desktop browser vendors on their implementation of Web standards.

In 2009 he shifted from traditional desktop browsers and sites to the mobile web, and he never looked back. He discovered that mobile devices and browsers are in even more need of description than their desktop counterparts, and set himself to the task. On the Web he is universally known as "ppk."

Currently he has about twenty mobile phones lying around on his desk. The one thing he never does with any of these phones is make a phone call.

Schedule

6:00-7:00p Register and get your badge. Then, meet, mingle, and munch (Food and drinks sponsored by Kaazing and Marakana)

7-7:10p  Welcome Notes and Introduction

7:10p     PPK's Talk 

8:15-30 Q&A and Prize Giveaways*

8:30p     Lightning Talks (2 mins each)

* You must be at the venue to qualify for prizes. Tip: Tweeting #sfhtml5 and checking in may increase your chances of winning a prize.

This event will be recorded but NOT live streamed. Apologies for the inconvenience.

Important Notes about the Venue

Adobe have kindly invited us to their headquarters, but the registration process differs from our other events:

  • Your Meetup ID must include your first and last name 
  • You must bring a valid ID that matches your Meetup ID (with your first and last name)
  • Registrations close 24 hours before the event begins

Because we must register each attendee at the door, please be kind to your fellow SFHTML5ers and only RSVP if you know you are coming, and update your RSVP if you find you cannot attend.

Thanks in advance for your cooperation!


Join or login to comment.

  • Max W.

    The video of this meetup is now live: http://mrkn.co/1n9en

    April 17, 2012

  • Bret W.

    PPK is a great speaker, his explanation of the CSS Pixels, actual pixels and DIPs relationship clears up most questions I had on Viewports. I want an SFHTML5 meetup shirt, please raffle off more of them!

    April 10, 2012

  • Thomas H.

    Really enjoyed this meetup. PPK was entertaining and yet gave an informative presentation. Thanks to all involved!

    April 9, 2012

  • Brian F.

    Too detail focused for me.

    April 9, 2012

  • Marcos I.

    Cool stuff!

    April 8, 2012

  • Vanessa W.

    We'll post the recording in a few days and will announce here and on Twitter (@sfhtml5).

    April 8, 2012

  • Theodore T.

    Excellent speaker, very well organized meetup. Met some interesting people.

    April 8, 2012

  • Rajiv G.

    Any idea, when recording link will be available?

    April 8, 2012

  • A former member
    A former member

    Very good speaker.

    April 8, 2012

  • Oriol S.

    Valuable presentation.

    April 7, 2012

  • Grant K.

    Excellent presentation, well focused, well articulated, and just the right length for the topic. Thanks to PPK for sharing his work and for being frank about what he does know and what needs more research.

    April 7, 2012

  • Webveloper

    No NDA or meetup name change - just had to show ID. Thanks to Adobe for seeing the light and providing an environment for information sharing. And thanks to PPK for all the crazy research.

    April 7, 2012

  • Vanessa W.

    Slides and recording will be posted as soon as possible.

    April 7, 2012

  • A former member
    A former member

    Very useful & informative; thanks! Nice crowd & plenty of food/refreshments.

    April 7, 2012

  • A former member
    A former member

    Excellent talk. Wavier at the end - last few slides need refinement.

    April 7, 2012

  • Ann B.

    PPK was awesome! He is so knowledgeable. So glad I went.

    April 7, 2012

  • Oswald C.

    PPK is always informative and entertaining!

    April 7, 2012

  • Jeremia K.

    Super informative

    April 7, 2012

  • Peter L.

    Great technical talk by @ppk. Very engaging.

    April 7, 2012

  • A former member
    A former member

    I enjoyed my first meetup quite a bit. These things really seem to fill up quickly. That has me really excited for the future, though I'm worried I won't be able to attend all the events I'd like to.

    April 7, 2012

  • Oswald C.

    Some CSS3 2D/3D eye-candy code samples that you might enjoy:
    https://code.google.com/p/css3-graphics/

    1 · April 7, 2012

  • Marcello D.

    Great meetup! Venue (Adobe SF office) was awesome,and speaker was extremely knowledgeable on the subject.

    April 6, 2012

  • Marcello D.

    Awesome talk, PPK – very appreciated!

    April 6, 2012

  • Arno G.

    You will not need to sign the NDA to get in.

    April 6, 2012

  • A former member
    A former member

    Argh what is this about my Meetup ID needing first and last name? Is it too late to fix it? Will I be able to get in?

    April 6, 2012

  • A former member
    A former member

    Looking forward to later, in town for ntc from Melbourne, Australia

    April 6, 2012

  • Vanessa W.

    And if those are full, there are a few parking garages nearby. It's also not too far from the 4th and Townsend CalTrain station.

    April 6, 2012

  • Markus L.

    Will there be a car parking possibility? I'm driving up from Sunnyvale

    April 6, 2012

  • Grant K.

    Last time I went to an event at Adobe, security was able to escort me to the bike cage in the parking garage for secure bike parking. Just ask at the front desk when you get there.

    April 6, 2012

  • Vanessa W.

    Don't forget...this is tomorrow night (Friday), not our usual Thursday. :)

    1 · April 5, 2012

  • Kevin K.

    anyone need a ride? I can drive a few... im coming from 16th and alabama streets in pot hill/mission border

    1 · April 5, 2012

  • Vanessa W.

    Update: Adobe have decided to waive the NDA for this event.

    April 5, 2012

  • Vanessa W.

    @Jeremy - Great! Please come find us tomorrow night. We have lightning talks at the end of our events, after the prize giveaways.

    April 5, 2012

  • A former member
    A former member

    Hi Vanessa and Peter, I'd also like to give a quick demo for something I've been working on at the end of the meetup. It's also a CSS generator called Stylie: http://jeremyckahn.github.com/stylie/

    April 4, 2012

  • Conrad W.

    I want to give a big thanks to AdobeSF for hosting @PPK, and letting him bring 400 of his closest SF friends.

    April 4, 2012

  • A former member
    A former member

    But to view them you'll just need to sign this NDA ... ;)

    April 4, 2012

  • Vanessa W.

    @cris Yes, we will post the slides and recording soon after the event.

    April 4, 2012

  • Arno G.

    5. In the event that Signatory or the company employing Signatory has another nondisclosure agreement with Adobe which is currently in effect, the terms of such agreement shall prevail if they conflict with the terms of this agreement.

    April 4, 2012

  • Arno G.

    3. Signatory agrees to limit disclosure of Proprietary Information received from Adobe to only those employees of Signatory with a need to know such information in order to perform contracted services for Adobe.

    4. The obligations and duties set forth herein shall continue for a period of three (3) years from the receipt by Signatory of Proprietary Information.

    April 4, 2012

  • Arno G.

    1. Proprietary Information is technical and business information describing or relating to business activities of Adobe and which: Adobe has (1) created and holds in confidence, or (2) has received from third parties under an obligation to maintain as confidential.

    2. Signatory agrees not to disclose Proprietary Information to any third party and not to use it except as may be required to perform contracted services for Adobe.

    April 4, 2012

  • Arno G.

    The "Adobe lobby NDA" basically says: "while visiting the Adobe office, if you see something you were not supposed to see, don't talk about it". I will post the actual content in following comments.

    April 4, 2012

  • Thierry K.

    @Jacob Rus I'm sorry, but I think this is the right place to discuss the NDA issue. If many on this group think this is a "problem", organizers may take this into consideration next time they pick a venue. Things are not as simple as some people have suggested. For example, I'm not even sure if I'm allowed to sign a NDA.

    April 4, 2012

  • Peter L.

    No problem, just be ready at the end of the talk. Looking forward to it.

    April 3, 2012

  • Glan T.

    Hi Peter and Vanessa, I would like to give a quick lightning talk/demo on a CSS3 background pattern composer tool which I've been working on. I think the Adobe guys might quite like it too ;-)

    Check it out:
    http://glan.github.com/CSS-Patterns-Workbench/#[masked]

    April 3, 2012

  • Peter L.

    All: We did follow up with Adobe and the rationale behind the NDA is that " "It is about the possibility of seeing confidential information once you access the building." Although it may be somewhat unusual to have to do this, we're excited about the *great* space that Adobe has kindly offered us for the meetup this week. As they say in Holland, "Don't look a gift horse in the mouth"

    1 · April 3, 2012

  • Jacob R.

    Hi guys. Could we please stop the public discussion of the NDA? Take it up w/ Adobe privately if it?s really an issue for you. Having a discussion here is only useful if there?s more signal than noise: 15 redundant and mostly content-free comments about the NDA entirely devalues this space, and just serves as a public annoyance. Thanks.

    April 3, 2012

  • Vanessa W.

    @Reynolds They will only provide the NDA on site. It should be a fairly quick process to review and sign, though.

    April 3, 2012

  • Crystabelle L.

    Thanks for giving more info on the NDA, Vanessa.

    April 3, 2012

  • Thierry K.

    I'm curious to know if Adobe employees are allowed to sign NDAs when attending meetings @ other companies...

    April 3, 2012

Our Sponsors

People in this
Meetup are also in:

Sign up

Meetup members, Log in

By clicking "Sign up" or "Sign up using Facebook", you confirm that you accept our Terms of Service & Privacy Policy