There is no mobile web
•
4 likes•903 views
The document discusses different approaches to developing websites for multiple devices (mobile, desktop, tablet). It provides brief summaries of opinions on prioritizing mobile-first or content-first design, as well as responsive design and using frameworks versus raw JavaScript. Links to related articles on these topics are also included.
Report
Share
Report
Share
Download to read offline
Recommended
Thinking Digital : Ten Things
This document lists 10 things from Thinking Digital, an insightful conference on social technology and digital topics. It includes quotes from presenters on topics like avoiding understanding audiences, data being the new oil, enabling communication in remote areas without internet, and an Arduino kitty made at a workshop. The document provides links to websites and blogs for several of the presenters and topics.
Using delicious in education
paper presented at 5th International Conference on INFORMATICS, EDUCATIONAL TECHNOLOGY AND NEW MEDIA IN EDUCATION - Sombor, Serbia,.
You can view the paper here:
http://www.scribd.com/doc/2413801/The-Role-of-delicious-in-education
March 29 - 30th 2008
Using Technology to Engage Your Community
This document discusses how libraries can use technology to engage their communities. It begins by looking at connecting with members through social media like Tumblr to start conversations and encourage learning. The document then discusses how libraries can serve their communities through technology by taking services mobile with initiatives like bookmobiles, pop-up libraries, and distributing e-content. It explores how technology allows libraries to grow lifelong learning by facilitating connections between learners and experts and providing spaces for creation and collaboration. The presentation argues that the mission of libraries is to improve society by facilitating knowledge creation in their communities through participation and engagement both in-person and virtually.
Using Web 2.0 Tools in the Classroom
This document discusses how Web 2.0 allows for easy collaboration and sharing of user-generated content online. It highlights that Web 2.0 tools require no downloads and can be easily mastered. Various types of Web 2.0 tools are then presented, including presentation tools, video tools, mobile tools, and community tools to facilitate online collaboration. Specific examples of popular Web 2.0 tools are provided for each category.
The future of textbooks
This document discusses the future of textbooks and digital learning resources. It questions whether traditional textbooks are still relevant in today's digital age. Several benefits of digital textbooks are highlighted, such as being portable, interactive, searchable, and keeping content up-to-date. However, digital textbooks also face challenges such as cost and lack of interactivity. The document advocates empowering learners to create their own open educational resources rather than just consuming content passively. A process is outlined for transitioning learning materials to a digital format one step at a time while involving learners in the process.
Why Bother With Web 2.0
The document discusses the concept of Web 2.0 and why librarians should engage with it. Web 2.0 allows for two-way communication through social software and user-generated content. It also turns the web into a platform for developers to create applications. While some librarians feel too busy or overwhelmed to participate, engaging with Web 2.0 can provide professional development, expose one to new ideas, and benefit teachers and students. Getting started may involve using an RSS reader, joining online communities, or exploring ways students can use Web 2.0 tools.
Presentation writing and reading
Writing and reading skills can be enhanced through facilitative e-tools like writeboards, wikis, webquests, and blogs. Writeboards allow for collaborative writing projects or individual editing in a shared online space. Wikis are websites that multiple people can collaboratively edit to work on problems or promote student-centered learning. Blogs are online journals that students can post to for others to see and comment on, helping to improve literacy from mobile devices. Webquests focus learners' attention on particular content and promote inquiry through structured online research.
SL Library Presentation
Second Life is a virtual world created and owned by its users, with over 7 million residents. It allows for hands-on learning experiences and networking through the creation of virtual environments and interactions between avatars. While it provides opportunities for new forms of education, there are also obstacles to adoption like hardware requirements, technical issues, and keeping students focused.
Recommended
Thinking Digital : Ten Things
This document lists 10 things from Thinking Digital, an insightful conference on social technology and digital topics. It includes quotes from presenters on topics like avoiding understanding audiences, data being the new oil, enabling communication in remote areas without internet, and an Arduino kitty made at a workshop. The document provides links to websites and blogs for several of the presenters and topics.
Using delicious in education
paper presented at 5th International Conference on INFORMATICS, EDUCATIONAL TECHNOLOGY AND NEW MEDIA IN EDUCATION - Sombor, Serbia,.
You can view the paper here:
http://www.scribd.com/doc/2413801/The-Role-of-delicious-in-education
March 29 - 30th 2008
Using Technology to Engage Your Community
This document discusses how libraries can use technology to engage their communities. It begins by looking at connecting with members through social media like Tumblr to start conversations and encourage learning. The document then discusses how libraries can serve their communities through technology by taking services mobile with initiatives like bookmobiles, pop-up libraries, and distributing e-content. It explores how technology allows libraries to grow lifelong learning by facilitating connections between learners and experts and providing spaces for creation and collaboration. The presentation argues that the mission of libraries is to improve society by facilitating knowledge creation in their communities through participation and engagement both in-person and virtually.
Using Web 2.0 Tools in the Classroom
This document discusses how Web 2.0 allows for easy collaboration and sharing of user-generated content online. It highlights that Web 2.0 tools require no downloads and can be easily mastered. Various types of Web 2.0 tools are then presented, including presentation tools, video tools, mobile tools, and community tools to facilitate online collaboration. Specific examples of popular Web 2.0 tools are provided for each category.
The future of textbooks
This document discusses the future of textbooks and digital learning resources. It questions whether traditional textbooks are still relevant in today's digital age. Several benefits of digital textbooks are highlighted, such as being portable, interactive, searchable, and keeping content up-to-date. However, digital textbooks also face challenges such as cost and lack of interactivity. The document advocates empowering learners to create their own open educational resources rather than just consuming content passively. A process is outlined for transitioning learning materials to a digital format one step at a time while involving learners in the process.
Why Bother With Web 2.0
The document discusses the concept of Web 2.0 and why librarians should engage with it. Web 2.0 allows for two-way communication through social software and user-generated content. It also turns the web into a platform for developers to create applications. While some librarians feel too busy or overwhelmed to participate, engaging with Web 2.0 can provide professional development, expose one to new ideas, and benefit teachers and students. Getting started may involve using an RSS reader, joining online communities, or exploring ways students can use Web 2.0 tools.
Presentation writing and reading
Writing and reading skills can be enhanced through facilitative e-tools like writeboards, wikis, webquests, and blogs. Writeboards allow for collaborative writing projects or individual editing in a shared online space. Wikis are websites that multiple people can collaboratively edit to work on problems or promote student-centered learning. Blogs are online journals that students can post to for others to see and comment on, helping to improve literacy from mobile devices. Webquests focus learners' attention on particular content and promote inquiry through structured online research.
SL Library Presentation
Second Life is a virtual world created and owned by its users, with over 7 million residents. It allows for hands-on learning experiences and networking through the creation of virtual environments and interactions between avatars. While it provides opportunities for new forms of education, there are also obstacles to adoption like hardware requirements, technical issues, and keeping students focused.
Open Source Tools
This document provides information on various open source tools for libraries. It lists tools for web conferencing, desktop publishing, music libraries, screen casting, invoicing, surveys, public computer management, citation management, instant messaging, reference statistics, content management, blogging, online exhibits, OPACs, and course reserves. For each tool, it provides a brief description and link to the website. The document aims to introduce librarians to these free and open source software alternatives.
Canada MoodleMoot 2013 - Mobile Learning: A User Experience Perspective
Mobile is the new reality in the world of online learning. With a focus on user experience (UX), Paul will share his design insights and techniques on how to leverage Moodle to better support anytime, anywhere learning on an ever-expanding range of mobile devices.
Drawing from his own experiences in creating and designing mobile blended learning materials on a variety of platforms, Paul will present his preferred mobile design approaches and field-tested techniques. Topics will include the fundamentals of mobile learning UX, the on-going evolution of the “mobile first” design viewpoint, and the increased importance of design for emotion. Paul will also explore what open source responsive HTML frameworks, such as Twitter Bootstrap, can offer to Moodle.
Web 2.0 Presentation
The document discusses two web tools, Animoto and Glogster, that can be used in the classroom to create multimedia presentations incorporating images, music, and text. It defines key concepts like Web 2.0, SISOMO (sight, sound, and motion), and explains how Animoto and Glogster allow students to create engaging content that combines these elements and can be shared online. Examples are given of how each tool can be used for assignments and class projects.
Beckett steven project4
The document discusses why mobile websites are important and provides tips for creating good mobile websites. It notes that while Flash is currently more widely accepted, HTML5 is the future standard and is growing in popularity. It also discusses using responsive design and HTML5 versus Flash to make websites accessible across different devices.
2012bruneluniversity 120615094336-phpapp01
1) The document is a presentation by Steve Wheeler from the University of Plymouth on learning in the digital age.
2) It discusses many topics related to digital learning, including the rise of mobile devices, personal learning environments, digital natives, and challenges around assessing information online.
3) One of the key themes is that learning is evolving due to new technologies and we must adapt practices and perspectives to better support students in this changing landscape.
Virtual Worlds As A Competitive Learning Environment
Virtual worlds have been characterized as a fancy IRC client which more often than not represents a technology that is as much a barrier to the average user as it is a help. Educators are criticized as much for their lack of imagination and ingenuity in the use of these platforms when lectures and presentations are more often limited to simply being a unique way to present PowerPoint slides. This presentation discusses the reasoning behind why virtual worlds represent a competitive environment for collaborative learning despite these short comings. This discussion uses leadership theory and knowledge emergence as its theoretical framework
Content Strategy for Responsive Websites
Presentation to:
Madison Web Design & Development Meetup - February 11, 2013.
Web Content Mavens, Washington, DC - January 8, 2013.
NYC Web Design Meetup -January 24, 2013.
01 Mobile Jungle
This document discusses various myths and realities about developing for the mobile web. It begins by addressing the myth that the mobile web is the same as the desktop web. While they use the same protocols, mobile devices have smaller screens, lower bandwidth, and less processing power. The document also debunks myths such as not needing to optimize a desktop site for mobile, having one site work across all devices, and that mobile web is easy. It discusses the evolution of mobile markup languages and challenges with various devices and operating systems.
Why "mobile first" isn't enough - Developing a better user experience
"Mobile first," is a concept that serves us well as a design tool, putting constraints on our messaging, layout, etc. But to use "mobile first" as a complete mobile strategy can lead to some dangerous lines of thought.
There's a bigger picture that needs to be seen, and it's what we've always done when developing experiences for the web. We need to put the "Experience First." Then we can think about "mobile", "desktop", "lean-back", and whatever other technologies are released in the next several years. It's not about devices, it's about users and experiences.
Presentation first given at BarCamp Nashville in October of 2011.
Size Doesn't Matter
This document discusses responsive web design and the need to design for multiple screen sizes. It provides examples of frameworks like Foundation and Bootstrap that use a grid system to help layout content responsively using rows and columns. A variety of tools and resources are also listed that can help with testing sites and finding examples of responsive design.
Mobile ux sot a and challenges
This document discusses the state of mobile UX and challenges in choosing a development approach. It outlines the options of native, web, and responsive design. Native apps offer rich features but require high costs and platform fragmentation. Web apps have broad reach but limited functionality. Responsive design provides continuity across devices but not all content is equally suited. The key is understanding user needs and balancing capabilities with costs for the optimal strategy.
Mobile UX Challenges
This document discusses the state of mobile UX and challenges in choosing a development approach. It outlines the options of native apps, mobile web, and responsive design. Native apps provide the best experience but are more expensive, while mobile web has broader reach but limited features. Responsive design aims for continuity across devices but may not be optimal for all situations. The document emphasizes understanding user needs and having a clear strategy to determine the best approach for each use case and business goals.
WebMatrix jQuery Mobile Web
This is an introduction to Developing Mobile Web sites using Microsoft Webmatrix and jQuery to create rich, enganging mobile web sites. You can view the demo site http://m.movie.extremewebworks.com
Responsive Design & Beyond [Code & Creativity Workshop]
Responsive web design has taken our industry by storm and with good reason: it helps us improve our reach with less effort. But incorporating responsive design is not the goal, meeting our user’s needs is. Responsive design is not an end in itself… it’s just the beginning.
As a fitting way to kick off our new workshop series, we’ve asked two internationally-renown mobile web and responsive design experts—Brad Frost (of This is Responsive, and Pattern Lab fame) and Aaron Gustafson (author of Adaptive Web Design)—to come and teach us everything we need to know about working in this multi-device reality.
For the first part of the day, Brad and Aaron will survey the landscape of responsive design, covering:
* broad concepts,
* strategies,
* the design process & deliverables,
*emerging design patterns and principles, and
* development best practices and considerations.
Then, we’ll break into small groups to tackle some thorny responsive challenges through discussions, sketching, and maybe even a little coding while Brad & Aaron provide real-time feedback and push us to go further. At the end, we’ll share our findings with the class and get additional feedback from the experts.
Uxperts mobi 2013 soa & challenges
This document discusses the state of mobile UX and challenges in choosing a mobile development strategy. There are three main options: native apps, mobile web, and responsive web. Native provides the best experience but is more expensive, while mobile web has broader reach but less features. Responsive web balances continuity across devices with optimized experiences. The key is understanding users, tasks, business needs, and choosing a strategy that aligns while continuing to learn from the real world outside of the building.
Responsive Web Design & the state of the Web
The document discusses responsive web design, which is an approach where design and development respond to the user's behavior and environment based on screen size, platform, and orientation. It involves flexible grids and layouts, images, and media queries to automatically adjust the website for different devices like laptops and iPads. The goal is for the website to have technology that automatically responds to the user's preferences as they switch devices.
180 Degrees East, SmartDevCon 2013, Katowice, Poland
180 Degrees East - Insights into the Mobile Web in Asia, with a closer look on the market in Hong Kong and China, its infrastructure, different devices, OS fragmentation and what it means for Responsive Web Design, App Development as well as Performance & GeoPerformance.
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.
NU Web Steering Committee - Oct 11 - Web Performance
The document discusses various techniques for improving website performance and speed. It recommends prioritizing speed to provide a better user experience with slow networks or expensive data plans. Specific techniques mentioned include minimizing HTTP requests through combining and compressing CSS and JavaScript files, leveraging HTML5 features like application caching, optimizing images, and deferring unnecessary JavaScript loading. The document emphasizes that performance impacts both users and search engines like Google.
Mobile Web Performance - Getting and Staying Fast
Slides from mine and Aaaron Peter's talk at QCon London (Mar 2014) on how to measure mobile web performance, things that affect in and how to improve it
Web Apps and Responsive Design for Libraries
This document discusses responsive web design for libraries. It argues that responsive web design, which creates a single website that adapts to different screen sizes through flexible grids and media queries, is the best approach for libraries to take for their mobile presence. Native apps, separate mobile sites, and other approaches each have drawbacks, as they require more maintenance and do not allow for a unified experience across all devices. The document advocates for a responsive design that can provide a quality experience on any device using existing web skills.
Doran-C4L2010
The document discusses getting started with mobile web app design. It provides resources for building apps, including frameworks like iUI and jQTouch. It emphasizes designing for specific mobile platforms, testing apps across browsers and devices, and following accessibility and usability guidelines. It also suggests building a staff app as a way to get feedback and test design concepts.
More Related Content
What's hot
Open Source Tools
This document provides information on various open source tools for libraries. It lists tools for web conferencing, desktop publishing, music libraries, screen casting, invoicing, surveys, public computer management, citation management, instant messaging, reference statistics, content management, blogging, online exhibits, OPACs, and course reserves. For each tool, it provides a brief description and link to the website. The document aims to introduce librarians to these free and open source software alternatives.
Canada MoodleMoot 2013 - Mobile Learning: A User Experience Perspective
Mobile is the new reality in the world of online learning. With a focus on user experience (UX), Paul will share his design insights and techniques on how to leverage Moodle to better support anytime, anywhere learning on an ever-expanding range of mobile devices.
Drawing from his own experiences in creating and designing mobile blended learning materials on a variety of platforms, Paul will present his preferred mobile design approaches and field-tested techniques. Topics will include the fundamentals of mobile learning UX, the on-going evolution of the “mobile first” design viewpoint, and the increased importance of design for emotion. Paul will also explore what open source responsive HTML frameworks, such as Twitter Bootstrap, can offer to Moodle.
Web 2.0 Presentation
The document discusses two web tools, Animoto and Glogster, that can be used in the classroom to create multimedia presentations incorporating images, music, and text. It defines key concepts like Web 2.0, SISOMO (sight, sound, and motion), and explains how Animoto and Glogster allow students to create engaging content that combines these elements and can be shared online. Examples are given of how each tool can be used for assignments and class projects.
Beckett steven project4
The document discusses why mobile websites are important and provides tips for creating good mobile websites. It notes that while Flash is currently more widely accepted, HTML5 is the future standard and is growing in popularity. It also discusses using responsive design and HTML5 versus Flash to make websites accessible across different devices.
2012bruneluniversity 120615094336-phpapp01
1) The document is a presentation by Steve Wheeler from the University of Plymouth on learning in the digital age.
2) It discusses many topics related to digital learning, including the rise of mobile devices, personal learning environments, digital natives, and challenges around assessing information online.
3) One of the key themes is that learning is evolving due to new technologies and we must adapt practices and perspectives to better support students in this changing landscape.
Virtual Worlds As A Competitive Learning Environment
Virtual worlds have been characterized as a fancy IRC client which more often than not represents a technology that is as much a barrier to the average user as it is a help. Educators are criticized as much for their lack of imagination and ingenuity in the use of these platforms when lectures and presentations are more often limited to simply being a unique way to present PowerPoint slides. This presentation discusses the reasoning behind why virtual worlds represent a competitive environment for collaborative learning despite these short comings. This discussion uses leadership theory and knowledge emergence as its theoretical framework
What's hot (6)
Canada MoodleMoot 2013 - Mobile Learning: A User Experience Perspective
Canada MoodleMoot 2013 - Mobile Learning: A User Experience Perspective
Virtual Worlds As A Competitive Learning Environment
Virtual Worlds As A Competitive Learning Environment
Similar to There is no mobile web
Content Strategy for Responsive Websites
Presentation to:
Madison Web Design & Development Meetup - February 11, 2013.
Web Content Mavens, Washington, DC - January 8, 2013.
NYC Web Design Meetup -January 24, 2013.
01 Mobile Jungle
This document discusses various myths and realities about developing for the mobile web. It begins by addressing the myth that the mobile web is the same as the desktop web. While they use the same protocols, mobile devices have smaller screens, lower bandwidth, and less processing power. The document also debunks myths such as not needing to optimize a desktop site for mobile, having one site work across all devices, and that mobile web is easy. It discusses the evolution of mobile markup languages and challenges with various devices and operating systems.
Why "mobile first" isn't enough - Developing a better user experience
"Mobile first," is a concept that serves us well as a design tool, putting constraints on our messaging, layout, etc. But to use "mobile first" as a complete mobile strategy can lead to some dangerous lines of thought.
There's a bigger picture that needs to be seen, and it's what we've always done when developing experiences for the web. We need to put the "Experience First." Then we can think about "mobile", "desktop", "lean-back", and whatever other technologies are released in the next several years. It's not about devices, it's about users and experiences.
Presentation first given at BarCamp Nashville in October of 2011.
Size Doesn't Matter
This document discusses responsive web design and the need to design for multiple screen sizes. It provides examples of frameworks like Foundation and Bootstrap that use a grid system to help layout content responsively using rows and columns. A variety of tools and resources are also listed that can help with testing sites and finding examples of responsive design.
Mobile ux sot a and challenges
This document discusses the state of mobile UX and challenges in choosing a development approach. It outlines the options of native, web, and responsive design. Native apps offer rich features but require high costs and platform fragmentation. Web apps have broad reach but limited functionality. Responsive design provides continuity across devices but not all content is equally suited. The key is understanding user needs and balancing capabilities with costs for the optimal strategy.
Mobile UX Challenges
This document discusses the state of mobile UX and challenges in choosing a development approach. It outlines the options of native apps, mobile web, and responsive design. Native apps provide the best experience but are more expensive, while mobile web has broader reach but limited features. Responsive design aims for continuity across devices but may not be optimal for all situations. The document emphasizes understanding user needs and having a clear strategy to determine the best approach for each use case and business goals.
WebMatrix jQuery Mobile Web
This is an introduction to Developing Mobile Web sites using Microsoft Webmatrix and jQuery to create rich, enganging mobile web sites. You can view the demo site http://m.movie.extremewebworks.com
Responsive Design & Beyond [Code & Creativity Workshop]
Responsive web design has taken our industry by storm and with good reason: it helps us improve our reach with less effort. But incorporating responsive design is not the goal, meeting our user’s needs is. Responsive design is not an end in itself… it’s just the beginning.
As a fitting way to kick off our new workshop series, we’ve asked two internationally-renown mobile web and responsive design experts—Brad Frost (of This is Responsive, and Pattern Lab fame) and Aaron Gustafson (author of Adaptive Web Design)—to come and teach us everything we need to know about working in this multi-device reality.
For the first part of the day, Brad and Aaron will survey the landscape of responsive design, covering:
* broad concepts,
* strategies,
* the design process & deliverables,
*emerging design patterns and principles, and
* development best practices and considerations.
Then, we’ll break into small groups to tackle some thorny responsive challenges through discussions, sketching, and maybe even a little coding while Brad & Aaron provide real-time feedback and push us to go further. At the end, we’ll share our findings with the class and get additional feedback from the experts.
Uxperts mobi 2013 soa & challenges
This document discusses the state of mobile UX and challenges in choosing a mobile development strategy. There are three main options: native apps, mobile web, and responsive web. Native provides the best experience but is more expensive, while mobile web has broader reach but less features. Responsive web balances continuity across devices with optimized experiences. The key is understanding users, tasks, business needs, and choosing a strategy that aligns while continuing to learn from the real world outside of the building.
Responsive Web Design & the state of the Web
The document discusses responsive web design, which is an approach where design and development respond to the user's behavior and environment based on screen size, platform, and orientation. It involves flexible grids and layouts, images, and media queries to automatically adjust the website for different devices like laptops and iPads. The goal is for the website to have technology that automatically responds to the user's preferences as they switch devices.
180 Degrees East, SmartDevCon 2013, Katowice, Poland
180 Degrees East - Insights into the Mobile Web in Asia, with a closer look on the market in Hong Kong and China, its infrastructure, different devices, OS fragmentation and what it means for Responsive Web Design, App Development as well as Performance & GeoPerformance.
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.
NU Web Steering Committee - Oct 11 - Web Performance
The document discusses various techniques for improving website performance and speed. It recommends prioritizing speed to provide a better user experience with slow networks or expensive data plans. Specific techniques mentioned include minimizing HTTP requests through combining and compressing CSS and JavaScript files, leveraging HTML5 features like application caching, optimizing images, and deferring unnecessary JavaScript loading. The document emphasizes that performance impacts both users and search engines like Google.
Mobile Web Performance - Getting and Staying Fast
Slides from mine and Aaaron Peter's talk at QCon London (Mar 2014) on how to measure mobile web performance, things that affect in and how to improve it
Web Apps and Responsive Design for Libraries
This document discusses responsive web design for libraries. It argues that responsive web design, which creates a single website that adapts to different screen sizes through flexible grids and media queries, is the best approach for libraries to take for their mobile presence. Native apps, separate mobile sites, and other approaches each have drawbacks, as they require more maintenance and do not allow for a unified experience across all devices. The document advocates for a responsive design that can provide a quality experience on any device using existing web skills.
Doran-C4L2010
The document discusses getting started with mobile web app design. It provides resources for building apps, including frameworks like iUI and jQTouch. It emphasizes designing for specific mobile platforms, testing apps across browsers and devices, and following accessibility and usability guidelines. It also suggests building a staff app as a way to get feedback and test design concepts.
Creating a Slick Web App Using jQTouch
According to jqtouch.com, jQTouch is a “jQuery plugin for mobile Web development on the iPhone, Android, iPod Touch, and other forward-thinking devices.” Web apps can easily be created using jQTouch, and they resemble native apps. jQTouch includes native WebKit animations, automatic navigation, extensions for geo-location and offline capabilities, and themes built specifically for mobile WebKit browsers like the above-mentioned mobile devices. In this session, Chad Mairn will explain the differences between native and Web apps, highlight some free and useful web development tools, and will then demonstrate how to install and customize jQTouch in order to help kick start your library’s mobile Web presence.
Wilson adryunne mobile_web_slides
The document discusses the growing popularity of mobile web usage, with projections that it will surpass desktop internet use by 2015. It notes that the increased use of tablets and mobile devices is driving new web design trends focused on touch interfaces over mice, with technologies like CSS3 and HTML5 making responsive design possible for a variety of screen sizes.
Mobile Presentation
Mobile devices and tablets now account for nearly 7% of all web traffic, a percentage that is growing rapidly. This means web designers need to prioritize creating sites optimized for mobile with easy navigation, fewer clicks, and a single column layout. Technologies like responsive design using HTML5 and avoiding Flash can help create mobile-friendly sites. It is important for businesses to understand their customers and develop a plan to evaluate, test, and improve their site for the growing number of mobile users.
Single Page Web Apps
The document discusses single page web apps, which allow a web app to exist on a single page without reloading the DOM. Key points made include:
- Single page apps only update parts of the page rather than reloading the entire page, improving performance.
- They allow for immediate feedback and smooth transitions between states within the app.
- While they break links and expose business logic to users who inspect elements, they reduce server load and improve mobile experiences.
- Popular tools for building single page apps include Backbone.js, SammyJS, and Brunch.
Similar to There is no mobile web (20)
Why "mobile first" isn't enough - Developing a better user experience
Why "mobile first" isn't enough - Developing a better user experience
Responsive Design & Beyond [Code & Creativity Workshop]
Responsive Design & Beyond [Code & Creativity Workshop]
180 Degrees East, SmartDevCon 2013, Katowice, Poland
180 Degrees East, SmartDevCon 2013, Katowice, Poland
Mobile Web Overview https://www.edocr.com/v/k52p5vj4/
Mobile Web Overview https://www.edocr.com/v/k52p5vj4/
NU Web Steering Committee - Oct 11 - Web Performance
NU Web Steering Committee - Oct 11 - Web Performance
Recently uploaded
[OReilly Superstream] Occupy the Space: A grassroots guide to engineering (an...
The typical problem in product engineering is not bad strategy, so much as “no strategy”. This leads to confusion, lack of motivation, and incoherent action. The next time you look for a strategy and find an empty space, instead of waiting for it to be filled, I will show you how to fill it in yourself. If you’re wrong, it forces a correction. If you’re right, it helps create focus. I’ll share how I’ve approached this in the past, both what works and lessons for what didn’t work so well.
Mutation Testing for Task-Oriented Chatbots
Conversational agents, or chatbots, are increasingly used to access all sorts of services using natural language. While open-domain chatbots - like ChatGPT - can converse on any topic, task-oriented chatbots - the focus of this paper - are designed for specific tasks, like booking a flight, obtaining customer support, or setting an appointment. Like any other software, task-oriented chatbots need to be properly tested, usually by defining and executing test scenarios (i.e., sequences of user-chatbot interactions). However, there is currently a lack of methods to quantify the completeness and strength of such test scenarios, which can lead to low-quality tests, and hence to buggy chatbots.
To fill this gap, we propose adapting mutation testing (MuT) for task-oriented chatbots. To this end, we introduce a set of mutation operators that emulate faults in chatbot designs, an architecture that enables MuT on chatbots built using heterogeneous technologies, and a practical realisation as an Eclipse plugin. Moreover, we evaluate the applicability, effectiveness and efficiency of our approach on open-source chatbots, with promising results.
zkStudyClub - LatticeFold: A Lattice-based Folding Scheme and its Application...
Folding is a recent technique for building efficient recursive SNARKs. Several elegant folding protocols have been proposed, such as Nova, Supernova, Hypernova, Protostar, and others. However, all of them rely on an additively homomorphic commitment scheme based on discrete log, and are therefore not post-quantum secure. In this work we present LatticeFold, the first lattice-based folding protocol based on the Module SIS problem. This folding protocol naturally leads to an efficient recursive lattice-based SNARK and an efficient PCD scheme. LatticeFold supports folding low-degree relations, such as R1CS, as well as high-degree relations, such as CCS. The key challenge is to construct a secure folding protocol that works with the Ajtai commitment scheme. The difficulty, is ensuring that extracted witnesses are low norm through many rounds of folding. We present a novel technique using the sumcheck protocol to ensure that extracted witnesses are always low norm no matter how many rounds of folding are used. Our evaluation of the final proof system suggests that it is as performant as Hypernova, while providing post-quantum security.
Paper Link: https://eprint.iacr.org/2024/257
HCL Notes and Domino License Cost Reduction in the World of DLAU
Webinar Recording: https://www.panagenda.com/webinars/hcl-notes-and-domino-license-cost-reduction-in-the-world-of-dlau/
The introduction of DLAU and the CCB & CCX licensing model caused quite a stir in the HCL community. As a Notes and Domino customer, you may have faced challenges with unexpected user counts and license costs. You probably have questions on how this new licensing approach works and how to benefit from it. Most importantly, you likely have budget constraints and want to save money where possible. Don’t worry, we can help with all of this!
We’ll show you how to fix common misconfigurations that cause higher-than-expected user counts, and how to identify accounts which you can deactivate to save money. There are also frequent patterns that can cause unnecessary cost, like using a person document instead of a mail-in for shared mailboxes. We’ll provide examples and solutions for those as well. And naturally we’ll explain the new licensing model.
Join HCL Ambassador Marc Thomas in this webinar with a special guest appearance from Franz Walder. It will give you the tools and know-how to stay on top of what is going on with Domino licensing. You will be able lower your cost through an optimized configuration and keep it low going forward.
These topics will be covered
- Reducing license cost by finding and fixing misconfigurations and superfluous accounts
- How do CCB and CCX licenses really work?
- Understanding the DLAU tool and how to best utilize it
- Tips for common problem areas, like team mailboxes, functional/test users, etc
- Practical examples and best practices to implement right away
"Choosing proper type of scaling", Olena Syrota
Imagine an IoT processing system that is already quite mature and production-ready and for which client coverage is growing and scaling and performance aspects are life and death questions. The system has Redis, MongoDB, and stream processing based on ksqldb. In this talk, firstly, we will analyze scaling approaches and then select the proper ones for our system.
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.
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).
"Frontline Battles with DDoS: Best practices and Lessons Learned", Igor Ivaniuk
At this talk we will discuss DDoS protection tools and best practices, discuss network architectures and what AWS has to offer. Also, we will look into one of the largest DDoS attacks on Ukrainian infrastructure that happened in February 2022. We'll see, what techniques helped to keep the web resources available for Ukrainians and how AWS improved DDoS protection for all customers based on Ukraine experience
Energy Efficient Video Encoding for Cloud and Edge Computing Instances
Energy Efficient Video Encoding for Cloud and Edge Computing Instances
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.
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.
AppSec PNW: Android and iOS Application Security with MobSF
Mobile Security Framework - MobSF is a free and open source automated mobile application security testing environment designed to help security engineers, researchers, developers, and penetration testers to identify security vulnerabilities, malicious behaviours and privacy concerns in mobile applications using static and dynamic analysis. It supports all the popular mobile application binaries and source code formats built for Android and iOS devices. In addition to automated security assessment, it also offers an interactive testing environment to build and execute scenario based test/fuzz cases against the application.
This talk covers:
Using MobSF for static analysis of mobile applications.
Interactive dynamic security assessment of Android and iOS applications.
Solving Mobile app CTF challenges.
Reverse engineering and runtime analysis of Mobile malware.
How to shift left and integrate MobSF/mobsfscan SAST and DAST in your build pipeline.
“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.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.
Introduction of Cybersecurity with OSS at Code Europe 2024
I develop the Ruby programming language, RubyGems, and Bundler, which are package managers for Ruby. Today, I will introduce how to enhance the security of your application using open-source software (OSS) examples from Ruby and RubyGems.
The first topic is CVE (Common Vulnerabilities and Exposures). I have published CVEs many times. But what exactly is a CVE? I'll provide a basic understanding of CVEs and explain how to detect and handle vulnerabilities in OSS.
Next, let's discuss package managers. Package managers play a critical role in the OSS ecosystem. I'll explain how to manage library dependencies in your application.
I'll share insights into how the Ruby and RubyGems core team works to keep our ecosystem safe. By the end of this talk, you'll have a better understanding of how to safeguard your code.
What is an RPA CoE? Session 1 – CoE Vision
In the first session, we will review the organization's vision and how this has an impact on the COE Structure.
Topics covered:
• The role of a steering committee
• How do the organization’s priorities determine CoE Structure?
Speaker:
Chris Bolin, Senior Intelligent Automation Architect Anika Systems
Recently uploaded (20)
[OReilly Superstream] Occupy the Space: A grassroots guide to engineering (an...
[OReilly Superstream] Occupy the Space: A grassroots guide to engineering (an...
Nordic Marketo Engage User Group_June 13_ 2024.pptx
Nordic Marketo Engage User Group_June 13_ 2024.pptx
Overcoming the PLG Trap: Lessons from Canva's Head of Sales & Head of EMEA Da...
Overcoming the PLG Trap: Lessons from Canva's Head of Sales & Head of EMEA Da...
zkStudyClub - LatticeFold: A Lattice-based Folding Scheme and its Application...
zkStudyClub - LatticeFold: A Lattice-based Folding Scheme and its Application...
HCL Notes and Domino License Cost Reduction in the World of DLAU
HCL Notes and Domino License Cost Reduction in the World of DLAU
Dandelion Hashtable: beyond billion requests per second on a commodity server
Dandelion Hashtable: beyond billion requests per second on a commodity server
"Frontline Battles with DDoS: Best practices and Lessons Learned", Igor Ivaniuk
"Frontline Battles with DDoS: Best practices and Lessons Learned", Igor Ivaniuk
Energy Efficient Video Encoding for Cloud and Edge Computing Instances
Energy Efficient Video Encoding for Cloud and Edge Computing Instances
Digital Banking in the Cloud: How Citizens Bank Unlocked Their Mainframe
Digital Banking in the Cloud: How Citizens Bank Unlocked Their Mainframe
Astute Business Solutions | Oracle Cloud Partner |
Astute Business Solutions | Oracle Cloud Partner |
AppSec PNW: Android and iOS Application Security with MobSF
AppSec PNW: Android and iOS Application Security with MobSF
9 CEO's who hit $100m ARR Share Their Top Growth Tactics Nathan Latka, Founde...
9 CEO's who hit $100m ARR Share Their Top Growth Tactics Nathan Latka, Founde...
“Temporal Event Neural Networks: A More Efficient Alternative to the Transfor...
“Temporal Event Neural Networks: A More Efficient Alternative to the Transfor...
Introduction of Cybersecurity with OSS at Code Europe 2024
Introduction of Cybersecurity with OSS at Code Europe 2024
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...
There is no mobile web
- 1. THERE!IS!NO MOBILE!WEB PROPUESTAS!PARA!EL!DESARROLLO!WEB MULTI"DISPOSITIVO Javier Usobiaga webcat @htmlboy 24/08/11
- 2. “ There is no Mobile Web. There is only The Web, which we view in different ways. There is also no Desktop Web. Or Tablet Web. Thank you. Stephen Hay http://www.the-haystack.com/2011/01/07/there-is-no-mobile-web
- 3. Mobile first “ Mobile devices require software development teams to focus on only the most important data and actions in an application. There simply isn't room in a 320 by 480 pixel screen for extraneous, unnecessary elements. You have to prioritize. Luke Wroblewski http://www.lukew.com/ff/entry.asp?933
- 4. Mobile first? Content first! http://adactio.com/journal/4523/
- 6. Responsive Web Design “ I know so little about you. I don’t know how you’re reading this. I can’t. Ethan Marcotte http://www.abookapart.com/products/responsive-web-design
- 9. “ Content first. Navigation second. Luke Wroblewski (y Jeremy Keith) http://adactio.com/journal/4778/
- 11. JS"Frameworks?
- 12. ¡GRACIAS!