Ok, so what’s the problem?• Non-responsive sites are no fun.• Fixed-width sites are not the best experiences.• Design tools tend to use pixels.• Sometimes a pixel does not equal a pixel.• So how do we turn pixels to their em counterparts?
What About Devices?• viewport meta tag • <meta name=“viewport” content=“width=device-width”>• device-width vs. width• maximum-zoom
What about non-supportive browsers?• css3-mediaqueries-js by Wouter van der Graaf• Just include the script in your pages• Parses the CSS and applies style for positive media tests
Hey, what was that 4th thing?• Design. • Do we start with mobile-first? • Is it best that all sites are responsive? • Do we need or want to do visual comps for every device? • Don’t dismiss mobile as walking and looking something up. • We are at the beginning, that’s what makes this interesting!
Remember To Complete Your Evaluations!You could WIN a Samsung FocusWindows Phone 7!Let us know what you liked & disliked!Remember, 1=Bad, 5=Good Please provide comments!No purchase necessary. The contest is open to residents of Canada (excluding government employees). The Toronto Tech·Days evaluation form contest begins on October 25th, 2011 andends on October 26th, 2011. The Vancouver Tech·Days evaluation form contest begins on November 15th, 2011 and ends on November 16th, 2011. The Montreal Tech·Days evaluationform contest begins on November 29th, 2011 and ends on November 30th, 2011. Participants can enter the contest in one of two ways: (1) complete and submit an evaluation form by thecontest close date; or (2) provide contact information by the contest close date. The draw for Toronto will take place on October 31st, 2011. The draw for Vancouver will take place onNovember 21st, 2011. The draw for Montreal will take place on December 5th, 2011. The chances of being selected depend upon the number of eligible entries. Selected participants will becontacted by phone and/or e-mail and will be required to answer correctly a time-limited skill-testing question. There are three (3) prizes available to be won. One (1) prize will be given awayfor each Tech·Days event in Toronto (October 25-26 2011), Vancouver (November 15-16 2011) and Montreal (November 29-30 2011). The prize consists of a Samsung Focus WindowsPhone 7 (handset only; voice and/or data plan not included) (approximate retail value of $499 CAD). The prize will be delivered to the shipping address designated by the winner within 6-8weeks. The winner may be required to sign a declaration and release form. For full contest rules, please see a Microsoft Tech·Days representative. You can email any additional comments directly to email@example.com at any time.