PPT-Mobile Email Templates: It’s time to go responsive!

Presented by Chris Smith Design Services Team Lead Why bother with mobile Methods for our mobile madness Mobile Friendly Aware Narrow Template Fluid Layout Responsive or Adaptive Responsive techniques. Jackie . Calapristi. Agenda. Why you should go mobile. Mobile Design Options. Responsive Design. Tips . & Tools to Help You . Build. Meta Viewport Tag. Media Queries. A Word on HTML5. Best . Practices for all Mobile . Embracing Mobile to Engage Your Audience . & . Increase Revenue. Mobile Solutions to Engage Your Consumers. Lee Little. Founder & CEO, Bar-Z. . There is a Lot . G. oing on in the Mobile Space!. Seth Neistadt, Vice President of Product Development. Seth.Neistadt@micronetonline.com. Responsive Websites. What is responsive web design. Google . and responsive design. Tablets . and . desktops . and . What is it? Who’s using it? Why you should be today!. What is Responsive Design?. An Industry Buzz Word De-mystified. Responsive . websites respond to their environment. .. R. esponsive designs are comprised of fluid grids and flexible images. Code . By Rohit Ghatol. Director of Engineering - Synerzip. JavaScript. jQuery. Backbone.js. Angular.js. Twitter Bootstrap. Yoeman. Require.js. Aura.js. Grunt. Bower. Compass. SaSS. Sencha. Knockout.js. D3JS. Jason Occhipinti. @. occtopia. Agenda. Part I: . Responsive Web Design (RWD) Overview. Part II: . New Developments in RWD. Part I: RWD Overview. Background. Consumer technology/media availability has fueled changes in web design.. Remove auto-advancing after creating a video version:. On/Off:. In the tabs (not menu): “Slide Show” . [X] Play Narrations. [X] Use Timings. [ ] Show Media Controls. Clear the timings completely:. . What it is and why you need it. Today’s Topics. RWD v Mobile. Which is right for you and your site(s)?. A Few Numbers to Blow Your Mind. So many devices, so little time…. Remember the Entire Conversion Path. Optimization:. Turning Neighbors. Into Patients. AGENDA. MEET SPARK - . THE POWER OF . DIGITAL . MARKETING. 2015 - THE YEAR OF MOBILE. YOUR MOBILE WEB PRESENCE - DOING IT RIGHT. DIFFERENCES - DESKTOP & MOBILE. Jeremy Shafer. Department of MIS. Fox School of Business. Temple University. 9/27/2016. Discuss. . Slide . 2. What makes mobile different?. Users are likely to be distracted. Environment may have poor lighting. With the Xora GPS TimeTrack mobile enterprise solution organizations with employees in the eld can see their exact locations in real time plan their schedules gather data from the eld and simplify p UX/UI Sketchbook for prototyping web amp apps projects.Numbered pages and table of contents to easily find a project.Project title notes desktop and mobile mockups with soft 24 columns dot grid.App templates with full screen or scroll mockup.Perfect for quick prototyping during meetings.120 crisp white pages matte finish softcover.Ideal gift for apps and web designers UX / UI Wireframe Design Sketchbook Mobile Tablet and Desktop templates for responsive designs with project planning [Black Edition] TURN YOUR IDEAS INTO REAL APPSResponsive Breakpoints- The 8.5quotx11quot Responsive Web amp Mobile Device UI / UX Design Notebook comes with different width templates to help capture your design ideaGRID LINED - Use the grid pages and iPhone iPad and browser templates in this sketchbook to brainstorm UX and quickly prototype your apps.SAVE TIME amp MONEY - Using this book will help save you money by prototyping your User Interface on paper instead of taking hours to write code or paying a developer to create a prototypeAWESOME DESIGN GIFT - This notebook makes a great gift for the creative mobile developer or web designer you know.