Viewports with PPK
- April 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!
-
-
Bret Wadleigh
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 Hong
Really enjoyed this meetup. PPK was entertaining and yet gave an informative presentation. Thanks to all involved!
April 9, 2012
-
-
-
Vanessa Wang
We'll post the recording in a few days and will announce here and on Twitter (@sfhtml5).
April 8, 2012
-
Theodore Treadwell
Excellent speaker, very well organized meetup. Met some interesting people.
April 8, 2012
-
-
-
-
Robert Reiz
That was a great MeetUp. Great and funny talk. I really enjoyed it. Manny thanks to Peter Paul Koch and Adobe.
April 8, 2012
-
-
Grant Kinney
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
-
-
Reynolds Cameron
Very useful & informative; thanks! Nice crowd & plenty of food/refreshments.
April 7, 2012
-
-
-
-
-
-
Graeme Thompson
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
Some CSS3 2D/3D eye-candy code samples that you might enjoy:
https://code.google.com/p/css3-g...
1 · April 7, 2012
-
Marcello Damasceno
Great meetup! Venue (Adobe SF office) was awesome,and speaker was extremely knowledgeable on the subject.
April 6, 2012
-
-
-
Andrew de Andrade
ID = driver's license, passport or something similar. Basically you need photo ID to get into the building. It's an adobe building security issue. The name on the photo ID needs to match your Meetup.com name. When you arrive you sign the NDA to get in as well.
April 6, 2012
-
Kevin Smith
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
Looking forward to later, in town for ntc from Melbourne, Australia
April 6, 2012
-
Vanessa Wang
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 Leutwyler
Will there be a car parking possibility? I'm driving up from Sunnyvale
April 6, 2012
-
Grant Kinney
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.
1 · April 6, 2012
-
Christopher Harris
Anyone know if there will be any bicycle parking available? ...thanks.
April 5, 2012
-
Vanessa Wang
Don't forget...this is tomorrow night (Friday), not our usual Thursday. :)
1 · April 5, 2012
-
Kevin Keiper
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
-
Reynolds Cameron
Props to Adobe. Will more actively promote their brand to relevant decision makers. Restrictive IP policy for the mere sake of substantiating a lawyers' existence should be actively resisted.
April 5, 2012
-
-
Vanessa Wang
@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
-
Jeremy Kahn
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/s...
April 4, 2012
-
Conrad Wade
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
But to view them you'll just need to sign this NDA ... ;)
April 4, 2012
-
-
Arno Gourdol
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 Gourdol
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 Gourdol
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 Gourdol
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
-
Lance Bean
For all the people who claim they can't sign NDAs - this sounds like an issue you should take up with your own company. It's pretty standard when going onto any company location. I've worked for 2 of the biggest names in the area and they both require it, and neither prevent me from signing an NDA. Maybe your policy is the problem. Also, there is a long wait list for this event, maybe you can step aside and let someone else in.
1 · April 4, 2012
-
Thierry Koblentz
@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 Lubbers
No problem, just be ready at the end of the talk. Looking forward to it.
April 3, 2012
-
Glan Thomas
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-Patt...April 3, 2012
300 attended
-
-
-
Johanne Quiambao
Event Host
-
-
-
-
-
Theodore Treadwell
Checked-in -
-
-
-
-
-
-
-
-
-
Marcello Damasceno
Checked-in -
-
-
-
-
-
Aurelio Tinio
Checked-in -
-
-
-
-
-
-
-
-
-
-
-
Erin Lathers
Checked-in -
-
-
-
-
-
-
-
-
Melody Schaeffer
Checked-in -
-
-
matt
Checked-in -
-
Say Media
A great venue for our meetups!
Join or login to comment.