TRANSITIONING TO WEB 3.0 Jason Withrow : : Usable Development, LLC.

Slides:

Advertisements

Similar presentations

RESPONSIVE AND MOBILE DESIGN BY: CHRIS PASQUARETTE APRIL, 2013.

Advertisements

What is jQuery Mobile? How to use it? Doncho Minkov Telerik Corporation Technical Trainer.

Responsive and Adaptive Web Design By: Chad W. Stoker (MCTS, MCP, MCAD) President & Chief Technology Officer.

Objectives Overview Define an operating system

Embedding Knowledge in HTML Some content from a presentations by Ivan Herman of the W3c.

1 Preparation for Success in Selling Learning Objectives:  Study what type of information makes up the product knowledge needed for success in selling.

Antranig Basman, CARET, University of Cambridge Aaron Zeckoski, CARET, University of Cambridge Josh Ryan, Arizona State University Colin Clark, Adaptive.

Nadine Malone. Blogs A Blog is a website where entries are written in chronological order and commonly displayed in reverse chronological order. "Blog"

School Management Software

Mobile Web The Seventh Mass Media Jason Moran Norman Diaz.

Being Responsibly Responsive Jason

RESPONSIVE DESIGN Sources: Kadlec, T. (2012). Implementing responsive design. Berkeley, California: New Riders Publishing. MarcotteMarcotte, E. (2010).

RESPONSIVE DESIGN Sources: Kadlec, T. (2012). Implementing responsive design. Berkeley, California: New Riders Publishing. MarcotteMarcotte, E. (2010).

LEARN THE QUICK AND EASY WAY! VISUAL QUICKSTART GUIDE HTML and CSS 8th Edition Chapter 12: Building Responsive Webpages.

Devices 1 billion smartphones by 2016, 350M of those being used at work People 82 % of the world's online population engages in social networking Cloud.

TUTORIAL 8: Enhancing a Web Site with Advanced CSS

 jQuery Mobile An Introduction. What is jQuery Mobile  A framework built on top of jQuery, used for creating mobile web applications  Designed to make.

‘Mobile first’ Alexander Roberts ISS Web Team Manager Swansea University.

Accessibility for Rich Internet Applications: Colin Clark, Fluid Project Technical Lead, Adaptive Technology Resource Centre Techniques & Toolkits.

Relatore: Ing. Marco Porta Correlatore: Ing. Massimo Cellario Tesi di Laurea di: Andrea Marchetti Anno Accademico 2010/2011 UNIVERSITA’ DEGLI STUDI DI.

HTML5 Accessibility Ted Drake, Yahoo! Accessibility Lab Slideshare.net/7mary4.

Requirements-definition User analysis

(1) User Interface Frameworks: Twitter Bootstrap 3.0 Philip Johnson Collaborative Software Development Laboratory Information and Computer Sciences University.

HTML5 Application Development Fundamentals

Lesson 4: Using HTML5 Markup.  The distinguishing characteristics of HTML5 syntax  The new HTML5 sectioning elements  Adding support for HTML5 elements.

Introduction to Windows 7. Desktop Maximize, Minimizing, and Restoring.

| imodules.com Making Your Site Mobile-Ready Presented by Chris Smith and Mark Werner.

WEB DESIGN USING DREAMWEAVER. The World Wide Web –A Web site is a group of related files organized around a common topic –A Web page is a single file.

Taking Your Website On The Road Technology No Where to Go.

Explain the purpose of an operating system

Copyright 2012 Adobe Systems Incorporated. All rights reserved. ® Copyright 2010 Adobe Systems Incorporated. All rights reserved. ® Copyright 2012 Adobe.

The Semantic Web and Microformats. The Semantic Web Syntax = how you say something – Letters, words, punctuation Semantics = meaning behind what you say.

Mobile Apps Accessibility standard. Discussion by Yacoob Woozeer.

HTML CSS JAVASCRIPT. HTML - Stands for Hyper Text Markup Language HTML is a ‘language’ that describes web pages. This language is a collection of codes.

Developer TECH REFRESH 15 Junho 2015 #pttechrefres h Web Going Foward.

Responsive Web Design Minjuan What is Responsive Web Design?  A site's ability to resize dynamically based on the device being used.  The.

 Wendy Trem, User Experience Practice Director  Matt Miller, User Experience Designer  Bill Wolohan, Senior ASP.NET and CRM Developer  Jim Raden,

Designing web pages for handheld mobile devices Improving the client experience.

Mobile Apps By: Audrey Byrnes. Mobile Computing ●Mobile Computing is the idea of a transportable computer that is normally used. ●Uses mobile software.

Mobile-learning. Definition Mobile learning perspectives Mobile technologies Reasons for using mobile devices.

TABLETS. What is a Tablet?  Mobile computer  Developed in last 2 decades  With display, circuitry and battery  Touch screen (no mouse or keyboard)

 Structured Data An Introduction to Semantic Web “It is very hard for search engines to understand the structure and semantics of data embedded in an.

Basics of testing mobile apps

Differences between Desktop Web Sites and Mobile Web Sites Yonglei Tao.

Use flash eBook software AnyFlip to make page flip book works seamlessly on mobile devices.

Chapter 9 Operating Systems Discovering Computers Technology in a World of Computers, Mobile Devices, and the Internet.

Understand The Use Of Technologies In Fashion Merchandising And Marketing FM 3.02.

1 Web Search What is responsive Web design? 2 Web Search Which issues does responsive Web design address and correct? 3 Web Search Read this article.

 An HTML, CSS, Javascript framework you can use as a basis for creating web sites  Uses CSS settings, fundamental HTML elements styled and enhanced.

4.01A Introduction to Web Development and Standards 4.01 Examine webpage development and design.

Raymond Wong Design Process + Case Studies.

© 2011 DigitalDay | MOBILE WEB INFORMATION ARCHITECTURE Best Practices Workshop 1.

Getting Started with HTML

Responsive Web Pages.

Targeted Video Advertising

PHP FINANCIAL TOOLS SCRIPT, FINANCIAL TOOLS PHP SCRIPTS.

Why is it important for a website to be responsive?

Embedding Knowledge in HTML

RESPONSIVE WEB DESIGN.

Responsive Design.

Introduction to Mobile Devices

Download CIW 1D0-621 Exam Latest Questions Answers - Updated 1D Braindumps - Realexamdumps.com

Web: Big Concepts Ch. 3 1/10/2019.

Chapter 3 – part2.

Computer Systems.

Enabling Mobile apps with ASP.NET MVC

Embedding Knowledge in HTML

Describe the characteristics of a personal/desktop computer and its uses, both as a standalone and networked computer Describe the characteristics of a.

17 RESPONSIVE WEB DESIGN.

Presentation transcript:

TRANSITIONING TO WEB 3.0 Jason Withrow : : Usable Development, LLC

© 2012 Jason Withrow Overview  From Web 1.0 to Web 3.0  HTML5  Improved accessibility  Richer data  Mobile computing

© 2012 Jason Withrow From Web 1.0 to Web 3.0 Web 1.0 Themes“Lets put up our information” “Lets sell some stuff!” Web 2.0 Themes“We need to focus on social interaction” “Lets share our information with others” Web 3.0 Themes“Lets make our information better” “Lets adapt this to phones and tablets”

© 2012 Jason Withrow HTML5  The promise of better accessibility and better data depends on:  Flexible document structures  The ability to customize attributes  HTML5 allows for that flexibility

© 2012 Jason Withrow ARIA  Accessible Rich Internet Applications  Despite what the name suggests, it is equally useful for web sites  Allows for structure/purpose to be conveyed as well as boundary conditions and behaviors  A much richer view of documents and interaction for screen readers

© 2012 Jason Withrow Richer Data  Various options  Microformats  RDFa  Microdata (schema.org)  All are structured data markup options for products, events, people, etc.

© 2012 Jason Withrow Responsive Design  Designs that adapt their display based on the device being used and/or its display characteristics  Typically smartphones and tablets are the target devices, but different viewport widths on desktops and laptops can also be targeted

© 2012 Jason Withrow And a Variety of Technologies  Geolocation  Local Storage  SVG  Native controls for numbers, date/time, progress meters, etc.