Modev ux brian lacey presentation
•Download as PPTX, PDF•
1 like•1,062 views
This document discusses various HTML5 mobile frameworks that can be used for developing responsive mobile websites. It provides an overview of some popular frameworks like Bootstrap, Foundation, Sencha Touch, and jQuery Mobile. It also mentions HTML5 Boilerplate and 320 and Up as good options for rapid prototyping and building responsive designs in a mobile-first way. The document highlights advantages of each framework and considerations around browser inconsistencies when targeting multiple mobile devices.
Report
Share
Report
Share
Recommended
Jason.O Keefe.Genuitec.Presentation.Final
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.
Responsive Web Design - Tom Robertshaw
Responsive design has been around for a few years in terms of the rest of the web but it is only recently pervading eCommerce. We will confirm to you why it’s so important in the expanding omni-channel world. We will then proceed to share our techniques and experiences for building responsively designed stores as standard
Advancement in Web Technologies
This document summarizes key advancements in web technologies over time. It discusses the evolution of web browsers from 2004-2015. It also compares HTML5 and Flash Player, describing how HTML5 became the modern web standard. Additionally, it outlines the differences between regular websites and web applications. The document then explains the role of JavaScript in adding interactivity to webpages. Finally, it introduces some recent developments like Progressive Web Apps, WebGL, Accelerated Mobile Pages, TensorFlowJS, and Web Stories.
Mobile web or native app
With thousands of applications and millions of downloads, the App Store has been a resounding success that has prompted other phones manufacturers to develop their own App Stores. Developers and businesses alike took notice of the early success and sales of iPhone apps and now the rush is on to build native mobile applications. Now businesses say they need an mobile application before they know what the business case for the application will be. But are native applications really the future of mobile? What happened to the promise of the Mobile Web? And what about hybrid applications? When does it make sense to build each type of application? What are the limitations of each? And where is each technology headed? Learn how to make and informative decision between these two approaches.
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.
Samullah Freelance Work Showcase
This document is a showcase for Samiullah's freelance frontend web development work. It describes a website called Eatzify.com that adapts according to the screen size of any device. The website features smooth scrolling, scroll to top functionality, embedded media, and a fixed header. It was created using HTML5, CSS3, JavaScript, and Bootstrap.
Buzzr Multi-Site Hosted CMS
A hosted, dynamic content management solution for creating, duplicating and maintaining large numbers of websites and/or micro-sites.
AppNotch
AppNotch is a cloud-based platform that allows users to easily build mobile websites and apps for iPhone, iPad, Android and other devices using a drag-and-drop content management system and library of templates and widgets, enabling users to create professional mobile apps in just 4 steps without needing coding skills. The platform provides features like real-time previews, one-click publishing, integration with services like Google Maps, and deployment to app stores.
Recommended
Jason.O Keefe.Genuitec.Presentation.Final
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.
Responsive Web Design - Tom Robertshaw
Responsive design has been around for a few years in terms of the rest of the web but it is only recently pervading eCommerce. We will confirm to you why it’s so important in the expanding omni-channel world. We will then proceed to share our techniques and experiences for building responsively designed stores as standard
Advancement in Web Technologies
This document summarizes key advancements in web technologies over time. It discusses the evolution of web browsers from 2004-2015. It also compares HTML5 and Flash Player, describing how HTML5 became the modern web standard. Additionally, it outlines the differences between regular websites and web applications. The document then explains the role of JavaScript in adding interactivity to webpages. Finally, it introduces some recent developments like Progressive Web Apps, WebGL, Accelerated Mobile Pages, TensorFlowJS, and Web Stories.
Mobile web or native app
With thousands of applications and millions of downloads, the App Store has been a resounding success that has prompted other phones manufacturers to develop their own App Stores. Developers and businesses alike took notice of the early success and sales of iPhone apps and now the rush is on to build native mobile applications. Now businesses say they need an mobile application before they know what the business case for the application will be. But are native applications really the future of mobile? What happened to the promise of the Mobile Web? And what about hybrid applications? When does it make sense to build each type of application? What are the limitations of each? And where is each technology headed? Learn how to make and informative decision between these two approaches.
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.
Samullah Freelance Work Showcase
This document is a showcase for Samiullah's freelance frontend web development work. It describes a website called Eatzify.com that adapts according to the screen size of any device. The website features smooth scrolling, scroll to top functionality, embedded media, and a fixed header. It was created using HTML5, CSS3, JavaScript, and Bootstrap.
Buzzr Multi-Site Hosted CMS
A hosted, dynamic content management solution for creating, duplicating and maintaining large numbers of websites and/or micro-sites.
AppNotch
AppNotch is a cloud-based platform that allows users to easily build mobile websites and apps for iPhone, iPad, Android and other devices using a drag-and-drop content management system and library of templates and widgets, enabling users to create professional mobile apps in just 4 steps without needing coding skills. The platform provides features like real-time previews, one-click publishing, integration with services like Google Maps, and deployment to app stores.
All The Screens: Cross Platform Design Strategies
Mobile sites, responsive web, mobile apps, native, HTML5 or hybrid apps…Which of these solutions and combinations are right for your industry and product? We’ll take a look at examples of each and how companies are leveraging different solutions to meet their customer’s mobile needs. We’ll also explore the pitfalls of designing hybrid apps, and best practices for device neutral design. Finally, we’ll look at a case study from the world’s largest non-profit health organization and the cross platform strategy we are designing.
Toyota UK - SEO Technical Audit
1. Analysis - What have they been doing? Has it been working?
2. Strategy - What should they be doing? Short/Mid/Long term strategy.
3. Technical - Identify some quick wins and what they could do to fix them. What are the fundamental technical areas the website is struggling? Why are these errors happening?
4. KPIs - How will we judge the success of implementing these fixes? What should the client expect?
Michael Slater Mobile Opportunity
1. Mobile is a huge opportunity that businesses should take advantage of.
2. There are many options for developing mobile websites or apps using either responsive web design, mobile frameworks like jQuery Mobile, or native app development platforms.
3. The best approach depends on business goals and technical requirements, balancing capabilities and development complexity across mobile web, hybrid, and native app solutions.
The Future of the CMS
The document discusses different content management system (CMS) architectures including traditional, decoupled, and headless CMS.
Traditional CMS has the content creation and publishing interfaces tightly coupled, which can limit customization and maintenance over time. Decoupled and headless CMS separate these interfaces, offering more flexibility but also requiring developers to build publishing interfaces.
Headless CMS focuses only on content creation and provides an API for any device or channel. This allows customization of publishing interfaces for different contexts but means building out publishing functionality. The ideal architecture depends on an organization's specific needs and resources.
Frontend development of the (current) future
Slides from my talk at #digiday at EAAA. Contains a lot of links for more detailed information on the topics.
Mobilizing Your Visualforce Application With JQuery and KnockoutJS
Join Force.com MVP Keir Bowden (aka Bob Buzzard) to learn how to mobilize your Visualforce applications. We'll take an existing survey application and make it mobile by creating pages based on the JQuery Mobile framework, replacing stateful controllers with Javascript remoting, and using Knockout.js to manage client-side data.
Evolution of Websites in 2012
The document discusses strategies for improving websites and marketing efforts. It recommends tracking key metrics like traffic, bounce rate, and leads to benchmark performance. It suggests making sites more engaging with videos, slideshows, and social media plugins. Sites with blogs receive more traffic. Calls to action and compelling offers should be included. Tracking popular pages and content is also recommended. Affordable content management systems like WordPress allow creating targeted landing pages integrated with social media, search, and email.
Web Design Trends: 2018 Edition
The document discusses various topics related to web design trends and technologies. It provides an agenda for learning key elements of good web design, technologies used to build websites like HTML, CSS and JavaScript, highlights current design trends defining modern sites, and suggests developing a toolkit to analyze other sites.
Web Development on Web Project Presentation
Web development on web was part of a project in the final year of Engineering to demonstrate the implementation and application of SaaS using Microsoft Silverlight.
The application facilitated creation of web pages without having a need to install any HTML editor based software.
Wp Web Site
This document discusses how to develop an effective website for a business. It recommends using a content management system like WordPress to build the site, as it allows for easy updating and customization of themes and pages. WordPress can be used to create more than just blogs, and examples are given of businesses that use it to power their professional websites. The document also provides tips for disseminating the website through search engine optimization, traditional advertising, and links from other sites.
Adaptive Web Design, does size really matter?
This document discusses adaptive web design and its advantages over native apps. It covers key considerations like breakpoints, grids, input methods, and challenges of mobile-first design. The document recommends focusing on 3 breakpoints, using fluid percentage grids with fixed breakpoints, tailoring the UX for touch, and addressing issues with images, video, forms and tables through features detection and context-based solutions. The goal is to design adaptively while enhancing accessibility across devices.
Web design principles
This document discusses basic web design principles and elements. It outlines that web design involves planning, creating, updating, and maintaining websites. Key elements of design include text, graphics, shapes, backgrounds, color, video/audio, and links. These elements must be arranged pleasingly and maintain balance. Good design principles include having a portable, low-bandwidth friendly design with clear direction and accessibility. Websites should use white space deliberately and simplify options for users. Designs should also be convenient and regularly tested. Templates and WYSIWYG platforms can help with page design.
Responsive Web Design - Adamphones.com
Adam Phones are a personal telecommunication providers for organisations and individuals, they were looking to redevelop their web portal and consolidate a number of separate digital platform tools for their customers.
We developed a dynamically populated mobile responsive site (RWD) that incorporated the follows:
- Memorable mobile numbers database ordering functionality
- Bespoke solution builder functionality for customers to help them find the right solution
- Client short term hire independent microsites, customisable by client, independent from the site, managed through same CMS setup as the website
- 25-30 template build
- Open source CMS
- Mobile responsive web design
- Custom user gating selective by resource, popup and page
We decided to take a different approach when building the site with an aim of trying to reduce the users clicks a much as possible and pull the content from lower levels to dynamic feed landing pages that can be targeted with clever use of digital positioning marketing activity.
The build is component led mean that page templates are built up using a dynamic compilation of promotional, dynamic feed, call to action, video, content, social media, contact and carousel components that can selected, ordered and customised page by page.
The build includes:
- 4 template build
- 30+ custom component elements build
- Mobile responsive web design
- Open source CMS
- Custom user gating selective by resource, popup and pag
Bluesky Performance Improvement Responsive Web Development
Bluesky Performance Improvement were looking to develop their digital presence but struggle to quickly adapt to ever changing market conditions, the main reason for this was the limitations of their user landing platform being inflexible.
We planned a lightweight dynamically populated mobile responsive site (RWD) that could be fully customised to allow adaptive marketing conditions. The site included a bespoke gating mechanism allowing the site to be fully exploited as a digital lead generation tool that would be tracked and adapted for optimal effectiveness. The site included:
- Adaptive design build, customisable carousel, content, navigation, calls to action and footer
- Social media integration
- 5-6 template build
- Open source CMS
- Mobile responsive web design
- Custom user gating system for lead generation tracking
Web Development with HTML5, CSS3 & JavaScript
With the commercialization of the web, web development has become one of the blooming industries. Learning web development enables you to create attractive websites using HTML, CSS, JQuery and JavaScript. Web development includes developing simple and complex web-based applications, electronic businesses and social networking sites. Being a web developer you can deliver applications as web services which is only available in desktop applications.
HTML5: Next Generation Web Development
HTML5 is the latest version of HTML that provides native support for multimedia and graphics. It enhances HTML with new elements and APIs to build more robust web applications. While HTML5 offers advantages like cross-platform support and lower development costs, it also faces challenges from browser fragmentation and lack of access to device capabilities. Kony's platform aims to address these challenges by allowing developers to build HTML5 applications that can be optimized for all browsers and integrated with native device features.
Creating a Great User Experience in SharePoint
This document provides a summary of Marc Anderson's background and expertise. Marc is the Co-Founder and President of Sympraxis Consulting LLC located in Newton, MA. He has over 30 years of experience in technology consulting and software development. He is also the author of the popular SPServices library and was awarded a Microsoft MVP award for several years. The document outlines Marc's focus on enabling collaboration using SharePoint and highlights some of his areas of expertise including customizing SharePoint and improving the user experience.
Web Site Design Principles
The document discusses several principles for designing effective websites, including designing for the medium by making the site portable across different browsers and devices, presenting information clearly with good structure and navigation, designing for the user by considering their needs and how they will interact with the site, and designing for the screen by considering its differences from paper.
Pricing
The document discusses different types of website services offered by WebhostMD including content management systems (CMS), Flash-based websites, static websites, and dynamic websites. CMS websites allow editing without additional software and start at $600. Flash websites are eye-catching but harder to optimize for search engines. Static websites are basic while dynamic websites include changing elements. Package pricing for each type of website is provided starting from $100 to $600. Additional add-ons like contact forms and galleries are also available.
How Much Content Would Your Content Management System Manage If Your Content ...
What is the proper scope of a CMS platform in 2011?
What role does social, mobile, and transactional data play in a CMS?
30 Social Media Tools - OMS 2011 LA
Social Media Tools Presentation given by Adam Proehl of NordicClick Interactive at the Online Marketing Summit in LA on 6/14/11.
SEMPO Atlanta 10/01/10 Social Media Presentation
Adam Proehl's social media presentation from Atlanta SEMPO on 10/1/10. The presentation includes approximately 30 free social media monitoring tools.
More Related Content
What's hot
All The Screens: Cross Platform Design Strategies
Mobile sites, responsive web, mobile apps, native, HTML5 or hybrid apps…Which of these solutions and combinations are right for your industry and product? We’ll take a look at examples of each and how companies are leveraging different solutions to meet their customer’s mobile needs. We’ll also explore the pitfalls of designing hybrid apps, and best practices for device neutral design. Finally, we’ll look at a case study from the world’s largest non-profit health organization and the cross platform strategy we are designing.
Toyota UK - SEO Technical Audit
1. Analysis - What have they been doing? Has it been working?
2. Strategy - What should they be doing? Short/Mid/Long term strategy.
3. Technical - Identify some quick wins and what they could do to fix them. What are the fundamental technical areas the website is struggling? Why are these errors happening?
4. KPIs - How will we judge the success of implementing these fixes? What should the client expect?
Michael Slater Mobile Opportunity
1. Mobile is a huge opportunity that businesses should take advantage of.
2. There are many options for developing mobile websites or apps using either responsive web design, mobile frameworks like jQuery Mobile, or native app development platforms.
3. The best approach depends on business goals and technical requirements, balancing capabilities and development complexity across mobile web, hybrid, and native app solutions.
The Future of the CMS
The document discusses different content management system (CMS) architectures including traditional, decoupled, and headless CMS.
Traditional CMS has the content creation and publishing interfaces tightly coupled, which can limit customization and maintenance over time. Decoupled and headless CMS separate these interfaces, offering more flexibility but also requiring developers to build publishing interfaces.
Headless CMS focuses only on content creation and provides an API for any device or channel. This allows customization of publishing interfaces for different contexts but means building out publishing functionality. The ideal architecture depends on an organization's specific needs and resources.
Frontend development of the (current) future
Slides from my talk at #digiday at EAAA. Contains a lot of links for more detailed information on the topics.
Mobilizing Your Visualforce Application With JQuery and KnockoutJS
Join Force.com MVP Keir Bowden (aka Bob Buzzard) to learn how to mobilize your Visualforce applications. We'll take an existing survey application and make it mobile by creating pages based on the JQuery Mobile framework, replacing stateful controllers with Javascript remoting, and using Knockout.js to manage client-side data.
Evolution of Websites in 2012
The document discusses strategies for improving websites and marketing efforts. It recommends tracking key metrics like traffic, bounce rate, and leads to benchmark performance. It suggests making sites more engaging with videos, slideshows, and social media plugins. Sites with blogs receive more traffic. Calls to action and compelling offers should be included. Tracking popular pages and content is also recommended. Affordable content management systems like WordPress allow creating targeted landing pages integrated with social media, search, and email.
Web Design Trends: 2018 Edition
The document discusses various topics related to web design trends and technologies. It provides an agenda for learning key elements of good web design, technologies used to build websites like HTML, CSS and JavaScript, highlights current design trends defining modern sites, and suggests developing a toolkit to analyze other sites.
Web Development on Web Project Presentation
Web development on web was part of a project in the final year of Engineering to demonstrate the implementation and application of SaaS using Microsoft Silverlight.
The application facilitated creation of web pages without having a need to install any HTML editor based software.
Wp Web Site
This document discusses how to develop an effective website for a business. It recommends using a content management system like WordPress to build the site, as it allows for easy updating and customization of themes and pages. WordPress can be used to create more than just blogs, and examples are given of businesses that use it to power their professional websites. The document also provides tips for disseminating the website through search engine optimization, traditional advertising, and links from other sites.
Adaptive Web Design, does size really matter?
This document discusses adaptive web design and its advantages over native apps. It covers key considerations like breakpoints, grids, input methods, and challenges of mobile-first design. The document recommends focusing on 3 breakpoints, using fluid percentage grids with fixed breakpoints, tailoring the UX for touch, and addressing issues with images, video, forms and tables through features detection and context-based solutions. The goal is to design adaptively while enhancing accessibility across devices.
Web design principles
This document discusses basic web design principles and elements. It outlines that web design involves planning, creating, updating, and maintaining websites. Key elements of design include text, graphics, shapes, backgrounds, color, video/audio, and links. These elements must be arranged pleasingly and maintain balance. Good design principles include having a portable, low-bandwidth friendly design with clear direction and accessibility. Websites should use white space deliberately and simplify options for users. Designs should also be convenient and regularly tested. Templates and WYSIWYG platforms can help with page design.
Responsive Web Design - Adamphones.com
Adam Phones are a personal telecommunication providers for organisations and individuals, they were looking to redevelop their web portal and consolidate a number of separate digital platform tools for their customers.
We developed a dynamically populated mobile responsive site (RWD) that incorporated the follows:
- Memorable mobile numbers database ordering functionality
- Bespoke solution builder functionality for customers to help them find the right solution
- Client short term hire independent microsites, customisable by client, independent from the site, managed through same CMS setup as the website
- 25-30 template build
- Open source CMS
- Mobile responsive web design
- Custom user gating selective by resource, popup and page
We decided to take a different approach when building the site with an aim of trying to reduce the users clicks a much as possible and pull the content from lower levels to dynamic feed landing pages that can be targeted with clever use of digital positioning marketing activity.
The build is component led mean that page templates are built up using a dynamic compilation of promotional, dynamic feed, call to action, video, content, social media, contact and carousel components that can selected, ordered and customised page by page.
The build includes:
- 4 template build
- 30+ custom component elements build
- Mobile responsive web design
- Open source CMS
- Custom user gating selective by resource, popup and pag
Bluesky Performance Improvement Responsive Web Development
Bluesky Performance Improvement were looking to develop their digital presence but struggle to quickly adapt to ever changing market conditions, the main reason for this was the limitations of their user landing platform being inflexible.
We planned a lightweight dynamically populated mobile responsive site (RWD) that could be fully customised to allow adaptive marketing conditions. The site included a bespoke gating mechanism allowing the site to be fully exploited as a digital lead generation tool that would be tracked and adapted for optimal effectiveness. The site included:
- Adaptive design build, customisable carousel, content, navigation, calls to action and footer
- Social media integration
- 5-6 template build
- Open source CMS
- Mobile responsive web design
- Custom user gating system for lead generation tracking
Web Development with HTML5, CSS3 & JavaScript
With the commercialization of the web, web development has become one of the blooming industries. Learning web development enables you to create attractive websites using HTML, CSS, JQuery and JavaScript. Web development includes developing simple and complex web-based applications, electronic businesses and social networking sites. Being a web developer you can deliver applications as web services which is only available in desktop applications.
HTML5: Next Generation Web Development
HTML5 is the latest version of HTML that provides native support for multimedia and graphics. It enhances HTML with new elements and APIs to build more robust web applications. While HTML5 offers advantages like cross-platform support and lower development costs, it also faces challenges from browser fragmentation and lack of access to device capabilities. Kony's platform aims to address these challenges by allowing developers to build HTML5 applications that can be optimized for all browsers and integrated with native device features.
Creating a Great User Experience in SharePoint
This document provides a summary of Marc Anderson's background and expertise. Marc is the Co-Founder and President of Sympraxis Consulting LLC located in Newton, MA. He has over 30 years of experience in technology consulting and software development. He is also the author of the popular SPServices library and was awarded a Microsoft MVP award for several years. The document outlines Marc's focus on enabling collaboration using SharePoint and highlights some of his areas of expertise including customizing SharePoint and improving the user experience.
Web Site Design Principles
The document discusses several principles for designing effective websites, including designing for the medium by making the site portable across different browsers and devices, presenting information clearly with good structure and navigation, designing for the user by considering their needs and how they will interact with the site, and designing for the screen by considering its differences from paper.
Pricing
The document discusses different types of website services offered by WebhostMD including content management systems (CMS), Flash-based websites, static websites, and dynamic websites. CMS websites allow editing without additional software and start at $600. Flash websites are eye-catching but harder to optimize for search engines. Static websites are basic while dynamic websites include changing elements. Package pricing for each type of website is provided starting from $100 to $600. Additional add-ons like contact forms and galleries are also available.
How Much Content Would Your Content Management System Manage If Your Content ...
What is the proper scope of a CMS platform in 2011?
What role does social, mobile, and transactional data play in a CMS?
What's hot (20)
Mobilizing Your Visualforce Application With JQuery and KnockoutJS
Mobilizing Your Visualforce Application With JQuery and KnockoutJS
Bluesky Performance Improvement Responsive Web Development
Bluesky Performance Improvement Responsive Web Development
How Much Content Would Your Content Management System Manage If Your Content ...
How Much Content Would Your Content Management System Manage If Your Content ...
Viewers also liked
30 Social Media Tools - OMS 2011 LA
Social Media Tools Presentation given by Adam Proehl of NordicClick Interactive at the Online Marketing Summit in LA on 6/14/11.
SEMPO Atlanta 10/01/10 Social Media Presentation
Adam Proehl's social media presentation from Atlanta SEMPO on 10/1/10. The presentation includes approximately 30 free social media monitoring tools.
Social Business - Pubcon Austin 2011
The document outlines best practices for social business. It discusses what social business is and why companies should engage in it. Examples are provided of companies that successfully use social media for customer service and marketing. Tools for measuring social media engagement and analyzing audiences are also presented.
Makingcomputeruse
This is a presentation for afterschool coordinators. It goes along with the wiki, afterschoolcomputerlab.pbworks.com.
Social Analytics - Pubcon New Orleans - Alan K'necht & Adam Proehl
This document summarizes a presentation on measuring social media. It discusses the top 10 most frequently asked questions about social media measurement, including which reported metrics are misleading and how to tell if people are engaged with social media content. Examples are provided of both large brands like Starbucks and smaller brands doing social media measurement well. The presentation emphasizes measuring meaningful engagement over vanity metrics and using available analytics tools before investing in expensive new ones.
Search Marketing Basics - OMI 2012
The document provides an overview of Adam Proehl's presentation on search engine marketing basics, which includes discussing the history and current state of search, getting started with keyword research, the basics of search engine optimization (SEO), paid search advertising through cost per click (CPC), and recommended tools. The presentation is intended as an introductory level overview of key concepts in search engine marketing.
Viewers also liked (7)
Social Analytics - Pubcon New Orleans - Alan K'necht & Adam Proehl
Social Analytics - Pubcon New Orleans - Alan K'necht & Adam Proehl
Similar to Modev ux brian lacey presentation
Mobile App 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.
Multi screen HTML5
Learn how to design responsive HTML5 websites and applications, and learn how to choose the right tool for the job.
Mobile Web Apps Overview
Back in 2011, when I was working at Partec/TangerinaLab, I did a research to check the status of web mobiles apps comparing with native apps.
Developing and deploying a website with html5
This document discusses developing and deploying websites with HTML5. It covers creating fluid responsive layouts, single page applications, and JavaScript libraries. It also discusses build and deployment processes using GruntJS to manage source code and optimize web applications.
Best Practices for Mobile Web Design
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.
tTecniche di sviluppo mobile per share point 2013 e office 365
This document discusses techniques for developing mobile apps for SharePoint 2013 and Office 365. It covers the mobile browsing experience in SharePoint 2013 including the contemporary view and device channels. It also discusses publishing infrastructure, image renditions, and using Bootstrap to create responsive designs for SharePoint. The document demonstrates some of these techniques and provides recommendations on when to use device channels versus responsive design.
Webdev battacherjee
Published by Althea Elfleda Tolentino McGregor, BlackBerry Dev Alpha, January 2012, Licensed Vendor for BlackBerry World App and Development, Social Media, Digital Content by BlackBerry Laws, Copyrights, Authorship, Commercial Rights and Compliance , Health & Safety Compliance, IP Laws Pioneer for Data Encryption, Global Entrepreneur, Global Sales and Social Media Networking, Global Vending, Attributed Use for all Global Resellers of BlackBerry Products and Services, Digital Content, Patent, Global Promotion for BlackBerry Apps Development and the Foundation for a Raving Tigers BlackBerry Business Solutions as per stipulations and agreements on policies and rights over use , print and distribution to re-distribution over corporations of Global Merchandising of Communication Devices that pioneers data encryption and Social Hubs as attributions to the hallmarks of BlackBerry Dev Alpha C into the market release version of the BlackBerry Z10 and BlackBerry Q10 as separate and treated as one unit of manufactured programming,from its concept to approval which must meet Blackberry standard for its release and hacked for its vulnerability on CrackBerry exclusive to both "Gods" and Demons" of this world of the Fruit-wares, called BlackBerry and these could be coded as well. Z10 and Q10. Written by: Althea Elfleda Tolentino McGregor, Blackberry Dev Alpha A to C, 2012 to present and 10% only addicted, for the love of GOD! No mercy until I get my millions and a private jet, a school or an intellectual law institution or many. I am the Pioneer of WORK IN MOTION FOR my Raving Tigers Business Solutions which is for micro/macro economic developments and dependent on consumerism as well as the provision of scholarships to increase revenues for BlackBerry in the deliverance of its goal for mobilisation of these technologies, as an integral part of the backbone of every struggling small business owners who only needs one device, a BlackBerry. © 2013 Research In Motion Limited, 295 Phillip St., Waterloo, Ontario, Canada, N2L 3W8. All rights reserved. BlackBerry®, RIM®, Research In Motion® and related trademarks, names and logos are the property of RIM and are registered and/or used in the U.S. and countries around the world.
Bootstrap 4 Online Training Course Book Sample
This document provides an introduction to Bootstrap 4, a front-end framework for developing responsive, mobile-first websites. It discusses the challenges of building for mobile, including smaller screens and slower connections. Bootstrap helps developers work efficiently and consistently across browsers and devices. The document also covers responsive design approaches like mobile-first and progressive enhancement. Bootstrap includes reusable components with documentation to help teams standardize their work.
Mobile Web Overview https://www.edocr.com/v/k52p5vj4/
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.
Sg conference multiplatform_apps_adam_stanley
Web technologies such as HTML5, Javascript and CSS3 are emerging as an alternative for mobile application development platform, at the same time allow the user to provide great experiences, and are simple to administer and maintain by IT organizations.
This session will discuss the status of these technologies and their feasibility for the development of mobile applications. We will also address some recommendations and considerations that must be taken to choose a strategy for developing apps based on web technologies.
Desarrollo de apps multiplataforma con tecnologías web
This document discusses developing multiplatform apps using web technologies. It argues that web technologies allow for cross-platform development which benefits both users and developers. The current state of HTML5, CSS3 and JavaScript allows for building sophisticated mobile web apps that can utilize device capabilities and feel native. Performance is important and web apps should be optimized to be on par with native apps. With continued advancement, web technologies provide a strong option for mobile app development.
Mobile web development
This document discusses different approaches to mobile web development, including native apps, mobile web apps, and hybrid apps. It describes native apps as using device APIs and being optimized for performance but costly to maintain across platforms. Mobile web apps use HTML, CSS, and JavaScript and are low-cost with broad compatibility but lack access to device features. Hybrid apps combine web technologies with native wrappers to access device APIs and offer "write once, run everywhere" capabilities. The document also covers mobile development strategies, frameworks, and tools like Cordova that can help build hybrid mobile apps.
A Day Building Fast, Responsive, Extensible Single Page Applications
This is an older slide deck I realized I never uploaded.
It is a slightly longer deck than the Night at the SPA deck. This features many concepts that are forerunners to the modern progressive web application.
There are slides related to web performance best practices, JavaScript architecture, responsive web design, touch and much more.
Mobile SEO (English Version)
Covers the following contents.
Objective of this seminar
Backgrounds
Issues
Google’s Issue
Web site Owner’s Issue
Mobile SEO Measures
AUSPC 2011: How we did it: NothingButSharePoint.com
Jeremy Thake presented on how the global community website NothingButSharePoint.com was built on the SharePoint 2010 platform. Key aspects included migrating existing content from other systems, using SharePoint 2010's web content management and publishing features, developing extensions like for comments and analytics, and leveraging tools like Visual Studio and PowerShell for implementation. Challenges included working with limitations of SharePoint 2010 and coordinating developers and designers. Lessons learned were about setting clear expectations, plans, and communication across the team.
Cross Platform Mobile Development
This document discusses cross-platform mobile app development using HTML frameworks like jQuery Mobile and Sencha Touch, and PhoneGap. It describes the problem of developing for multiple mobile platforms and devices. The solution presented is to use these HTML frameworks to build apps once that scale across devices, and to use PhoneGap to package them as native apps for distribution. Benefits include access to many platforms without native coding, and leveraging HTML and JavaScript skills. Examples are provided of each framework.
Station Four: Web Redesign Presentation
Presenting the 2012 Station Four web redesign to AIGA's morning leak. The presentation reviews the design, site structure, and technologies involved.
Developing for Mobile Web
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.
Building Mobile Web Apps using ASP.NET MVC, HTML5, & jQuery Mobile
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.
EXPERTALKS: Sep 2013 - Responsive Web Design
This document discusses responsive web design (RWD), which allows websites to be accessed from multiple devices like smartphones and tablets. It describes some techniques for RWD, including fluid grids that shrink and expand based on screen size, flexible images, and media queries. The key is to have a single responsive design that adapts to different devices rather than separate sites for each device. Issues like slow loading of unnecessary scripts are also addressed using techniques like progressive enhancement and lazy loading. The document provides resources for learning more about implementing RWD.
Similar to Modev ux brian lacey presentation (20)
tTecniche di sviluppo mobile per share point 2013 e office 365
tTecniche di sviluppo mobile per share point 2013 e office 365
Mobile Web Overview https://www.edocr.com/v/k52p5vj4/
Mobile Web Overview https://www.edocr.com/v/k52p5vj4/
Desarrollo de apps multiplataforma con tecnologías web
Desarrollo de apps multiplataforma con tecnologías web
A Day Building Fast, Responsive, Extensible Single Page Applications
A Day Building Fast, Responsive, Extensible Single Page Applications
AUSPC 2011: How we did it: NothingButSharePoint.com
AUSPC 2011: How we did it: NothingButSharePoint.com
Building Mobile Web Apps using ASP.NET MVC, HTML5, & jQuery Mobile
Building Mobile Web Apps using ASP.NET MVC, HTML5, & jQuery Mobile
Recently uploaded
Dandelion Hashtable: beyond billion requests per second on a commodity server
This slide deck presents DLHT, a concurrent in-memory hashtable. Despite efforts to optimize hashtables, that go as far as sacrificing core functionality, state-of-the-art designs still incur multiple memory accesses per request and block request processing in three cases. First, most hashtables block while waiting for data to be retrieved from memory. Second, open-addressing designs, which represent the current state-of-the-art, either cannot free index slots on deletes or must block all requests to do so. Third, index resizes block every request until all objects are copied to the new index. Defying folklore wisdom, DLHT forgoes open-addressing and adopts a fully-featured and memory-aware closed-addressing design based on bounded cache-line-chaining. This design offers lock-free index operations and deletes that free slots instantly, (2) completes most requests with a single memory access, (3) utilizes software prefetching to hide memory latencies, and (4) employs a novel non-blocking and parallel resizing. In a commodity server and a memory-resident workload, DLHT surpasses 1.6B requests per second and provides 3.5x (12x) the throughput of the state-of-the-art closed-addressing (open-addressing) resizable hashtable on Gets (Deletes).
Trusted Execution Environment for Decentralized Process Mining
Presentation of the paper "Trusted Execution Environment for Decentralized Process Mining" given during the CAiSE 2024 Conference in Cyprus on June 7, 2024.
June Patch Tuesday
Ivanti’s Patch Tuesday breakdown goes beyond patching your applications and brings you the intelligence and guidance needed to prioritize where to focus your attention first. Catch early analysis on our Ivanti blog, then join industry expert Chris Goettl for the Patch Tuesday Webinar Event. There we’ll do a deep dive into each of the bulletins and give guidance on the risks associated with the newly-identified vulnerabilities.
A Comprehensive Guide to DeFi Development Services in 2024
DeFi represents a paradigm shift in the financial industry. Instead of relying on traditional, centralized institutions like banks, DeFi leverages blockchain technology to create a decentralized network of financial services. This means that financial transactions can occur directly between parties, without intermediaries, using smart contracts on platforms like Ethereum.
In 2024, we are witnessing an explosion of new DeFi projects and protocols, each pushing the boundaries of what’s possible in finance.
In summary, DeFi in 2024 is not just a trend; it’s a revolution that democratizes finance, enhances security and transparency, and fosters continuous innovation. As we proceed through this presentation, we'll explore the various components and services of DeFi in detail, shedding light on how they are transforming the financial landscape.
At Intelisync, we specialize in providing comprehensive DeFi development services tailored to meet the unique needs of our clients. From smart contract development to dApp creation and security audits, we ensure that your DeFi project is built with innovation, security, and scalability in mind. Trust Intelisync to guide you through the intricate landscape of decentralized finance and unlock the full potential of blockchain technology.
Ready to take your DeFi project to the next level? Partner with Intelisync for expert DeFi development services today!
dbms calicut university B. sc Cs 4th sem.pdf
Its a seminar ppt on database management system using sql
GNSS spoofing via SDR (Criptored Talks 2024)
In the realm of cybersecurity, offensive security practices act as a critical shield. By simulating real-world attacks in a controlled environment, these techniques expose vulnerabilities before malicious actors can exploit them. This proactive approach allows manufacturers to identify and fix weaknesses, significantly enhancing system security.
This presentation delves into the development of a system designed to mimic Galileo's Open Service signal using software-defined radio (SDR) technology. We'll begin with a foundational overview of both Global Navigation Satellite Systems (GNSS) and the intricacies of digital signal processing.
The presentation culminates in a live demonstration. We'll showcase the manipulation of Galileo's Open Service pilot signal, simulating an attack on various software and hardware systems. This practical demonstration serves to highlight the potential consequences of unaddressed vulnerabilities, emphasizing the importance of offensive security practices in safeguarding critical infrastructure.
Generating privacy-protected synthetic data using Secludy and Milvus
During this demo, the founders of Secludy will demonstrate how their system utilizes Milvus to store and manipulate embeddings for generating privacy-protected synthetic data. Their approach not only maintains the confidentiality of the original data but also enhances the utility and scalability of LLMs under privacy constraints. Attendees, including machine learning engineers, data scientists, and data managers, will witness first-hand how Secludy's integration with Milvus empowers organizations to harness the power of LLMs securely and efficiently.
Digital Banking in the Cloud: How Citizens Bank Unlocked Their Mainframe
Inconsistent user experience and siloed data, high costs, and changing customer expectations – Citizens Bank was experiencing these challenges while it was attempting to deliver a superior digital banking experience for its clients. Its core banking applications run on the mainframe and Citizens was using legacy utilities to get the critical mainframe data to feed customer-facing channels, like call centers, web, and mobile. Ultimately, this led to higher operating costs (MIPS), delayed response times, and longer time to market.
Ever-changing customer expectations demand more modern digital experiences, and the bank needed to find a solution that could provide real-time data to its customer channels with low latency and operating costs. Join this session to learn how Citizens is leveraging Precisely to replicate mainframe data to its customer channels and deliver on their “modern digital bank” experiences.
Let's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with Slack
Discover the seamless integration of RPA (Robotic Process Automation), COMPOSER, and APM with AWS IDP enhanced with Slack notifications. Explore how these technologies converge to streamline workflows, optimize performance, and ensure secure access, all while leveraging the power of AWS IDP and real-time communication via Slack notifications.
Skybuffer SAM4U tool for SAP license adoption
Manage and optimize your license adoption and consumption with SAM4U, an SAP free customer software asset management tool.
SAM4U, an SAP complimentary software asset management tool for customers, delivers a detailed and well-structured overview of license inventory and usage with a user-friendly interface. We offer a hosted, cost-effective, and performance-optimized SAM4U setup in the Skybuffer Cloud environment. You retain ownership of the system and data, while we manage the ABAP 7.58 infrastructure, ensuring fixed Total Cost of Ownership (TCO) and exceptional services through the SAP Fiori interface.
GraphRAG for Life Science to increase LLM accuracy
GraphRAG for life science domain, where you retriever information from biomedical knowledge graphs using LLMs to increase the accuracy and performance of generated answers
Energy Efficient Video Encoding for Cloud and Edge Computing Instances
Energy Efficient Video Encoding for Cloud and Edge Computing Instances
Best 20 SEO Techniques To Improve Website Visibility In SERP
Boost your website's visibility with proven SEO techniques! Our latest blog dives into essential strategies to enhance your online presence, increase traffic, and rank higher on search engines. From keyword optimization to quality content creation, learn how to make your site stand out in the crowded digital landscape. Discover actionable tips and expert insights to elevate your SEO game.
Monitoring and Managing Anomaly Detection on OpenShift.pdf
Monitoring and Managing Anomaly Detection on OpenShift
Overview
Dive into the world of anomaly detection on edge devices with our comprehensive hands-on tutorial. This SlideShare presentation will guide you through the entire process, from data collection and model training to edge deployment and real-time monitoring. Perfect for those looking to implement robust anomaly detection systems on resource-constrained IoT/edge devices.
Key Topics Covered
1. Introduction to Anomaly Detection
- Understand the fundamentals of anomaly detection and its importance in identifying unusual behavior or failures in systems.
2. Understanding Edge (IoT)
- Learn about edge computing and IoT, and how they enable real-time data processing and decision-making at the source.
3. What is ArgoCD?
- Discover ArgoCD, a declarative, GitOps continuous delivery tool for Kubernetes, and its role in deploying applications on edge devices.
4. Deployment Using ArgoCD for Edge Devices
- Step-by-step guide on deploying anomaly detection models on edge devices using ArgoCD.
5. Introduction to Apache Kafka and S3
- Explore Apache Kafka for real-time data streaming and Amazon S3 for scalable storage solutions.
6. Viewing Kafka Messages in the Data Lake
- Learn how to view and analyze Kafka messages stored in a data lake for better insights.
7. What is Prometheus?
- Get to know Prometheus, an open-source monitoring and alerting toolkit, and its application in monitoring edge devices.
8. Monitoring Application Metrics with Prometheus
- Detailed instructions on setting up Prometheus to monitor the performance and health of your anomaly detection system.
9. What is Camel K?
- Introduction to Camel K, a lightweight integration framework built on Apache Camel, designed for Kubernetes.
10. Configuring Camel K Integrations for Data Pipelines
- Learn how to configure Camel K for seamless data pipeline integrations in your anomaly detection workflow.
11. What is a Jupyter Notebook?
- Overview of Jupyter Notebooks, an open-source web application for creating and sharing documents with live code, equations, visualizations, and narrative text.
12. Jupyter Notebooks with Code Examples
- Hands-on examples and code snippets in Jupyter Notebooks to help you implement and test anomaly detection models.
Presentation of the OECD Artificial Intelligence Review of Germany
Consult the full report at https://www.oecd.org/digital/oecd-artificial-intelligence-review-of-germany-609808d6-en.htm
“Temporal Event Neural Networks: A More Efficient Alternative to the Transfor...
“Temporal Event Neural Networks: A More Efficient Alternative to the Transfor...Edge AI and Vision Alliance
For the full video of this presentation, please visit: https://www.edge-ai-vision.com/2024/06/temporal-event-neural-networks-a-more-efficient-alternative-to-the-transformer-a-presentation-from-brainchip/
Chris Jones, Director of Product Management at BrainChip , presents the “Temporal Event Neural Networks: A More Efficient Alternative to the Transformer” tutorial at the May 2024 Embedded Vision Summit.
The expansion of AI services necessitates enhanced computational capabilities on edge devices. Temporal Event Neural Networks (TENNs), developed by BrainChip, represent a novel and highly efficient state-space network. TENNs demonstrate exceptional proficiency in handling multi-dimensional streaming data, facilitating advancements in object detection, action recognition, speech enhancement and language model/sequence generation. Through the utilization of polynomial-based continuous convolutions, TENNs streamline models, expedite training processes and significantly diminish memory requirements, achieving notable reductions of up to 50x in parameters and 5,000x in energy consumption compared to prevailing methodologies like transformers.
Integration with BrainChip’s Akida neuromorphic hardware IP further enhances TENNs’ capabilities, enabling the realization of highly capable, portable and passively cooled edge devices. This presentation delves into the technical innovations underlying TENNs, presents real-world benchmarks, and elucidates how this cutting-edge approach is positioned to revolutionize edge AI across diverse applications.leewayhertz.com-AI in predictive maintenance Use cases technologies benefits ...
Predictive maintenance is a proactive approach that anticipates equipment failures before they happen. At the forefront of this innovative strategy is Artificial Intelligence (AI), which brings unprecedented precision and efficiency. AI in predictive maintenance is transforming industries by reducing downtime, minimizing costs, and enhancing productivity.
Astute Business Solutions | Oracle Cloud Partner |
Your goto partner for Oracle Cloud, PeopleSoft, E-Business Suite, and Ellucian Banner. We are a firm specialized in managed services and consulting.
Recently uploaded (20)
Dandelion Hashtable: beyond billion requests per second on a commodity server
Dandelion Hashtable: beyond billion requests per second on a commodity server
Trusted Execution Environment for Decentralized Process Mining
Trusted Execution Environment for Decentralized Process Mining
A Comprehensive Guide to DeFi Development Services in 2024
A Comprehensive Guide to DeFi Development Services in 2024
Generating privacy-protected synthetic data using Secludy and Milvus
Generating privacy-protected synthetic data using Secludy and Milvus
Digital Banking in the Cloud: How Citizens Bank Unlocked Their Mainframe
Digital Banking in the Cloud: How Citizens Bank Unlocked Their Mainframe
Let's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with Slack
Let's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with Slack
Nordic Marketo Engage User Group_June 13_ 2024.pptx
Nordic Marketo Engage User Group_June 13_ 2024.pptx
GraphRAG for Life Science to increase LLM accuracy
GraphRAG for Life Science to increase LLM accuracy
Energy Efficient Video Encoding for Cloud and Edge Computing Instances
Energy Efficient Video Encoding for Cloud and Edge Computing Instances
Deep Dive: AI-Powered Marketing to Get More Leads and Customers with HyperGro...
Deep Dive: AI-Powered Marketing to Get More Leads and Customers with HyperGro...
Best 20 SEO Techniques To Improve Website Visibility In SERP
Best 20 SEO Techniques To Improve Website Visibility In SERP
Monitoring and Managing Anomaly Detection on OpenShift.pdf
Monitoring and Managing Anomaly Detection on OpenShift.pdf
Presentation of the OECD Artificial Intelligence Review of Germany
Presentation of the OECD Artificial Intelligence Review of Germany
“Temporal Event Neural Networks: A More Efficient Alternative to the Transfor...
“Temporal Event Neural Networks: A More Efficient Alternative to the Transfor...
leewayhertz.com-AI in predictive maintenance Use cases technologies benefits ...
leewayhertz.com-AI in predictive maintenance Use cases technologies benefits ...
Astute Business Solutions | Oracle Cloud Partner |
Astute Business Solutions | Oracle Cloud Partner |
Modev ux brian lacey presentation
- 4. Progressive Enhancement + Mobile First
- 5. Launched Two HTML5 Responsive Designs Haz-Map
- 6. APPS.USA.gov
- 7. Mobile Phone Problem: Slower Processors and Inconsistent Browser Capabilities
- 9. Makeup of Frameworks 960 Based Grid Systems, 1140 css, Blueprint.css 320 and Up Bootstrap by Twitter, Foundation, Skelton Sencha Touch, Jquery Mobile, Jo, MProject
- 10. HTML Mobile Frameworks Options Developing for Mobile • Starbucks new website is a good example • A site created specifically for the handset • Facebook, Twitter, Yahoo, Amazon • Built with HTML5 • Wrapped to access phone capabilities like the camera.
- 11. Mobile / Web APP Frameworks Sencha Jquery Mobile
- 12. A resounding 79% of mobile developers report that they will integrate some HTML5 in their apps in 2012. This is much higher than many industry observers had anticipated as late as Q4 2011. HTML5 in Mobile APPs
- 13. .m / Redirects sites
- 14. • Rapid Prototyping • Foundation to Build Site • Foundation for Progressive Enhancement and Mobile First Mentality • 1 code base • Device Agnostic – Works the same on all devices HTML Responsive Frameworks • Breakpoints / media queries over a growing number of screen sizes will drive you crazy • Not all phone browsers where create equal – therefore you have to additional JavaScript to “normalize” the experience across all browser.
- 15. HTML5 Mobile Boilerplate • Template not a stand alone framework • Cross Browser Consistency – Fallback for Blackberry, IE Mobile • Media Query Polyfill • Mobile Webkit Optimizations • Optimizes Viewport Scaling • Hides URL bar • HTML5 Offline Caching • Excellent Foundation to Build on
- 16. Bootstrap by Twitter • Impressive UI components Library • LESS Framework • Responsive Grid • Media Queries • JavaScript Plugins for UI • Foundation for Rapid Prototyping for both Mobile and Web
- 17. 320 and UP • Mobile First Boilerplate • Built to load assets and styles progressively only when needed. • Optimize the site for what you are viewing it on and built on the HTML5 Boilerplate • Contains 5 Media Query Increments – 480, 600, 768, 992, 1382px • Modernizr.js and selectivizr • Eliminates the styles/js that you “may” and only includes css/js that you need
- 18. Thank You