Mobile web development is important because over 6.8 billion people in the world use mobile devices. There are currently over 3.4 billion people with mobile phones, making mobile the 7th mass media. When developing for mobile, it is best to target WebKit-based browsers like those used on Android and iOS devices to ensure compatibility with newer HTML5 features. Websites should be optimized for mobile with a responsive design or separate mobile sites at m.domain.com to provide the best experience for touchscreen smartphones and limited feature phones.
Word press theme and plugins WordCamp Presentation
This document profiles Angela Samuels, a technology educator. It outlines her areas of expertise including WordPress, social media, and internet marketing. She has an Associate's degree from Henry Ford Community College, a Bachelor's from Eastern Michigan University, and a Master's from Wayne State University. Her experience includes work at GM and Chrysler, and she has been a freelance trainer for authors and small businesses since 2008. Her clients include web developers and small business owners seeking training.
Zurb Foundation 5 is a front-end framework for building responsive web pages that integrates easily with Ruby on Rails applications. It provides a grid system, global styles, and prebuilt components to quickly design pages, as well as Sass, JavaScript widgets, and simple configuration. Developers can add Foundation to a Rails app by adding the foundation-rails gem, running bundle install, and generating the Foundation install files.
WordPress is a content management system initially used for blogging that has become a popular framework for building various websites. It powers 27% of the internet and has over 19 million downloads of version 4.7. WordPress is available in over 50 languages and has many career opportunities associated with it such as web development, design, and content management. It is preferred due to being user friendly, easy to work with, secure, SEO friendly, and customizable through thousands of free and paid plugins and themes. WordPress can be used freely through WordPress.org or with added features through WordPress.com.
This document discusses web performance optimization techniques. It is a summary of rules for web performance by Mark Tomlinson, who has 27 years of experience in performance. Some of the key techniques discussed include reducing HTTP requests, optimizing file compression, minimizing code, improving web font and image performance, prefetching resources, avoiding unnecessary redirects, and optimizing infrastructure and databases. The document emphasizes measuring performance through load testing and monitoring to identify bottlenecks.
This document provides information about the author and discusses how to set up a local development environment for WordPress websites. It recommends creating a source folder, adding entries to the hosts file and Apache virtual hosts file, creating a database and user, uploading WordPress files and configuring the site, and restarting web and database services. Finally, it suggests avoiding the built-in WordPress editor and provides contact information for the author.
This document discusses three ways to publish content online:
1. Using Instant WordPress which allows website creation directly from a computer without an internet connection.
2. Using free versions of WordPress or Weebly which require an internet connection to set up and publish a website with WordPress providing 1GB of storage and Weebly providing 500MB.
3. The standard way which involves getting a domain, hosting server, designing the site, uploading content, and publishing. It recommends first checking the plans and features of WordPress and Weebly.
This document provides an agenda and notes for a class on web business. It discusses homework assignments, visits from a webmaster and entrepreneur, revenue models like SaaS and advertising. It introduces the Lean Launchpad methodology and Business Model Canvas for planning web businesses. Students participate in exercises applying these concepts to a nonprofit marketing campaign, social media for a cleaning company, and sketching canvases for a toy reseller business.
Php Indonesia x Bliblidotcom - Architecting Scalable CSS
This document summarizes Irfan Maulana's presentation on architecting scalable CSS at his company Blibli.com. It discusses how they moved to using Sass and implemented the BEM methodology to modularize their CSS and make it more maintainable as their codebase grew. Some challenges included building out their own BEM libraries and integrating it with JavaScript frameworks, but overall it improved collaboration and allowed safe refactoring of CSS without side effects. The presentation concludes that scalable CSS is achievable through preprocessors like Sass and strict conventions like BEM.
ePub3 has extensive features that are intuitive and accessible. Some features are Media Overlay "Read Aloud", MathML, Accessible Video and SVG.
This presentation explores the nuances of these features through illustrations, videos and sound clips
2015 - Introduction to building enterprise web applications using Angular.js
Introduction presentation for workshop - Building Enterprise Web applications using Angular.js. It gives a quick 10 minutes overview of what it means to build an enterprise web app.
Responsive Design in Drupal with Zen and Zen Grids
Slides presented at DrupalCamp Montreal 2013. Walks through the features of the Zen theme, how to use Sass and Compass, and finally, how to use Zen Grids to change the layout. Conclusion: Zen Grids simplifies the process of changing the layout, so makes responsive design a lot easier to implement.
This document introduces WordPress multisite, which allows one WordPress installation to host multiple sites. Key features include being able to update all sites with one click, share plugins and themes across sites, and manage clients' sites from a single dashboard. Instructions are provided on how to set up a WordPress multisite network by modifying wp-config.php and .htaccess files, adding sites, and mapping custom domains. Useful plugins for multisite networks are also listed.
This document provides an introduction to blogging for business purposes. It defines what a blog is, explains why businesses should blog, and discusses how much time blogging takes. It also lists popular blogging platforms and provides tips on what topics to blog about, best practices for blogging, what makes a great blog post, using keywords and images effectively, adding metadata, proofreading, and publishing posts. The goal is to help businesses understand how to start and maintain an effective blog.
Internet es una red descentralizada de redes interconectadas que utilizan protocolos TCP/IP para funcionar como una red lógica única a nivel mundial. Sus orígenes se remontan a 1969 con la conexión entre universidades en EE.UU. Las personas que navegan por internet se conocen como internautas. Aunque a veces se usan como sinónimos, internet no es lo mismo que la World Wide Web, pero esta herramienta permite visualizar páginas con información alojadas en otros servidores a través de hipervínculos.
For every short-cut taken technical debt is added to a project. Taking that path may come from one of many factors, including inexperience, time constraints, scope creep, or lack of resources. Managing technical debt with a professional approach can reduce the high interest rate you may be currently experiencing and lower team stress. That technical burden can be properly managed by giving proper attention, time, and resources to paying down the debt on a regular basis. Explore ways to consistently reduce technical debt and discuss best practices with fellow debtors. Learn how your code score can improve and how you can avoid going bankrupt from a proper technical debt management approach.
This document summarizes the introductions and areas of research focus for several new faculty members joining the School of Education at UMass Amherst. Jennifer Randall has joined the department of Educational Policy, Research, and Administration with a focus on educational measurement, teacher grading practices, and social studies education. Christina Ortmeier-Hooper graduated from UMass Amherst and returns to the department of Teacher Education and Curriculum Studies with research interests in adolescent literacy, writing, and second language writing. Laura A. Valdiviezo joins the same department with a focus on indigenous education, language policy, and intercultural education. Cristine Smith returns to the department of Educational Policy, Research, and Administration to work on
Tushar Vaidya is a telecom professional with over 15 years of experience in telecom operations management, pre-sales technical support, and post-sales service support. He has worked as an Area Manager for Planetcast Media Communications and in several roles for other telecom companies providing VSAT, CCTV, microwave, and satellite network solutions.
This document discusses EMC and its business focus on enabling customer's business agility through cloud services. It highlights EMC's global presence with over 53,500 employees in 85 countries. It then discusses EMC's partnership with Exponential-e to provide cooperative cloud services including infrastructure assessments, migration services, and ongoing performance management for customers' virtual and physical environments. The document emphasizes that the right IT services can create efficiency while allowing customers to retain control, trust and security over their environments and data.
Este documento trata sobre los Recursos Educativos Abiertos (REA) y su uso en los procesos de enseñanza y aprendizaje en el ámbito escolar. Se discuten cuatro retos principales: 1) la formación de docentes en el diseño y uso de REA, 2) crear una cultura institucional que apoye los REA, 3) desarrollar la infraestructura tecnológica necesaria, y 4) promover la innovación educativa mediante los REA. El documento provee definiciones de REA y describe sus tipos y
This document appears to be about the ancestry and family history of someone with the last name Kraft. It mentions several individuals with the last name Kraft throughout history, including Adam Kraft who was a master builder, and links them to notable figures such as William the Conqueror. It also references researching ancestry and links to Scottish and German ancestry. The document has a section about the potential for global communication using technologies like the internet, cell networks, and instant messaging applications.
La migración en Chile,ha aumentado de manera ascendente en este último decenio, lo cual ha involucrado que diversos municipios hayan dispuesto oficinas y direcciones para vincular a los migrantes con la acción comunal.
The document provides guidance on driving sustainable user adoption of SharePoint and Office 365 through a 5 step approach: 1) Secure stakeholder buy-in by aligning the SharePoint vision with business goals; 2) Map SharePoint capabilities to business value through prioritized use cases; 3) Facilitate purposeful collaboration around key use cases; 4) Drive success through governance, training and support; 5) Continuously evaluate and adapt the approach through feedback and measurement of outcomes. The overall goal is to minimize disruption from changes and encourage an organizational culture that embraces ongoing evolution with SharePoint.
Revista Boa Vontade tem por objetivo levar informações por meio de matérias que abordam temas voltados à cultura, educação, política, saúde, meio ambiente, tecnologia, sempre aliados à Espiritualidade como ferramenta de esclarecimento, auxílio, entendimento e compreensão.
El documento presenta el menú de comidas de una institución para el mes de enero. Incluye las opciones de primer y segundo plato, así como fruta y postre para cada día del mes. Al final se indican las frutas de temporada para enero y una advertencia sobre alergias e intolerancias.
Presentación Colaboradores 5as Jornadas de Ergonomía y Psicosociología 'Buena...
Os presentamos los colaboradores que hicieron posible la realización de las 5as Jornadas de Ergonomía y Psicosociología que bajo el título de 'Buenas Prácticas en Ergonomía y Psicosociología' reunió a expertos académicos y profesionales de la Ergonomia el pasado 12-13 diciembre 2013 en Universidad Miguel Hernández Campus de San Juan de Alicante,
Este documento presenta el diseño y validación de un instrumento para medir el clima escolar en instituciones educativas de Bogotá desde la percepción de los docentes. Se proponen seis dimensiones para medir el clima: estructura y procesos, infraestructura, toma de decisiones, relaciones interpersonales, compensación y sentido de pertenencia. El instrumento, aplicado a 432 docentes, muestra alta confiabilidad y explica el 48% de la varianza para siete factores correspondientes a las seis dimensiones. El estudio concluye que
Dokumen tersebut membahas berbagai aspek kebudayaan Bali, mulai dari adat istiadat pernikahan, pakaian adat, makanan khas, rumah adat, tarian tradisional seperti pendet, dan beberapa mitos yang berkembang di Bali.
La física clásica se divide en nueve disciplinas principales: cinemática, mecánica clásica, hidrostática, hidrodinámica, óptica, electromagnetismo, termodinámica, ondas y la descomposición de la luz por difracción. Cubre temas como las leyes del movimiento, la mecánica de fluidos, la difracción de la luz, las ondas electromagnéticas y las leyes de la termodinámica.
The impact of Recruitment and Selection process on candidates' intention to a...
Negli ultimi decenni la competizione per attrarre e trattenere in azienda i talenti, la cosiddetta “War For Talent” (Michaels, Handfield-Jones & Axerold, 2001) è aumentata costantemente. Diventa quindi fondamentale per le aziende trovare le modalità di Recruitment più efficaci per raggiungere i migliori e portarli dalla loro parte.
Most organizations are unaware of the savings potential of printer consolidation. Most have no aggregate view of the total costs and no one responsible for managing it. Without this visibility it is difficult to muster exectuive commitment and support.
The challenges of building mobile HTML5 applications - FEEC Brazil 2012 - Recife
Caridy Patiño presented on the challenges of building mobile HTML5 applications. Some key challenges include browser fragmentation across devices, network failures, and the need to optimize applications for different runtime environments and adapt them for varying screen sizes and features. Patiño advocated writing applications using a single language, JavaScript, and customizing output per runtime and context while adapting the UI per form factor and feature detection. The goal is to build flexible applications that can run on multiple platforms.
The document summarizes the state of mobile web development and the advantages of using HTML5. It discusses how HTML5, CSS3, and JavaScript now allow mobile web apps to have native-like features without needing native app development. It also presents examples of using geolocation, CSS3 effects, transformations, web databases and offline caching to build powerful mobile web experiences. Finally, it discusses hybrid frameworks that combine mobile web delivery with native capabilities and app store deployment.
The Often Useful Somewhat Annoying World of WordPress MultisiteJames Bundey
Presentation for the Melbourne WordPress developer meetup hosted in April 2016. The presentation covered my experiences in working with WordPress multi-site installations. Pros and cons, how to approach development workflow and general tips on migrations, theme updates, back-ups and plugin usage.
Two Stack CMS – code.talks Hamburg 2015Robert Lemke
This document appears to be a transcript from a talk given by Arne Blankerts and Robert Lemke on Two Stack CMS. It discusses building dynamic content that can change hourly, daily, weekly or monthly using building blocks like lists, content blobs, and redirects. It also mentions integrating e-commerce features like products, prices and carts as content. The talk addresses why the two stack approach provides benefits like speed, scalability, integration and security and provides contact information for Arne and Robert.
This document provides an overview of how to get started with branding and customizing the look of a SharePoint site. It discusses some basic SharePoint concepts and controls to understand first. It then explains ways to change the look, including overriding the CSS or choosing different themes. Master pages are discussed as the central file that determines page structure and styling. The document also introduces responsive web design and how this approach can make the site appear properly on different devices.
Word press theme and plugins WordCamp PresentationAngela Samuels
This document profiles Angela Samuels, a technology educator. It outlines her areas of expertise including WordPress, social media, and internet marketing. She has an Associate's degree from Henry Ford Community College, a Bachelor's from Eastern Michigan University, and a Master's from Wayne State University. Her experience includes work at GM and Chrysler, and she has been a freelance trainer for authors and small businesses since 2008. Her clients include web developers and small business owners seeking training.
Zurb Foundation 5 is a front-end framework for building responsive web pages that integrates easily with Ruby on Rails applications. It provides a grid system, global styles, and prebuilt components to quickly design pages, as well as Sass, JavaScript widgets, and simple configuration. Developers can add Foundation to a Rails app by adding the foundation-rails gem, running bundle install, and generating the Foundation install files.
WordPress is a content management system initially used for blogging that has become a popular framework for building various websites. It powers 27% of the internet and has over 19 million downloads of version 4.7. WordPress is available in over 50 languages and has many career opportunities associated with it such as web development, design, and content management. It is preferred due to being user friendly, easy to work with, secure, SEO friendly, and customizable through thousands of free and paid plugins and themes. WordPress can be used freely through WordPress.org or with added features through WordPress.com.
This document discusses web performance optimization techniques. It is a summary of rules for web performance by Mark Tomlinson, who has 27 years of experience in performance. Some of the key techniques discussed include reducing HTTP requests, optimizing file compression, minimizing code, improving web font and image performance, prefetching resources, avoiding unnecessary redirects, and optimizing infrastructure and databases. The document emphasizes measuring performance through load testing and monitoring to identify bottlenecks.
This document provides information about the author and discusses how to set up a local development environment for WordPress websites. It recommends creating a source folder, adding entries to the hosts file and Apache virtual hosts file, creating a database and user, uploading WordPress files and configuring the site, and restarting web and database services. Finally, it suggests avoiding the built-in WordPress editor and provides contact information for the author.
Easy computer for bds10 entrance for websiteSatoru Hoshiba
This document discusses three ways to publish content online:
1. Using Instant WordPress which allows website creation directly from a computer without an internet connection.
2. Using free versions of WordPress or Weebly which require an internet connection to set up and publish a website with WordPress providing 1GB of storage and Weebly providing 500MB.
3. The standard way which involves getting a domain, hosting server, designing the site, uploading content, and publishing. It recommends first checking the plans and features of WordPress and Weebly.
This document provides an agenda and notes for a class on web business. It discusses homework assignments, visits from a webmaster and entrepreneur, revenue models like SaaS and advertising. It introduces the Lean Launchpad methodology and Business Model Canvas for planning web businesses. Students participate in exercises applying these concepts to a nonprofit marketing campaign, social media for a cleaning company, and sketching canvases for a toy reseller business.
Php Indonesia x Bliblidotcom - Architecting Scalable CSSIrfan Maulana
This document summarizes Irfan Maulana's presentation on architecting scalable CSS at his company Blibli.com. It discusses how they moved to using Sass and implemented the BEM methodology to modularize their CSS and make it more maintainable as their codebase grew. Some challenges included building out their own BEM libraries and integrating it with JavaScript frameworks, but overall it improved collaboration and allowed safe refactoring of CSS without side effects. The presentation concludes that scalable CSS is achievable through preprocessors like Sass and strict conventions like BEM.
ePub3 has extensive features that are intuitive and accessible. Some features are Media Overlay "Read Aloud", MathML, Accessible Video and SVG.
This presentation explores the nuances of these features through illustrations, videos and sound clips
2015 - Introduction to building enterprise web applications using Angular.jsWebF
Introduction presentation for workshop - Building Enterprise Web applications using Angular.js. It gives a quick 10 minutes overview of what it means to build an enterprise web app.
Slides presented at DrupalCamp Montreal 2013. Walks through the features of the Zen theme, how to use Sass and Compass, and finally, how to use Zen Grids to change the layout. Conclusion: Zen Grids simplifies the process of changing the layout, so makes responsive design a lot easier to implement.
This document introduces WordPress multisite, which allows one WordPress installation to host multiple sites. Key features include being able to update all sites with one click, share plugins and themes across sites, and manage clients' sites from a single dashboard. Instructions are provided on how to set up a WordPress multisite network by modifying wp-config.php and .htaccess files, adding sites, and mapping custom domains. Useful plugins for multisite networks are also listed.
This document provides an introduction to blogging for business purposes. It defines what a blog is, explains why businesses should blog, and discusses how much time blogging takes. It also lists popular blogging platforms and provides tips on what topics to blog about, best practices for blogging, what makes a great blog post, using keywords and images effectively, adding metadata, proofreading, and publishing posts. The goal is to help businesses understand how to start and maintain an effective blog.
Internet es una red descentralizada de redes interconectadas que utilizan protocolos TCP/IP para funcionar como una red lógica única a nivel mundial. Sus orígenes se remontan a 1969 con la conexión entre universidades en EE.UU. Las personas que navegan por internet se conocen como internautas. Aunque a veces se usan como sinónimos, internet no es lo mismo que la World Wide Web, pero esta herramienta permite visualizar páginas con información alojadas en otros servidores a través de hipervínculos.
For every short-cut taken technical debt is added to a project. Taking that path may come from one of many factors, including inexperience, time constraints, scope creep, or lack of resources. Managing technical debt with a professional approach can reduce the high interest rate you may be currently experiencing and lower team stress. That technical burden can be properly managed by giving proper attention, time, and resources to paying down the debt on a regular basis. Explore ways to consistently reduce technical debt and discuss best practices with fellow debtors. Learn how your code score can improve and how you can avoid going bankrupt from a proper technical debt management approach.
This document summarizes the introductions and areas of research focus for several new faculty members joining the School of Education at UMass Amherst. Jennifer Randall has joined the department of Educational Policy, Research, and Administration with a focus on educational measurement, teacher grading practices, and social studies education. Christina Ortmeier-Hooper graduated from UMass Amherst and returns to the department of Teacher Education and Curriculum Studies with research interests in adolescent literacy, writing, and second language writing. Laura A. Valdiviezo joins the same department with a focus on indigenous education, language policy, and intercultural education. Cristine Smith returns to the department of Educational Policy, Research, and Administration to work on
Tushar Vaidya is a telecom professional with over 15 years of experience in telecom operations management, pre-sales technical support, and post-sales service support. He has worked as an Area Manager for Planetcast Media Communications and in several roles for other telecom companies providing VSAT, CCTV, microwave, and satellite network solutions.
This document discusses EMC and its business focus on enabling customer's business agility through cloud services. It highlights EMC's global presence with over 53,500 employees in 85 countries. It then discusses EMC's partnership with Exponential-e to provide cooperative cloud services including infrastructure assessments, migration services, and ongoing performance management for customers' virtual and physical environments. The document emphasizes that the right IT services can create efficiency while allowing customers to retain control, trust and security over their environments and data.
Este documento trata sobre los Recursos Educativos Abiertos (REA) y su uso en los procesos de enseñanza y aprendizaje en el ámbito escolar. Se discuten cuatro retos principales: 1) la formación de docentes en el diseño y uso de REA, 2) crear una cultura institucional que apoye los REA, 3) desarrollar la infraestructura tecnológica necesaria, y 4) promover la innovación educativa mediante los REA. El documento provee definiciones de REA y describe sus tipos y
This document appears to be about the ancestry and family history of someone with the last name Kraft. It mentions several individuals with the last name Kraft throughout history, including Adam Kraft who was a master builder, and links them to notable figures such as William the Conqueror. It also references researching ancestry and links to Scottish and German ancestry. The document has a section about the potential for global communication using technologies like the internet, cell networks, and instant messaging applications.
La migración en Chile,ha aumentado de manera ascendente en este último decenio, lo cual ha involucrado que diversos municipios hayan dispuesto oficinas y direcciones para vincular a los migrantes con la acción comunal.
The document provides guidance on driving sustainable user adoption of SharePoint and Office 365 through a 5 step approach: 1) Secure stakeholder buy-in by aligning the SharePoint vision with business goals; 2) Map SharePoint capabilities to business value through prioritized use cases; 3) Facilitate purposeful collaboration around key use cases; 4) Drive success through governance, training and support; 5) Continuously evaluate and adapt the approach through feedback and measurement of outcomes. The overall goal is to minimize disruption from changes and encourage an organizational culture that embraces ongoing evolution with SharePoint.
Revista Boa Vontade tem por objetivo levar informações por meio de matérias que abordam temas voltados à cultura, educação, política, saúde, meio ambiente, tecnologia, sempre aliados à Espiritualidade como ferramenta de esclarecimento, auxílio, entendimento e compreensão.
El documento presenta el menú de comidas de una institución para el mes de enero. Incluye las opciones de primer y segundo plato, así como fruta y postre para cada día del mes. Al final se indican las frutas de temporada para enero y una advertencia sobre alergias e intolerancias.
Presentación Colaboradores 5as Jornadas de Ergonomía y Psicosociología 'Buena...ErgoCV
Os presentamos los colaboradores que hicieron posible la realización de las 5as Jornadas de Ergonomía y Psicosociología que bajo el título de 'Buenas Prácticas en Ergonomía y Psicosociología' reunió a expertos académicos y profesionales de la Ergonomia el pasado 12-13 diciembre 2013 en Universidad Miguel Hernández Campus de San Juan de Alicante,
Este documento presenta el diseño y validación de un instrumento para medir el clima escolar en instituciones educativas de Bogotá desde la percepción de los docentes. Se proponen seis dimensiones para medir el clima: estructura y procesos, infraestructura, toma de decisiones, relaciones interpersonales, compensación y sentido de pertenencia. El instrumento, aplicado a 432 docentes, muestra alta confiabilidad y explica el 48% de la varianza para siete factores correspondientes a las seis dimensiones. El estudio concluye que
Dokumen tersebut membahas berbagai aspek kebudayaan Bali, mulai dari adat istiadat pernikahan, pakaian adat, makanan khas, rumah adat, tarian tradisional seperti pendet, dan beberapa mitos yang berkembang di Bali.
La física clásica se divide en nueve disciplinas principales: cinemática, mecánica clásica, hidrostática, hidrodinámica, óptica, electromagnetismo, termodinámica, ondas y la descomposición de la luz por difracción. Cubre temas como las leyes del movimiento, la mecánica de fluidos, la difracción de la luz, las ondas electromagnéticas y las leyes de la termodinámica.
The impact of Recruitment and Selection process on candidates' intention to a...Target Research
Negli ultimi decenni la competizione per attrarre e trattenere in azienda i talenti, la cosiddetta “War For Talent” (Michaels, Handfield-Jones & Axerold, 2001) è aumentata costantemente. Diventa quindi fondamentale per le aziende trovare le modalità di Recruitment più efficaci per raggiungere i migliori e portarli dalla loro parte.
Reduce Costs Through Printer ConsolidationLarry Levine
Most organizations are unaware of the savings potential of printer consolidation. Most have no aggregate view of the total costs and no one responsible for managing it. Without this visibility it is difficult to muster exectuive commitment and support.
The challenges of building mobile HTML5 applications - FEEC Brazil 2012 - RecifeCaridy Patino
Caridy Patiño presented on the challenges of building mobile HTML5 applications. Some key challenges include browser fragmentation across devices, network failures, and the need to optimize applications for different runtime environments and adapt them for varying screen sizes and features. Patiño advocated writing applications using a single language, JavaScript, and customizing output per runtime and context while adapting the UI per form factor and feature detection. The goal is to build flexible applications that can run on multiple platforms.
The document summarizes the state of mobile web development and the advantages of using HTML5. It discusses how HTML5, CSS3, and JavaScript now allow mobile web apps to have native-like features without needing native app development. It also presents examples of using geolocation, CSS3 effects, transformations, web databases and offline caching to build powerful mobile web experiences. Finally, it discusses hybrid frameworks that combine mobile web delivery with native capabilities and app store deployment.
Mobile Web Overview https://www.edocr.com/v/k52p5vj4/Jack Zheng
This document provides an overview of mobile web development. It discusses trends in mobile usage, definitions of mobile web and applications, options for developing mobile content like native, web and hybrid apps. It also covers strategies for mobile websites like responsive design and considerations for mobile design like touch interfaces. Development tools, frameworks and best practices for mobile web are also mentioned.
A general overview of HTML5, CSS 3, CSS Meedia Queries, mobile, DAP.
You might find the organically-grown hand-selected list-of-links-o-rama™ at http://my.opera.com/ODIN/blog/over-the-air-2010-bruce-lawsons-web-developments-2-0-talk to be useful.
According to the International Telecommunication Union, at the end of 2011 there were more than 1 billion mobile‐broadband subscriptions worldwide! With more of your library users using mobile devices to access information they will assume that your library can be available from anywhere, at any time, and on most any device. Now is the time to be ready for this demand.
In this webinar:
- Explore some innovative library mobile website designs and see how they were built.
- Understand how HTML, CSS, and JavaScript work together to build mobile websites.
- Learn what a mobile framework is and why they are used.
- Provide some existing mobile services/apps that can be included in library-created mobile websites.
- Acquire best practices in mobile Web development from start to finish.
This document discusses developing a mobile web application to access data from the Hydstra software database on web-enabled mobile phones. It compares the advantages and disadvantages of developing native applications versus a cross-platform web application. It recommends using the jQuery Mobile framework to build a cross-platform mobile web app that can be accessed on any mobile device with a web browser. The document also discusses tools for developing the app, such as Google Chrome and Eclipse, as well as hosting and administration requirements.
(1) The document discusses making mobile websites, including trends in mobile technology, challenges in development, and examples of mobile sites built with content management systems like Drupal and Joomla.
(2) Key challenges in mobile development include device fragmentation, usability issues like screen size and navigation, and optimizing content for smaller screens and slower connections.
(3) The presentation provides examples of mobile sites built with Drupal and Joomla, and introduces new solutions like the Osmobi plugin and template to more easily build mobile sites within existing CMS platforms.
10 Things To Make You a Great Mobile Web DeveloperTellago
This document provides 10 tips to make you a great mobile web developer: 1) Understand the mobile landscape and technologies; 2) Determine optimal content and user flows for mobile; 3) Set the viewport meta tag correctly; 4) Use progressive enhancement; 5) Leverage HTML5 semantics; 6) Understand CSS3 features; 7) Use AJAX and mobile frameworks; 8) Account for touch gestures; 9) Optimize images; and 10) Support offline usage.
10 things to make you a Great Mobile Web DeveloperChris Love
This document provides 10 tips for developing effective mobile web applications: 1) Understand the mobile landscape and technologies; 2) Determine essential content and use cases; 3) Optimize the viewport for mobile screens; 4) Use progressive enhancement; 5) Leverage HTML5 semantics; 6) Utilize CSS3 features; 7) Incorporate AJAX and frameworks; 8) Account for touch gestures; 9) Optimize images; and 10) Support offline usage.
10 Things To Make You a Great Mobile Web DeveloperTellago
This document provides 10 tips to make you a great mobile web developer: 1) Understand the mobile landscape and technologies; 2) Determine optimal content and user flows for mobile; 3) Set the viewport meta tag correctly; 4) Use progressive enhancement; 5) Leverage HTML5 semantics; 6) Understand CSS3 features; 7) Use AJAX and mobile frameworks; 8) Account for touch gestures; 9) Optimize images; and 10) Support offline usage.
Building Mobile Web Apps using ASP.NET MVC, HTML5, & jQuery MobileJon Cortez
The document discusses building mobile web apps using ASP.NET MVC, HTML5, and jQuery Mobile. It introduces ASP.NET MVC and its design goals of embracing the web and being extensible. jQuery Mobile is presented as a touch-optimized web framework for developing mobile web apps that work across devices. The document demonstrates building a sample mobile web app with ASP.NET MVC and jQuery Mobile that reviews restaurants. It concludes that this is a flexible full-featured framework for mobile web development.
The document discusses mobile app development from a web developer's perspective. It covers topics such as web apps vs native apps, technologies for mobile development like HTML5 and frameworks, and specific techniques for mobile like viewport scaling, geolocation APIs, and offline storage. The document provides examples of code for implementing these mobile techniques.
Instead of Introducing Mojito, I want to recap on the state of the industry, and specifically on a new trending about frameworks and platforms that are trying to blur the line between server and client. Mojito, MeteorJS, DerbyJS and others are part of that group. I also want to provide more details about the motivations, challenges and the state of the Yahoo! Cocktails platform.
Optimizing content for the "mobile web"Chris Mills
In this presentation I discuss the mobile web: what it is, why it is lucrative, the limitations of developing for mobile, and how to best optimize web sites for viewing on mobile. This includes media queries, viewport and general best practices. I delivered this to a class at Oxford Brookes university on the 25th March 2011.
Best Practices in Mobile Development: Building Your First jQuery Mobile AppSt. Petersburg College
By the end of 2012, it is expected that more than 80% of the world’s population will have access to a smartphone. Your library users will assume that your library can be accessible from anywhere, at any time, and on any device. Now is the time to be ready! During this hands-on webinar, you will:
- learn the differences between native and web apps.
- understand the various technologies (HTML, CSS, JavaScript) and how they work together to build mobile web apps.
- gain hands-on experience using jQuery Mobile to develop a fully functional mobile-optimized web app.
- have access to a free Web server so you can continue to work/test your project live on the Web.
- continue to work with Jason and Chad so you can have a mentor during and after your project.
The mobile industry is worth over $1.3 trillion annually with over 1.6 billion mobile phones sold in 2011. There is significant hardware fragmentation across the over 680,000 distinct Android devices. Developing apps across the top 4 mobile platforms (iOS, Android, Symbian, Blackberry) reaches only 20% of devices. Mobile platforms differ in their programming languages, development environments, and app stores. No single cross-platform development tool supports all mobile platforms, and mobile web apps face challenges of fragmentation, performance, and monetization.
This document summarizes the differences between developing native Android apps and developing apps using HTML5. It discusses that native Android apps have the best user experience and performance but are more expensive to develop, while HTML5 apps can be lower cost but have lower performance. It also covers technologies like geolocation, web sockets, and responsive design that help make HTML5 more full-featured for mobile. Overall it analyzes the tradeoffs between platforms for different types of apps and use cases.
The document discusses developing mobile web applications. It notes that the mobile market is growing rapidly and that web apps can target many devices without requiring installation. It recommends targeting iOS and Android platforms and considering other platforms like Windows Phone. It outlines technologies like HTML5, CSS3 and JavaScript that are well-supported on mobile. The document also provides resources and tools to help with mobile development and things to consider like lower screen resolution and bandwidth limitations for mobile users.
This document discusses evaluating the performance of third-party scripts on websites. It begins by defining third-party scripts as anything served to the client from an external organization, not the website itself. Common types are then listed, with Google scripts comprising 71% of the top used scripts. The document goes on to discuss issues third-party scripts can cause including negative performance impacts, creating single points of failure, and privacy concerns. Potential solutions explored are using asynchronous loading, hosted libraries, and tools to monitor and measure third-party scripts.
Third Party Footprint: Evaluating the Performance of External ScriptsBarbara Bermes
Copy, paste, but don’t block the rendering!
It’s almost impossible to find a website that doesn’t utilize any kind of embedded widgets such as ads, social plugins, or analytics: All of these add-ons are considered 3rd party scripts and promise to increase and benefit publisher’s revenue. Publishers don’t have much control over the provider’s code and inevitably just have to trust their integrity, content security policy, code quality, and performance.
Imagine a high-traffic website hosting a twitter widget: Are publishers aware that a sudden twitter server outage could potentially bring down their site if the widget is not properly included?
The performance and availability of 3rd party scripts don’t have to become a threat or a nightmare for publishers. Barbara’s talk will not only outline best practices, tools, and tricks on how to sandbox 3rd party scripts, but also help the audience understand bottlenecks, determine potential risks, and elaborate on how to measure their performance.
Following this session, managers and developers will be equipped to ask the right questions when choosing 3rd party providers, while developers will be armed with guidelines on how to integrate 3rd party snippets efficiently into their deployment process without slowing down or even bringing down their site.
The Canadian Public Broadcaster on a Diet: Slimming down for a whole nationBarbara Bermes
This document discusses the Canadian Broadcasting Corporation's (CBC) efforts to improve the performance of its digital properties. It describes CBC's digital presence and metrics, provides an analysis of a typical page that identifies optimization opportunities, and outlines approaches taken by CBC to measure performance through synthetic testing and real user monitoring. These include setting up infrastructure to track key performance indicators over time, identifying bottlenecks, and testing the impact of reducing third-party content like ads. The overall goal is to slim down CBC's digital offerings for a better user experience nationwide.
The CBC on a diet - Slimming down for a whole nationBarbara Bermes
Talk at FITC Spotlight Web Performance and Optimization, March 16, 2013, Toronto.
Synopsis:
The CBC serves optimized content to millions of Canadians. We’ll share our experience & knowledge of optimizing content delivery for a high-scale & unpredictable audience. We will explain our performance stack from server-side optimization tricks to automated performance tools during deployment. We will discuss our challenges, findings and learnings of continually improving site delivery.
http://fitc.ca/presentation/the-canadian-public-broadcaster-on-a-diet-slimming-down-for-a-whole-nation/
I would give up my laptop/desktop before giving up my smartphone
Source: The Mobile Movement Study, Google/Ipsos OTX MediaCT , Apr 2011
Base: Smartphone Users (5013) Q. If you had to give up either your laptop/desktop computer or your smartphone, which would you be willing to give up?
http://www.flickr.com/photos/jcfrog/4692750598
Tuesday, October 16, 2012
28
Mobile Phone Fragmentation
‣ Multiple OS platforms (iOS, Android, Blackberry, Windows Mobile)
‣ Multiple device types (phones, tablets)
‣ Multiple screen sizes
‣ Multiple
This is a summary of an excellent paper (that I didn't write) presented at the WWW 2012, Mobile Web Performance in France, April 2012.
"Who Killed My Battery: Analyzing Mobile Browser Energy Consumption"
Link: http://www2012.org/proceedings/proceedings/p41.pdf
The document provides an overview of fundamentals of business analysis, including the role of business analysts in solving problems, requirements elicitation techniques, and documenting requirements. It discusses key business analysis tasks like creating a vision and scope document, identifying stakeholders, gathering and analyzing requirements, and documenting them in a business requirements document. The goal is to understand business needs and define requirements to develop a solution that helps the organization achieve its goals.
The document provides tips for improving mobile web performance including reducing page load and weight, optimizing images, using CSS sprites and minified scripts, testing performance on mobile devices, and leveraging tools to debug mobile websites remotely. It also recommends strategies like lazy loading images, reducing HTTP requests, using more performance tests and frameworks, and investigating data URIs and offline storage.
UiPath Community Day Kraków: Devs4Devs ConferenceUiPathCommunity
We are honored to launch and host this event for our UiPath Polish Community, with the help of our partners - Proservartner!
We certainly hope we have managed to spike your interest in the subjects to be presented and the incredible networking opportunities at hand, too!
Check out our proposed agenda below 👇👇
08:30 ☕ Welcome coffee (30')
09:00 Opening note/ Intro to UiPath Community (10')
Cristina Vidu, Global Manager, Marketing Community @UiPath
Dawid Kot, Digital Transformation Lead @Proservartner
09:10 Cloud migration - Proservartner & DOVISTA case study (30')
Marcin Drozdowski, Automation CoE Manager @DOVISTA
Pawel Kamiński, RPA developer @DOVISTA
Mikolaj Zielinski, UiPath MVP, Senior Solutions Engineer @Proservartner
09:40 From bottlenecks to breakthroughs: Citizen Development in action (25')
Pawel Poplawski, Director, Improvement and Automation @McCormick & Company
Michał Cieślak, Senior Manager, Automation Programs @McCormick & Company
10:05 Next-level bots: API integration in UiPath Studio (30')
Mikolaj Zielinski, UiPath MVP, Senior Solutions Engineer @Proservartner
10:35 ☕ Coffee Break (15')
10:50 Document Understanding with my RPA Companion (45')
Ewa Gruszka, Enterprise Sales Specialist, AI & ML @UiPath
11:35 Power up your Robots: GenAI and GPT in REFramework (45')
Krzysztof Karaszewski, Global RPA Product Manager
12:20 🍕 Lunch Break (1hr)
13:20 From Concept to Quality: UiPath Test Suite for AI-powered Knowledge Bots (30')
Kamil Miśko, UiPath MVP, Senior RPA Developer @Zurich Insurance
13:50 Communications Mining - focus on AI capabilities (30')
Thomasz Wierzbicki, Business Analyst @Office Samurai
14:20 Polish MVP panel: Insights on MVP award achievements and career profiling
Understanding Insider Security Threats: Types, Examples, Effects, and Mitigat...Bert Blevins
Today’s digitally connected world presents a wide range of security challenges for enterprises. Insider security threats are particularly noteworthy because they have the potential to cause significant harm. Unlike external threats, insider risks originate from within the company, making them more subtle and challenging to identify. This blog aims to provide a comprehensive understanding of insider security threats, including their types, examples, effects, and mitigation techniques.
The DealBook is our annual overview of the Ukrainian tech investment industry. This edition comprehensively covers the full year 2023 and the first deals of 2024.
BT & Neo4j: Knowledge Graphs for Critical Enterprise Systems.pptx.pdfNeo4j
Presented at Gartner Data & Analytics, London Maty 2024. BT Group has used the Neo4j Graph Database to enable impressive digital transformation programs over the last 6 years. By re-imagining their operational support systems to adopt self-serve and data lead principles they have substantially reduced the number of applications and complexity of their operations. The result has been a substantial reduction in risk and costs while improving time to value, innovation, and process automation. Join this session to hear their story, the lessons they learned along the way and how their future innovation plans include the exploration of uses of EKG + Generative AI.
Choose our Linux Web Hosting for a seamless and successful online presencerajancomputerfbd
Our Linux Web Hosting plans offer unbeatable performance, security, and scalability, ensuring your website runs smoothly and efficiently.
Visit- https://onliveserver.com/linux-web-hosting/
Implementations of Fused Deposition Modeling in real worldEmerging Tech
The presentation showcases the diverse real-world applications of Fused Deposition Modeling (FDM) across multiple industries:
1. **Manufacturing**: FDM is utilized in manufacturing for rapid prototyping, creating custom tools and fixtures, and producing functional end-use parts. Companies leverage its cost-effectiveness and flexibility to streamline production processes.
2. **Medical**: In the medical field, FDM is used to create patient-specific anatomical models, surgical guides, and prosthetics. Its ability to produce precise and biocompatible parts supports advancements in personalized healthcare solutions.
3. **Education**: FDM plays a crucial role in education by enabling students to learn about design and engineering through hands-on 3D printing projects. It promotes innovation and practical skill development in STEM disciplines.
4. **Science**: Researchers use FDM to prototype equipment for scientific experiments, build custom laboratory tools, and create models for visualization and testing purposes. It facilitates rapid iteration and customization in scientific endeavors.
5. **Automotive**: Automotive manufacturers employ FDM for prototyping vehicle components, tooling for assembly lines, and customized parts. It speeds up the design validation process and enhances efficiency in automotive engineering.
6. **Consumer Electronics**: FDM is utilized in consumer electronics for designing and prototyping product enclosures, casings, and internal components. It enables rapid iteration and customization to meet evolving consumer demands.
7. **Robotics**: Robotics engineers leverage FDM to prototype robot parts, create lightweight and durable components, and customize robot designs for specific applications. It supports innovation and optimization in robotic systems.
8. **Aerospace**: In aerospace, FDM is used to manufacture lightweight parts, complex geometries, and prototypes of aircraft components. It contributes to cost reduction, faster production cycles, and weight savings in aerospace engineering.
9. **Architecture**: Architects utilize FDM for creating detailed architectural models, prototypes of building components, and intricate designs. It aids in visualizing concepts, testing structural integrity, and communicating design ideas effectively.
Each industry example demonstrates how FDM enhances innovation, accelerates product development, and addresses specific challenges through advanced manufacturing capabilities.
Sustainability requires ingenuity and stewardship. Did you know Pigging Solutions pigging systems help you achieve your sustainable manufacturing goals AND provide rapid return on investment.
How? Our systems recover over 99% of product in transfer piping. Recovering trapped product from transfer lines that would otherwise become flush-waste, means you can increase batch yields and eliminate flush waste. From raw materials to finished product, if you can pump it, we can pig it.
Scaling Connections in PostgreSQL Postgres Bangalore(PGBLR) Meetup-2 - MydbopsMydbops
This presentation, delivered at the Postgres Bangalore (PGBLR) Meetup-2 on June 29th, 2024, dives deep into connection pooling for PostgreSQL databases. Aakash M, a PostgreSQL Tech Lead at Mydbops, explores the challenges of managing numerous connections and explains how connection pooling optimizes performance and resource utilization.
Key Takeaways:
* Understand why connection pooling is essential for high-traffic applications
* Explore various connection poolers available for PostgreSQL, including pgbouncer
* Learn the configuration options and functionalities of pgbouncer
* Discover best practices for monitoring and troubleshooting connection pooling setups
* Gain insights into real-world use cases and considerations for production environments
This presentation is ideal for:
* Database administrators (DBAs)
* Developers working with PostgreSQL
* DevOps engineers
* Anyone interested in optimizing PostgreSQL performance
Contact info@mydbops.com for PostgreSQL Managed, Consulting and Remote DBA Services
Transcript: Details of description part II: Describing images in practice - T...BookNet Canada
This presentation explores the practical application of image description techniques. Familiar guidelines will be demonstrated in practice, and descriptions will be developed “live”! If you have learned a lot about the theory of image description techniques but want to feel more confident putting them into practice, this is the presentation for you. There will be useful, actionable information for everyone, whether you are working with authors, colleagues, alone, or leveraging AI as a collaborator.
Link to presentation recording and slides: https://bnctechforum.ca/sessions/details-of-description-part-ii-describing-images-in-practice/
Presented by BookNet Canada on June 25, 2024, with support from the Department of Canadian Heritage.
YOUR RELIABLE WEB DESIGN & DEVELOPMENT TEAM — FOR LASTING SUCCESS
WPRiders is a web development company specialized in WordPress and WooCommerce websites and plugins for customers around the world. The company is headquartered in Bucharest, Romania, but our team members are located all over the world. Our customers are primarily from the US and Western Europe, but we have clients from Australia, Canada and other areas as well.
Some facts about WPRiders and why we are one of the best firms around:
More than 700 five-star reviews! You can check them here.
1500 WordPress projects delivered.
We respond 80% faster than other firms! Data provided by Freshdesk.
We’ve been in business since 2015.
We are located in 7 countries and have 22 team members.
With so many projects delivered, our team knows what works and what doesn’t when it comes to WordPress and WooCommerce.
Our team members are:
- highly experienced developers (employees & contractors with 5 -10+ years of experience),
- great designers with an eye for UX/UI with 10+ years of experience
- project managers with development background who speak both tech and non-tech
- QA specialists
- Conversion Rate Optimisation - CRO experts
They are all working together to provide you with the best possible service. We are passionate about WordPress, and we love creating custom solutions that help our clients achieve their goals.
At WPRiders, we are committed to building long-term relationships with our clients. We believe in accountability, in doing the right thing, as well as in transparency and open communication. You can read more about WPRiders on the About us page.
論文紹介:A Systematic Survey of Prompt Engineering on Vision-Language Foundation ...Toru Tamaki
Jindong Gu, Zhen Han, Shuo Chen, Ahmad Beirami, Bailan He, Gengyuan Zhang, Ruotong Liao, Yao Qin, Volker Tresp, Philip Torr "A Systematic Survey of Prompt Engineering on Vision-Language Foundation Models" arXiv2023
https://arxiv.org/abs/2307.12980
Best Programming Language for Civil EngineersAwais Yaseen
The integration of programming into civil engineering is transforming the industry. We can design complex infrastructure projects and analyse large datasets. Imagine revolutionizing the way we build our cities and infrastructure, all by the power of coding. Programming skills are no longer just a bonus—they’re a game changer in this era.
Technology is revolutionizing civil engineering by integrating advanced tools and techniques. Programming allows for the automation of repetitive tasks, enhancing the accuracy of designs, simulations, and analyses. With the advent of artificial intelligence and machine learning, engineers can now predict structural behaviors under various conditions, optimize material usage, and improve project planning.
Quantum Communications Q&A with Gemini LLM. These are based on Shannon's Noisy channel Theorem and offers how the classical theory applies to the quantum world.
7 Most Powerful Solar Storms in the History of Earth.pdfEnterprise Wired
Solar Storms (Geo Magnetic Storms) are the motion of accelerated charged particles in the solar environment with high velocities due to the coronal mass ejection (CME).
7 Most Powerful Solar Storms in the History of Earth.pdf
Developing for Mobile Web
1. Overview
‣ The Power and Future of Mobile
‣ Mobile Browsers and Engines (WebKit/HTML5)
‣ CBC Mobile Services (Apps/Sites)
‣ Web Apps, Native Apps and Hybrid Apps
‣ Mobile Web Information Architecture
‣ Enabling Your Site for Mobile Web
‣ Optimization / Best Practices / (Debugging) Tools
‣ Links/Literature Resources
7. Print Recordings
Radio Television
Cinema The Internet
Mobile
8. Print Recordings
Radio Television
Cinema The Internet
Mobile
Mobile is the only mass media that can do
everything the previous six can do
Source: http://en.wikipedia.org/wiki/Seven_mass_media
10. First truly personal mass media Permanently carried
First “always on” mass media Built-in payment channel
Most accurate audience measurement
http://www.flickr.com/photos/blogumentary/3947228410/sizes/o/in/faves-caseymckinnon/ Source: http://en.wikipedia.org/wiki/Seven_mass_media
11. Desktop vs. Mobile Browsing
http://www.motivationalmemo.com/wp-content/uploads/2010/06/change.jpg
12. Mobile Users vs. Desktop Users
Source: Morgan Stanley Research, http://gigaom.com/2010/04/12/mary-meeker-mobile-internet-will-soon-overtake-fixed-internet/
13. Enough Reasons to go mobile?
...but what mobile platform should you target?
Let’s look at mobile browsers and engines
http://bunkadefresh.com/wp-content/uploads/2010/07/evophones2.jpg
14. What browsers should you develop for?
Source: http://gs.statcounter.com/#mobile_browser-na-yearly-2009-2011-bar
15. Mobile Grade Browsers
A
A browser that’s capable of, at minimum,
utilizing media queries, support HTML5,
WebKit Engine, CSS, JavaScript
B
A browser that’s capable of minimum
CSS and JavaScript
C
A browser that is not capable of utilizing
media queries. Watch out for complicated
JS, CSS — they DON’T support them
Source: JQuery Mobile, http://jquerymobile.com/gbs/
16. Device vs. Browser
Feature Phones Smart Phones Touch Phones
FlipPhone, e.g. Samsung e.g. most BlackBerry’s before Torch (i.e. Bold, Curve) e.g. Google Nexus, BB Torch, iPhone
C B A A
http://gizmodo.com/5090988/mobile-browser-battlemodo-which-phones-deliver-the-real-web
24. CBC Mobile Site Strategy
‣ To cover A, B and C grade mobile browsers by
creating three main mobile sites that encompass the
different features and limitations of those browsers.
25. CBC Mobile Sites
TOUCH RICH TEXT
cbc.ca/m/touch cbc.ca/m/rich cbc.ca/m/text
Device Touch Devices Mostly BB devices Feature Phones
Browser A-Grade B/C-Grade C-Grade
‣Extended use of JavaScript ‣Simple CSS and JavaScript ‣ No images/photos
and Ajax ‣Simple Media (Story images, ‣ Simple navigation, less links
‣WebKit based, CSS3, CSS Photo Galleries) ‣ No complicated JavaScript, simple
Features sprites, conditional CSS ‣Use of resized story images CSS
‣Photo galleries and videos (prefix s_)
‣Use of resized story images
(prefix t_)
Site/Device
26. Web App, Native App and Hybrid App
‣ Why would you want to have a web app in addition to/
instead of a native app?
27. Web vs. Native vs. Hybrid Apps
Web Apps Native Apps
‣ Easy distribution/installation ‣ Possible complicated distribution trough app
‣ Native Look & Feel stores, fees/charges
‣ Works on all platforms ‣ Strict UI Guidelines
‣ Single click using HTML5,Ajax ‣ Easy attention through app store
‣ Offline Storage ‣ Platform-dependent
‣ No advertisement restrictions ‣ New app for each platform (knowledge of
‣ Fast development time, any web developer language, Objective-C, Java etc)
can create web app ‣ Full Access to native APIs, features, i.e.
‣ BUT Cannot access all native features, i.e camera, calendar, address book, push
compass, camera etc. notification
Example: Google Gmail
Hybrid Apps
‣ Web app wrapped around native app
‣ Access to native APIs
Example: BlackBerry WebWorks, iOS/Android with webviews
28. What do you have to do to enable your website for mobile?
29. Mobile Information Architecture
"If you design for mobile first, you can create agreement
first on what matters most."
— Luke Wroblewski, previous Chief Design Architect at Yahoo!
30. Mobile Information Architecture
‣ Touch phones: big buttons, most of the real-estate
should be clickable
‣ Smart phones: track ball, avoid too many links as
user has to scroll down, use easy navigation items,
i.e. anchors
31. Mobile Information Architecture
Guidelines for Mobile URLs:
Make it easy for user to type in your mobile site URL
‣ m.cbc.ca
‣ touch.facebook.com
‣ mobile.twitter.com
and enable auto redirection ...
32. Redirect to Mobile
‣ Decide on user agent strings
Mozilla/5.0 (webOS/1.0; U; en-US) Mozilla/5.0 (BlackBerry; U; SAMSUNG-D900E/D900EXAIC1
AppleWebKit/525.27.1 (KHTML, like BlackBerry 9800; en) AppleWebKit/ NetFront/3.5 Profile/MIDP-2.0
Gecko) Version/1.0 Safari/ 534.1+ (KHTML, like Gecko) Configuration/CLDC-1.1
525.27.1 Pre/1.0 Version/6.0.0.135 Mobile Safari/
534.1+
v v v
36. Customizing for Devices/
Platforms
‣ Create the best user experience possible based on
user’s platform/device
‣ Know device/browser specific features and take
advantage of them
37. Customizing for Devices/OS
‣ Using JavaScript to detect user agent and show content only based on that:
if (navigator.userAgent.indexOf("iPod") != -1 ||
navigator.userAgent.indexOf("iPhone") != -1){
// do device specific stuff, e.g. show QT videos or show menu items
}
‣ Using Media Queries, e.g. calling an iPhone/Mobile stylesheet:
<link media="only screen and (max-device-width: 480px)" href="mobile.css"
type= "text/css" rel="stylesheet">
<link media="screen and (min-device-width: 481px)" href="other.css"
type="text/css" rel="stylesheet"/>
38. Customizing for Devices/OS
‣ BlackBerry users get extra information presented
<!--#if expr="$HTTP_USER_AGENT = /BlackBerry/" -->
<div class="wspromo">
<a href="/m/rich/websignal.html"
title=”Subscribe to WebSignal Alert”>
Get CBC's Websignal Alert</a>
</div>
<!--#endif -->
‣ iOS: Disable automatic phone number detection
<meta name = "format-detection" content ="telephone=no"/>
39. Customizing for Devices/OS
‣ Fallbacks
‣ CSS
<!--#if expr="$HTTP_USER_AGENT = /BlackBerry/" -->
<!--#if expr="$osversion != /4.2([^&]*)/" -->
<div class="nocss">You don't have CSS enabled. To have a better experience,
please turn on background images and CSS on your device.</div>
<!--#endif -->
<!--#endif -->
‣ JavaScript
<noscript>To access the site with all its functionality, please enable JavaScript.</noscript>
40. Make it a Web App
‣ iPhone: Full screen without browser bar
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta names="apple-mobile-web-app-status-bar-style"
content="black-translucent" />
‣ iPhone: Add to Home Screen Box
‣ iPhone: Home Screen Icon
<link rel="apple-touch-icon" href="img/cbc-touch-icon.png"/>
42. Optimization
‣ Minimize HTTP requests
‣ Put CSS at top of page
‣ Put JavaScript scripts at bottom of page
‣ Avoid images where possible and/or optimize images
‣ Use CSS3 features instead of images, i.e. border radius, gradient
border-radius: 10px; /* gecko based browsers */
-moz-border-radius: 10px; background: -moz-linear-gradient(top, #55aaee, #003366);
-webkit-border-radius: 10px; /* webkit based browsers */
background: -webkit-gradient(linear, left top, left
bottom, from(#55aaee), to(#000000));
43. Optimization
‣ Use image sprites
‣ Image optimization via Smush.it
‣ Consider mobile image resizer solutions: Resizing images
for all major device widths via device detection
‣ Don’t scale images in HTML
‣ Use minified scripts, i.e. js, css (YSlow)
‣ Reduce number of DOM Element
//avoid
var divArr = document.getElementByClassName(“story-images”);
//The number of DOM elements is easy to test, just type in Firebug's console:
document.getElementsByTagName('*').length
‣ Read more under http://developer.yahoo.com/performance/rules.html
44. CBC Full-site vs. CBC mobile sites
cbcnews.ca cbc.ca/m/touch/news cbc.ca/m/rich/news
(including Canada Votes) (including Canada Votes)
837.5 K 72.1 K 28.9 K
cbc.ca/m/text/news >> HTTP Requests - 8, Total Weight:
4.2K
45. Things to Consider
‣ If you’re going to target C-grade browsers
avoid CSS(3) and JavaScript where possible
‣ Don’t think only because your site looks good on
iPhone, it will also look good on old BlackBerry
browsers (< OS 5.0)
‣ Compatibility Mobile Table by Peter-Paul Koch
(ppk): http://www.quirksmode.org/mobile/
48. Mobile Tools & Frameworks
‣ WURLF: Wireless Universal Resource File
‣ Open Source project
‣ XML configuration file containing information about features
and capabilities of many mobile devices (~14000)
‣ Website offers many optimization tools/apps
“The main scope of the file is to collect as much information as we can
about all the existing mobile devices that access WAP pages so that
developers will be able to build better applications and better services for
the users.” (wurfl.sourceforge.net)
51. Setting up your dev
environment
‣ Eclipse or any other choice of text editor
‣ Webserver / Apache
‣ Firefox/Firebug for Debugging
‣ Web Development PlugIn
‣ YSlow integrated into Firebug
‣ User agent Switcher
‣ Emulators/Simulators (Watch out!)
‣ Available for Palm Pre, iPhone (Mac only),
Android, BlackBerry Simulator (PC only)
52. Links/Literature
‣ O’Reilly, Brian Fling: Mobile Design and Development
‣ Mobile First: http://www.youtube.com/watch?v=NjE_Or4VIlU
‣ Device Atlas: http://deviceatlas.com/
‣ W3C mobileOK Checker: http://validator.w3.org/mobile/
‣ W3C Mobile Best Practices: http://www.w3.org/TR/mobile-bp/
‣ Design Principles for the Mobile Web: http://articles.sitepoint.com/article/
designing-for-mobile-web
‣ Safari Web Apps: http://developer.apple.com
‣ Nokia Mobile Design Patterns: http://wiki.forum.nokia.com/index.php/
Category:Mobile_Design_Patterns