W3C Widgets: Apps made with Web Standards
1 like1,745 views
W3C Widgets are applications developed with web standards that can run across different mobile platforms using the browser engine. A widget consists of an index.html file, assets, and a config.xml file packaged into a .wgt file. Widgets take advantage of HTML5 features like the Application Cache, WebSQL storage, and local storage. They can run on browser runtimes including Opera Mobile, Widgeon, Windows Mobile 6.5, Nokia Qt Web Runtime, and Apache Wookie. The W3C is working to define JavaScript APIs for contacts, calendar, media capture, and messaging to provide more capabilities to widgets.
1 of 15
Downloaded 16 times
Recommended
Bruce lawson Stockholm Geek Meet
Bruce lawson Stockholm Geek Meetbrucelawson 1. Open web standards democratize the web by making it accessible to people with disabilities or without the latest hardware, and reduce reliance on any single vendor.
2. Adaptive content and responsive design allow a single website to work well on any device through techniques like CSS media queries.
3. The browser is emerging as a platform for applications through standards like HTML5, widgets, and JavaScript APIs that programmatically access device capabilities like contacts and cameras.
Bruce Lawson Opera Indonesia
Bruce Lawson Opera Indonesiabrucelawson Bruce Lawson of Opera toured Indonesian Universities discussing web standards, HTML5, CSS Media Queries and cross-device development.
Disruptive code
Disruptive codebrucelawson HTML5 is an umbrella term for new elements, JavaScript APIs, and other technologies that help make the web more app-like. It includes new semantic elements like <article>, <header>, and <footer>, built-in form validation, the <video> and <canvas> elements for embedded media, and an API for scripting media with JavaScript. While not replacing HTML 4, HTML5 aims to improve support for web applications by standardizing elements like forms that were previously done with third-party plugins. The <canvas> element allows drawing via JavaScript, mixing with external graphics, and accessing pixel data to enable new visual effects.
Web Browser as Universal client for IoT
Web Browser as Universal client for IoTJonathan Jeon It's an idea sketch using web browser as an universal client for IoT application. How do you think about this idea ?
Lesson learned from 3 years with hybrid apps
Lesson learned from 3 years with hybrid appsPatrik Malmquist We have developed large hybrid apps for a couple of years. We are sharing our experience and what to think about.
Mobile app with sencha touch
Mobile app with sencha touchfch415 This document discusses mobile app development using Sencha Touch. It begins with an introduction to the author and their experience. It then outlines different mobile app development modes including WAP, webview, hybrid, and native. Webview and hybrid approaches are noted to have disadvantages like increased memory usage and performance issues. The document proceeds to discuss Sencha Touch, highlighting its object-oriented architecture, class loading, widgets, and support for HTML5, CSS3, and MVC. It provides an example of an Android app called Poseidon developed with Sencha Touch and outlines its project organization and use of Sencha Touch libraries. It concludes with recommendations for organizing a cross-platform mobile development team using the webview approach.
Transmission2 25.11.2009
Transmission2 25.11.2009Patrick Lauke The document discusses the future of web technologies, focusing on three main areas:
1. New web standards like HTML5 that provide more capabilities without plugins through elements, forms, canvas and video. CSS3 media queries also allow adaptive content for different devices.
2. Adaptive content through media queries and responsive design can make sites work across devices that vary in screen size, input, and capabilities.
3. The browser is emerging as a platform through widgets, JavaScript APIs and the browser runtime, allowing development across devices without writing for each platform natively. Standards will make the browser a ubiquitous platform.
Gregynog 2011
Gregynog 2011gregynog The document discusses the increasing importance and usage of mobile devices for accessing the internet. It notes that within five years, more users will connect via mobile than desktop. It examines emerging mobile technologies like HTML5 and various platforms and frameworks. It also compares web apps to native apps, noting pros and cons of each. It advocates for a "mobile first" and "progressive enhancement" approach to web development.
The challenges of building mobile HTML5 applications - FEEC Brazil 2012 - Recife
The challenges of building mobile HTML5 applications - FEEC Brazil 2012 - RecifeCaridy Patino Caridy Patiño presented on the challenges of building mobile HTML5 applications. Some key challenges include browser fragmentation across devices, network failures, and the need to optimize applications for different runtime environments and adapt them for varying screen sizes and features. Patiño advocated writing applications using a single language, JavaScript, and customizing output per runtime and context while adapting the UI per form factor and feature detection. The goal is to build flexible applications that can run on multiple platforms.
Mobilise your ASP.NET website
Mobilise your ASP.NET websiteMatt Lacey This document discusses mobile web 2.0 and strategies for mobilizing ASP.NET websites. It defines mobile as being about the person rather than the device, and emphasizes context and short interactions. Key aspects of web 2.0 that apply to mobile include harnessing collective intelligence and data as the next "Intel Inside." The majority of internet usage is expected to eventually be on mobile phones. Over 17 million people in the UK use the mobile web. The document provides demonstrations of detecting mobile browsers, using CSS for small screens, optimizing images, and accounting for varying screen sizes and page structures.
Real World Windows 8 Apps in JavaScript
Real World Windows 8 Apps in JavaScriptDomenic Denicola Let’s talk about what Microsoft has given us for building ambitious, real-world Windows 8 apps in HTML5 and JavaScript—but also what’s missing, and how we can fill in the gaps.
FEDM Meetup: Introducing Mojito
FEDM Meetup: Introducing MojitoCaridy Patino Instead of Introducing Mojito, I want to recap on the state of the industry, and specifically on a new trending about frameworks and platforms that are trying to blur the line between server and client. Mojito, MeteorJS, DerbyJS and others are part of that group. I also want to provide more details about the motivations, challenges and the state of the Yahoo! Cocktails platform.
Java script everywhere
Java script everywhereMadhuka Udantha JavaScript can now be used end-to-end from backend to frontend applications. JaggeryJS is a framework that allows developers to write full web applications using only JavaScript. It provides APIs to access databases, call web services, and integrate with WSO2 products. JaggeryJS applications can be developed similarly to PHP/JSP applications, removing the need to compile or build code. Developers are now able to build rich web applications using JavaScript and common libraries across the full stack.
Web: the future is now (GUADEC 2013)
Web: the future is now (GUADEC 2013)Igalia By Claudio Saavedra.
Now that WebKit2 is a core part of Web, the GNOME community has finally closed the gap and can be proud to present its users with a browser of world-class quality. But WebKit2 is just the start: there are plenty of challenges ahead and this is the best time for us to embrace them.
In this talk we discuss the state of Web, the advantages and possibilities that WebKit2 brings to the browser, and our plans for the future.
What are some misconceptions about node js
What are some misconceptions about node jsNarola Infotech NodeJS is a cross-platform open-source framework. It is used for developing real-time and scalable network applications based on JavaScript. It was released in 2009. Since 2012, many companies have utilized node development to create a variety of helpful apps.
NodeJS employs a single-threaded paradigm with event looping. It is capable of server-side programming, which is essential in the current circumstance. Its event-driven features and open-source functionality are the reasons why developers choose NodeJS.
Going Mobile
Going MobileStephen G Stephen Gilboy presented on creating web-based mobile apps with ASP.NET, HTML5, and jQuery Mobile. He discussed how jQuery Mobile simplifies creating mobile web apps that work across platforms by handling page transitions and responsive design. He demonstrated consuming JSON data with jQuery templating to populate pages, theming apps from the web.config, and going native with PhoneGap. The presentation provided an overview of building robust mobile apps using existing web development skills.
Making your site mobile-friendly - Standards-Next 12.06.2010
Making your site mobile-friendly - Standards-Next 12.06.2010Patrick Lauke The document discusses making websites mobile-friendly by either doing nothing and relying on mobile browsers, creating a separate mobile site, or using a single adaptive site with fluid layouts, progressive enhancement, and CSS media queries to dynamically adjust the design for different screen sizes. It provides tips for optimizing sites for mobile such as minimizing data and server requests through image compression, JavaScript minification, and CSS combining.
Kendo UI 101
Kendo UI 101Sam Basu This document discusses Kendo UI, a JavaScript framework for building interactive and mobile-friendly user interfaces. It notes that while many mature server-side technologies exist, modern browsers allow more to be done client-side. Kendo UI provides UI widgets, templates, and other features to build cross-platform applications using HTML5, CSS3, and JavaScript. It works with technologies like jQuery and plays well with others. The document also briefly discusses different types of web and mobile developers and their perspectives before inviting the reader to learn more about Kendo UI.
Course Document
Course DocumentClarence Ngoh This document is a syllabus for a front-end development course. It will teach students how to build web applications using HTML, CSS, and JavaScript by creating responsive web pages, using frameworks like Meteor.js, and incorporating third-party APIs and libraries. Students will start by building a basic web application from scratch and by the end of the course will host their completed application online for public use. The course focuses on hands-on coding rather than theory and provides an overview of key front-end technologies and concepts.
HTML5 and friends - JISC CETIS Conference 2010 Nottingham 15.11.2010
HTML5 and friends - JISC CETIS Conference 2010 Nottingham 15.11.2010Patrick Lauke 1) HTML5 provides new semantic elements, forms, and multimedia capabilities without plugins, but browser support is still evolving.
2) Key HTML5 features include new elements <header>, <footer>, <video>, <audio>, improved forms, and the <canvas> element for scriptable drawing.
3) While HTML5 aims to standardize current browser behaviors, some older browsers still require extra code for full support of new features. Feature detection and polyfills can help provide support across browsers.
Firefox & HTML5
Firefox & HTML5dynamis This document appears to be the slides for a presentation given by Tomoya Asai on Firefox and HTML5 at the OSC 2010 Tokyo/Spring conference. It includes links to examples and resources related to new and emerging HTML5 features in Firefox such as CSS gradients, geolocation, device orientation detection, WebGL, JSON, and autobuffering video. The slides provide examples of how these features can be used and link to developer documentation on Mozilla.org.
Brave new world of HTML5 - WebTech 2010 Milano 09.11.2010
Brave new world of HTML5 - WebTech 2010 Milano 09.11.2010Patrick Lauke HTML5 provides new semantic elements, forms, and multimedia capabilities without plugins. While support is still evolving, HTML5 can be used today with feature detection and polyfills for older browsers. Key features include <video>, <audio>, <canvas>, geolocation, and application cache APIs. HTML5 aims to unify browser support for emerging web standards, but support varies - it is best to use progressive enhancement and have fallback options. Overall HTML5 enhances the web platform, but may not completely replace other technologies like Flash in the near future.
WordPress Multisite Q&A
WordPress Multisite Q&APatrick Johanneson I prepared a set of slides for my Multisite Q&A at the WordPress Winnipeg meetup, in case there weren't enough Qs. I ended up not needing them (though a couple of them came in handy when answering the questions). Anyway, here's the slideshow, if you're interested.
HTML5 and friends - standards>next Manchester 24.11.2010
HTML5 and friends - standards>next Manchester 24.11.2010Patrick Lauke HTML5 provides new semantic elements, forms, and multimedia capabilities. While support is still evolving, HTML5 can be used today with feature detection and polyfills. HTML5 standardizes current browser behaviors and introduces <video>, <audio>, <canvas>, and geolocation APIs to make sites work without plugins. Developers should use progressive enhancement to support all browsers as HTML5 and Flash provide alternative solutions.
Write Once, Run Everywhere: Can JavaScript deliver what Java promised?
Write Once, Run Everywhere: Can JavaScript deliver what Java promised?Jonas Bandi The topic of the 37th Berner Architekten-Treffen was:
“Not only Java — Programming Languages in the Enterprise”.
I am happy that I was invited to give a talk about the JavaScript ecosystem of today.
Here are the slides of my 30 min talk.
Intro to Web Development from Bloc.io
Intro to Web Development from Bloc.ioDouglas Wright Learn about web development, MVC frameworks, CRUD applications. Learn about Git, Github and Heroku, and how to create a basic Ruby on Rails web application.
Video synced interactive web visualisations
Video synced interactive web visualisationsEastMidsLT The document discusses synchronizing interactive data visualizations with video presentations using JavaScript libraries like Popcorn.js, D3.js, and JSmol. It provides an example of syncing a JSmol molecular structure viewer with educational video content to allow interactive exploration of molecular structures as they are discussed. Code examples are given to load different molecular representations and animations at specific timestamps using the Popcorn.js library.
Burp-ing through your cryptography shield
Burp-ing through your cryptography shieldDefCamp Cosmin Radu in Bucharest, Romania on November 8-9th 2018 at DefCamp #9.
The slides and other presentations can be found on https://def.camp/archive
HTML5 and CSS 3
HTML5 and CSS 3brucelawson The document discusses the origins and development of HTML5. It describes how in 2004, the W3C was focused on XHTML 2.0 but browser developers grew concerned about single-vendor solutions filling gaps without standards. Opera submitted a paper to the W3C proposing a unified web applications standard with principles like backwards compatibility and avoiding device-specific profiling. This led to the WHATWG forming in 2004 to develop new web standards, producing HTML5. The document outlines key HTML5 design principles and new features like SVG, CSS, geolocation and forms.
Why Open Web Standards are cool and will save the world. Or the Web, at least.
Why Open Web Standards are cool and will save the world. Or the Web, at least.brucelawson Open web standards are beneficial because they make the full web accessible to more people and devices, reduce reliance on single vendors, and can increase profits. Some key benefits of open standards include being royalty-free and not tied to specific vendors. HTML5 introduces new form elements, canvas, video, and audio elements to standardize functionality without plugins. With tools like CSS media queries and W3C widgets, content can be adapted for different devices by using the browser as a platform instead of each device's native operating system, bringing the web to more users.
More Related Content
What's hot (20)
The challenges of building mobile HTML5 applications - FEEC Brazil 2012 - Recife
The challenges of building mobile HTML5 applications - FEEC Brazil 2012 - RecifeCaridy Patino Caridy Patiño presented on the challenges of building mobile HTML5 applications. Some key challenges include browser fragmentation across devices, network failures, and the need to optimize applications for different runtime environments and adapt them for varying screen sizes and features. Patiño advocated writing applications using a single language, JavaScript, and customizing output per runtime and context while adapting the UI per form factor and feature detection. The goal is to build flexible applications that can run on multiple platforms.
Mobilise your ASP.NET website
Mobilise your ASP.NET websiteMatt Lacey This document discusses mobile web 2.0 and strategies for mobilizing ASP.NET websites. It defines mobile as being about the person rather than the device, and emphasizes context and short interactions. Key aspects of web 2.0 that apply to mobile include harnessing collective intelligence and data as the next "Intel Inside." The majority of internet usage is expected to eventually be on mobile phones. Over 17 million people in the UK use the mobile web. The document provides demonstrations of detecting mobile browsers, using CSS for small screens, optimizing images, and accounting for varying screen sizes and page structures.
Real World Windows 8 Apps in JavaScript
Real World Windows 8 Apps in JavaScriptDomenic Denicola Let’s talk about what Microsoft has given us for building ambitious, real-world Windows 8 apps in HTML5 and JavaScript—but also what’s missing, and how we can fill in the gaps.
FEDM Meetup: Introducing Mojito
FEDM Meetup: Introducing MojitoCaridy Patino Instead of Introducing Mojito, I want to recap on the state of the industry, and specifically on a new trending about frameworks and platforms that are trying to blur the line between server and client. Mojito, MeteorJS, DerbyJS and others are part of that group. I also want to provide more details about the motivations, challenges and the state of the Yahoo! Cocktails platform.
Java script everywhere
Java script everywhereMadhuka Udantha JavaScript can now be used end-to-end from backend to frontend applications. JaggeryJS is a framework that allows developers to write full web applications using only JavaScript. It provides APIs to access databases, call web services, and integrate with WSO2 products. JaggeryJS applications can be developed similarly to PHP/JSP applications, removing the need to compile or build code. Developers are now able to build rich web applications using JavaScript and common libraries across the full stack.
Web: the future is now (GUADEC 2013)
Web: the future is now (GUADEC 2013)Igalia By Claudio Saavedra.
Now that WebKit2 is a core part of Web, the GNOME community has finally closed the gap and can be proud to present its users with a browser of world-class quality. But WebKit2 is just the start: there are plenty of challenges ahead and this is the best time for us to embrace them.
In this talk we discuss the state of Web, the advantages and possibilities that WebKit2 brings to the browser, and our plans for the future.
What are some misconceptions about node js
What are some misconceptions about node jsNarola Infotech NodeJS is a cross-platform open-source framework. It is used for developing real-time and scalable network applications based on JavaScript. It was released in 2009. Since 2012, many companies have utilized node development to create a variety of helpful apps.
NodeJS employs a single-threaded paradigm with event looping. It is capable of server-side programming, which is essential in the current circumstance. Its event-driven features and open-source functionality are the reasons why developers choose NodeJS.
Going Mobile
Going MobileStephen G Stephen Gilboy presented on creating web-based mobile apps with ASP.NET, HTML5, and jQuery Mobile. He discussed how jQuery Mobile simplifies creating mobile web apps that work across platforms by handling page transitions and responsive design. He demonstrated consuming JSON data with jQuery templating to populate pages, theming apps from the web.config, and going native with PhoneGap. The presentation provided an overview of building robust mobile apps using existing web development skills.
Making your site mobile-friendly - Standards-Next 12.06.2010
Making your site mobile-friendly - Standards-Next 12.06.2010Patrick Lauke The document discusses making websites mobile-friendly by either doing nothing and relying on mobile browsers, creating a separate mobile site, or using a single adaptive site with fluid layouts, progressive enhancement, and CSS media queries to dynamically adjust the design for different screen sizes. It provides tips for optimizing sites for mobile such as minimizing data and server requests through image compression, JavaScript minification, and CSS combining.
Kendo UI 101
Kendo UI 101Sam Basu This document discusses Kendo UI, a JavaScript framework for building interactive and mobile-friendly user interfaces. It notes that while many mature server-side technologies exist, modern browsers allow more to be done client-side. Kendo UI provides UI widgets, templates, and other features to build cross-platform applications using HTML5, CSS3, and JavaScript. It works with technologies like jQuery and plays well with others. The document also briefly discusses different types of web and mobile developers and their perspectives before inviting the reader to learn more about Kendo UI.
Course Document
Course DocumentClarence Ngoh This document is a syllabus for a front-end development course. It will teach students how to build web applications using HTML, CSS, and JavaScript by creating responsive web pages, using frameworks like Meteor.js, and incorporating third-party APIs and libraries. Students will start by building a basic web application from scratch and by the end of the course will host their completed application online for public use. The course focuses on hands-on coding rather than theory and provides an overview of key front-end technologies and concepts.
HTML5 and friends - JISC CETIS Conference 2010 Nottingham 15.11.2010
HTML5 and friends - JISC CETIS Conference 2010 Nottingham 15.11.2010Patrick Lauke 1) HTML5 provides new semantic elements, forms, and multimedia capabilities without plugins, but browser support is still evolving.
2) Key HTML5 features include new elements <header>, <footer>, <video>, <audio>, improved forms, and the <canvas> element for scriptable drawing.
3) While HTML5 aims to standardize current browser behaviors, some older browsers still require extra code for full support of new features. Feature detection and polyfills can help provide support across browsers.
Firefox & HTML5
Firefox & HTML5dynamis This document appears to be the slides for a presentation given by Tomoya Asai on Firefox and HTML5 at the OSC 2010 Tokyo/Spring conference. It includes links to examples and resources related to new and emerging HTML5 features in Firefox such as CSS gradients, geolocation, device orientation detection, WebGL, JSON, and autobuffering video. The slides provide examples of how these features can be used and link to developer documentation on Mozilla.org.
Brave new world of HTML5 - WebTech 2010 Milano 09.11.2010
Brave new world of HTML5 - WebTech 2010 Milano 09.11.2010Patrick Lauke HTML5 provides new semantic elements, forms, and multimedia capabilities without plugins. While support is still evolving, HTML5 can be used today with feature detection and polyfills for older browsers. Key features include <video>, <audio>, <canvas>, geolocation, and application cache APIs. HTML5 aims to unify browser support for emerging web standards, but support varies - it is best to use progressive enhancement and have fallback options. Overall HTML5 enhances the web platform, but may not completely replace other technologies like Flash in the near future.
WordPress Multisite Q&A
WordPress Multisite Q&APatrick Johanneson I prepared a set of slides for my Multisite Q&A at the WordPress Winnipeg meetup, in case there weren't enough Qs. I ended up not needing them (though a couple of them came in handy when answering the questions). Anyway, here's the slideshow, if you're interested.
HTML5 and friends - standards>next Manchester 24.11.2010
HTML5 and friends - standards>next Manchester 24.11.2010Patrick Lauke HTML5 provides new semantic elements, forms, and multimedia capabilities. While support is still evolving, HTML5 can be used today with feature detection and polyfills. HTML5 standardizes current browser behaviors and introduces <video>, <audio>, <canvas>, and geolocation APIs to make sites work without plugins. Developers should use progressive enhancement to support all browsers as HTML5 and Flash provide alternative solutions.
Write Once, Run Everywhere: Can JavaScript deliver what Java promised?
Write Once, Run Everywhere: Can JavaScript deliver what Java promised?Jonas Bandi The topic of the 37th Berner Architekten-Treffen was:
“Not only Java — Programming Languages in the Enterprise”.
I am happy that I was invited to give a talk about the JavaScript ecosystem of today.
Here are the slides of my 30 min talk.
Intro to Web Development from Bloc.io
Intro to Web Development from Bloc.ioDouglas Wright Learn about web development, MVC frameworks, CRUD applications. Learn about Git, Github and Heroku, and how to create a basic Ruby on Rails web application.
Video synced interactive web visualisations
Video synced interactive web visualisationsEastMidsLT The document discusses synchronizing interactive data visualizations with video presentations using JavaScript libraries like Popcorn.js, D3.js, and JSmol. It provides an example of syncing a JSmol molecular structure viewer with educational video content to allow interactive exploration of molecular structures as they are discussed. Code examples are given to load different molecular representations and animations at specific timestamps using the Popcorn.js library.
Burp-ing through your cryptography shield
Burp-ing through your cryptography shieldDefCamp Cosmin Radu in Bucharest, Romania on November 8-9th 2018 at DefCamp #9.
The slides and other presentations can be found on https://def.camp/archive
Viewers also liked (20)
HTML5 and CSS 3
HTML5 and CSS 3brucelawson The document discusses the origins and development of HTML5. It describes how in 2004, the W3C was focused on XHTML 2.0 but browser developers grew concerned about single-vendor solutions filling gaps without standards. Opera submitted a paper to the W3C proposing a unified web applications standard with principles like backwards compatibility and avoiding device-specific profiling. This led to the WHATWG forming in 2004 to develop new web standards, producing HTML5. The document outlines key HTML5 design principles and new features like SVG, CSS, geolocation and forms.
Why Open Web Standards are cool and will save the world. Or the Web, at least.
Why Open Web Standards are cool and will save the world. Or the Web, at least.brucelawson Open web standards are beneficial because they make the full web accessible to more people and devices, reduce reliance on single vendors, and can increase profits. Some key benefits of open standards include being royalty-free and not tied to specific vendors. HTML5 introduces new form elements, canvas, video, and audio elements to standardize functionality without plugins. With tools like CSS media queries and W3C widgets, content can be adapted for different devices by using the browser as a platform instead of each device's native operating system, bringing the web to more users.
Bruce Lawson, Web Development 2.0, SparkUp! Poznan Poland
Bruce Lawson, Web Development 2.0, SparkUp! Poznan Polandbrucelawson Forget the empty "Web 2.0" buzzword! Web development, however, is changing. In this session, Bruce gives and overview of HTML5, its intelligent forms, scriptable images and native video. Together with CSS3 and SVG, it will change the way you work making it easier to develop exciting applications. The emergence of more and more Web-enabled devices presents headaches: do you write and test many sites for different devices, or make one site for all? Some simple techniques help you write one site to work everywhere, saving you time and grey hairs. Web development 2.0: Web workers of the world, relax!
HTML5 multimedia - where we are, where we're going
HTML5 multimedia - where we are, where we're goingbrucelawson The document discusses the development of HTML5 multimedia capabilities. It describes an experimental <video> element being implemented by Opera that provides a simple JavaScript API for controlling video playback. Issues around choosing a baseline video format that is universally supported are also discussed, along with considerations for audio formats and giving users options to play video across different browsers. The maturity of various HTML5 multimedia features is assessed.
HTML5 Multimedia Accessibility
HTML5 Multimedia Accessibilitybrucelawson A brief rollerskate along HTML5 multimedia beach, in which we pop into the soda shop of subtitling and the ice-cream parlour of synchronised media, before we incongruously pop into the igloo of JavaScript access to the camera (because I pulled in from slides from another presso after we talked about it in an earlier presentation).
Web Anywhere: Mobile Optimisation With HTML5, CSS3, JavaScript
Web Anywhere: Mobile Optimisation With HTML5, CSS3, JavaScriptbrucelawson Bruce Lawson's South By Southwest 2011 talk: philosophy, 3 methodologies and optimisation tips and tricks for making web sites that work across devices.
Html5 oslo-code-camp
Html5 oslo-code-campbrucelawson Bruce Lawson gave a presentation on HTML5 and why it was created. Some key points:
- HTML5 was created to better support web applications as existing technologies like HTML 4 were not adequately serving this area.
- It provides new semantic elements, rich forms, video/audio elements, and JavaScript APIs to build powerful web applications without Flash/Silverlight.
- It aims to balance backwards compatibility, new features, interoperability, and accessibility.
Bruce lawson-html5-aria-japan
Bruce lawson-html5-aria-japanbrucelawson HTML5 includes many built-in accessibility features through native semantics, reducing but not eliminating the need for WAI-ARIA. WAI-ARIA remains useful for supplementing features not natively supported by HTML5 and for legacy content, but where HTML5 provides equivalent accessibility, its native features should be used rather than WAI-ARIA. While many ARIA roles and states are now implied in HTML5, not all are covered, and screen readers may not fully support implied semantics.
HTML5 Who what where when why how
HTML5 Who what where when why howbrucelawson HTML5 is an umbrella term for new HTML elements and JavaScript APIs that provide richer semantics and interactions on the web. Some key features of HTML5 include new elements like <video>, <audio>, and <canvas>, offline application caching, local storage, and geolocation. HTML5 aims to make the web more app-like without plugins by standardizing media playback, graphics, offline support, and other capabilities in a way that works across browsers. The specification is developed through the joint efforts of browser vendors to provide a common set of features that work consistently on different browsers without needing plugins.
HTML5 Multimedia: where we are, where we're going
HTML5 Multimedia: where we are, where we're goingbrucelawson A much-hyped feature of HTML5 is native multimedia. In this session we’ll look at embedding <audio> and <video> into your pages, and how to make it work cross-browser and degrade gracefully in older browsers. Sound too good to be true? It’s not!
We’ll look at the pros and the cons of HTML5 multimedia and see how to write simple controls with JavaScript. Most excitingly, we’ll also look at how HTML5 builds in support for subtitles and captions for multimedia accessibility. And you might pick up a Turkish dancing tip on the way.
---
Edited version of my Web Directions London talk on 26 May 2011. Slides that don't make sense out of context are removed.
openMIC barcamp 11.02.2010
openMIC barcamp 11.02.2010Patrick Lauke This document compares native applications, web applications, and widgets for mobile devices. Native applications have direct access to device features but must be developed for each platform. Web applications can be written once and deployed anywhere but run inside the browser without direct device access. Widgets combine the cross-platform capabilities of web applications with the ability to access device features and run standalone like native applications.
HTML5 and XHTML2
HTML5 and XHTML2Michael(tm) Smith This document provides an overview of HTML5 and XHTML2. It discusses the history of each standard, including periods where work took place outside the W3C. Key differences are that HTML5 focuses on evolving the existing web incrementally to support applications, while XHTML2 aimed to switch to a more declarative XML-based approach. HTML5 is natively supported in browsers, while XHTML2 likely remains most useful for server-side authoring.
Node.js, le pavé dans la mare
Node.js, le pavé dans la mareValtech Au coeur des applications Web riches, de HTML5 ou des applications Web mobiles, JavaScript est désormais incontournable. Sa communauté très dynamique a contribué à créer un écosystème complet pour répondre aux problématiques courantes de test, qualité du code ou intégration continue comme l'a fait avant elle la communauté Java il y a pas loin de dix ans... Parmi les projets les plus observés du moment, c'est curieusement côté serveur que JavaScript fait le plus parler de lui avec Node.js, un environnement de développement Web qui cultive sa différence.
Téléchargement du Coding Kata :
Open Annotation Collaboration Briefing
Open Annotation Collaboration BriefingTimothy Cole The document summarizes a meeting of the Open Annotation Collaboration (OAC) project team. The OAC aims to develop an interoperable annotation model and specification to facilitate sharing annotations across systems. In phase 1, the OAC will analyze existing annotation practices, develop a data model and specification, integrate annotation tools into Zotero, and create a proof-of-concept implementation.
W3C/Webkit test integration presentation
W3C/Webkit test integration presentationjacobg415 Presentation on integration of W3C and WebKit test
HTML5 APIs - native multimedia support and beyond - University of Leeds 05.05...
HTML5 APIs - native multimedia support and beyond - University of Leeds 05.05...Patrick Lauke This document provides an overview of various HTML5 APIs for multimedia, including native <video> and <audio> elements, the <canvas> element for scriptable graphics, and geolocation APIs. It discusses key considerations around supporting different media formats in <video> and <audio> and controlling media playback via JavaScript. The document also briefly introduces other HTML5 APIs for offline applications, local storage, and databases. It emphasizes the importance of feature detection over browser sniffing for progressive enhancement.
Making your site mobile-friendly / RIT++
Making your site mobile-friendly / RIT++Patrick Lauke Expanded version of my "Making your site mobile-friendly" speed talk, delivered via Skype for the Russian Internet Technology (RIT) conference, Moscow, 12 April 2010
The Future of Books - Creating New Value from Reading
The Future of Books - Creating New Value from ReadingUpstart - Breakthrough Strategy Presentation made at The Future of Books at Olswang March 19 along with Gerd Leonhard, Media Futurist and Clive Rich, Rich Futures.
Staying in the fast lane - tools to keep your site speedy and light
Staying in the fast lane - tools to keep your site speedy and lightstefanjudis Talk including tips and tricks on how to bring up a performance culture showing of various tools to monitor performance related metrics.
Similar to W3C Widgets: Apps made with Web Standards (20)
Google presentation: The Open Web goes mobile
Google presentation: The Open Web goes mobilePeter-Paul Koch The document discusses the challenges of developing websites for mobile browsers, including small memory, small displays, flaky browsers, and flaky connections. It proposes W3C Widgets as a solution, which are applications created with open web standards (HTML/CSS/JavaScript) that can run across different mobile platforms. W3C Widgets download only necessary data files rather than all code files on each page load. The document advocates for W3C Widgets as a cross-platform solution and calls on browser developers like Google to support them in addition to their own app systems by providing ways to associate widgets files with browsers and access to device APIs securely.
Webtech 17.11.2009
Webtech 17.11.2009Patrick Lauke The document discusses emerging web technologies including:
1. New web standards like HTML5, canvas, and video that provide richer content without plugins.
2. Adaptive content approaches like CSS media queries that allow content to respond to different device capabilities.
3. Using the browser as a platform for applications through widgets and Opera Unite, which leverage web standards and APIs to create cross-device apps without native software.
Bruce lawson-over-the-air
Bruce lawson-over-the-airbrucelawson A general overview of HTML5, CSS 3, CSS Meedia Queries, mobile, DAP.
You might find the organically-grown hand-selected list-of-links-o-rama™ at http://my.opera.com/ODIN/blog/over-the-air-2010-bruce-lawsons-web-developments-2-0-talk to be useful.
Mobile Widgets Development
Mobile Widgets DevelopmentMaximiliano Firtman This document discusses mobile widgets and their development. Mobile widgets are offline-capable mobile applications that appear as icons in the device's apps menu and are built using HTML, CSS, JavaScript and AJAX. They are supported on platforms like WebOS and Android. The document outlines the benefits and challenges of mobile widgets, compares different widget platforms, and discusses how to build cross-platform mobile widgets.
Inside Mobile Widgets Publish
Inside Mobile Widgets Publish360|Conferences This document discusses mobile widgets and their development. Mobile widgets are offline-capable mobile applications that appear as icons in the device's apps menu and are built using HTML, CSS, JavaScript and AJAX. They are supported on platforms like WebOS and Android. The document outlines the benefits and challenges of mobile widgets, compares different widget platforms, and discusses how to build cross-platform mobile widgets.
Uni Tour Germany 11.2009
Uni Tour Germany 11.2009Patrick Lauke The document discusses Opera Education and provides information about university seminars, student representatives, web standards curriculum, and summer internships offered by Opera. It also provides details on how to learn more through email or their education website, which has information on internships, student programs, and forums.
S60 3rd FP2 Widgets
S60 3rd FP2 Widgetsromek The document discusses S60 web widgets. It begins by explaining how web browsers function as runtime platforms and how widgets are standalone web applications that run locally like native apps. It then covers desktop and mobile widgets, how widgets leverage existing web technologies, and how they integrate into the S60 user experience. The remainder of the document discusses the widget framework, including required files like the info.plist manifest and how HTML, CSS, and JavaScript are used to build the widget interface.
Vodafone Widget Camp
Vodafone Widget CampPeter-Paul Koch Flaky browsers and connections present challenges for mobile web development. W3C Widgets offer a solution by allowing developers to create local applications using HTML, CSS, and JavaScript that run like native apps on any browser or device. Key aspects of widgets include their configuration file, widget object and methods, and security considerations when accessing device APIs. While still an emerging technology, widgets show promise as a cross-platform solution if browser support increases and issues around debugging, updating and security are addressed.
S60 Web Runtime - Web2.0 Expo Europe 2008
S60 Web Runtime - Web2.0 Expo Europe 2008petrosoininen The document discusses S60 Web Runtime widgets and Forum Nokia developer programs. It provides information on distributing widgets through Nokia and non-Nokia channels. It also describes the widget runtime infrastructure and ingredients like XHTML, CSS, and JavaScript. The document outlines some platform services available to widgets and unofficial ways to access more system resources through a localhost connection or browser plugin.
Nokia Web-Runtime Presentation (Phong Vu)
Nokia Web-Runtime Presentation (Phong Vu)Daniel Appelquist Nokia Web Runtime Web Widget Development Presentation for Mobile Widget Camp Austin (Delivered 7 September 2008)
Html5 Apps
Html5 AppsNikolai Onken This document discusses HTML5 apps and different approaches for building cross-platform apps, including PhoneGap, W3C Widgets, and other runtimes. It notes that HTML5 apps can access device APIs like the camera and GPS through frameworks like PhoneGap. It also summarizes pros and cons of different approaches, such as PhoneGap providing access to many device APIs but not being a standard, and W3C Widgets being very simple to create but only supporting a few APIs.
HTML5 and the Mobile Web
HTML5 and the Mobile WebMrJ1971 HTML 5 and associated technologies like CSS3 are making the mobile web more capable. Key points include:
- HTML5 introduces tags for audio, video, offline storage and caching that allow richer mobile web applications.
- CSS3 adds features like shadows, gradients, rounded corners, transitions and 3D transforms that improve visuals on mobile.
- Gesture events in WebKit allow detection of swipes, pinches and other gestures on touchscreens.
- HTML5 APIs for local storage, databases and the application cache enable offline functionality in mobile web apps.
- While support varies, most mobile browsers now support many HTML5 and CSS3 features, allowing enhanced mobile web experiences.
Android
Androidscottw This is the set of slides for a talk I gave at the Londroid (London Android) meetup on 15th April 2010.
Widgets Final
Widgets Finalpetrosoininen The document discusses the potential of mobile widgets to provide a simpler user experience on mobile devices compared to full web browsers. It outlines how widgets can offer lower data usage and costs while providing instant access to content and services. The document also describes Nokia's S60 Web Runtime environment which allows developers to create widgets using web technologies like HTML, CSS, and JavaScript, enabling many existing web developers to create widgets. It notes widgets can leverage both web APIs and platform services on S60 devices.
Mobile Device APIs
Mobile Device APIsJames Pearce Thoughts on the past, present and future of device APIs for (mostly mobile) web developers. NB: is probably out of date already.
Vodafone Mobile Widgets Workshop
Vodafone Mobile Widgets WorkshopDaniel Herzog This document summarizes a mobile widgets workshop. It discusses the features of mobile widgets, including support for HTML, JavaScript, CSS and more. It also outlines the SDK and workflow for developing mobile widgets, including using the Vodafone SDK to test widgets on desktops and mobiles, using the Opera Desktop to test and debug, and developing cross-browser. Resources for mobile widget development are also provided.
Widgets and Mashups for Personal and Institutional Technologies 
Widgets and Mashups for Personal and Institutional Technologies scottw Scott Wilson is a researcher who works on widget and mashup technologies. He discusses how personal devices are increasingly internet-connected with various capabilities. This complexity poses challenges for institutions but also opportunities to create applications using open web standards like W3C widgets. Widgets allow embedding web content across devices and contexts and can be used to create cross-device and multi-device applications through adaptation. Standards will continue commodifying new device capabilities for web use in the coming years.
HTML5/CSS3 and Future Web in Mobile and IPTV
HTML5/CSS3 and Future Web in Mobile and IPTVManyoung Cho This document discusses the future of web development with HTML5, CSS3, and new JavaScript APIs. It provides an overview of the history and purpose of HTML5, new elements and forms in HTML5, and new capabilities in CSS3 like transforms, animations, and web fonts. It also covers new technologies like canvas, video, and SVG. The document argues that the web is becoming a platform for independent, standalone applications on both desktop and mobile devices. It presents examples of how the web is expanding into markets like TVs, smartphones, consumer electronics, and more.
Making mobile apps with web technology (revised)
Making mobile apps with web technology (revised)Manyoung Cho Only web technology can gurantee cross device, cross platform application. This is true beauty of web standard technology. This will be next generation development of application development in CE market.
Jornada Desarrolladores: WAC: 'Wholesale Applications Community' 
Jornada Desarrolladores: WAC: 'Wholesale Applications Community' videos The document discusses the evolution of mobile application development from native apps to mobile web apps. It describes how the Open Web Platform is catching up to native apps in capabilities like geolocation and media, though native apps still have advantages in performance and discovery. The document then outlines the Wholesale Applications Community (WAC) alliance between telecom operators, which aims to accelerate the market for mobile web apps by providing device and network APIs to developers and enabling apps to run across multiple carriers. Finally, it discusses the ongoing work of WAC to close remaining gaps and deploy HTML5-based open web devices.
More from brucelawson (7)
Bruce Lawson: Progressive Web Apps: the future of Apps
Bruce Lawson: Progressive Web Apps: the future of Appsbrucelawson Native Apps, like Flash, are a bridging technology. Progressive Web Apps are a new suite of technologies that combine the user experience of native, with the immediacy and reach of the web. Learn why we have them, and how to make them.
You too can be a bedwetting antfucker: Bruce Lawson, Opera, Fronteers 2011
You too can be a bedwetting antfucker: Bruce Lawson, Opera, Fronteers 2011brucelawson What new semantics does HTML5 bring us? Why? Are they enough? What more could we do with? Do semantics matter any more (tl;dr:) yes.
Video and transcript at http://fronteers.nl/congres/2011/sessions/html5-semantics-bruce-lawson
HTML5 and Accessibility sitting in a tree
HTML5 and Accessibility sitting in a treebrucelawson 21 September 2011 presentation to Accessibility London (#a11yldn) unconference on HTML5 and accessibility by Bruce Lawson of Opera.
Leveraging HTML 5.0
Leveraging HTML 5.0brucelawson Social Media for Mobile Search Engine Optimisaton
Super-hot HTML 5.0 tag elements to increase your buisness’es social mindshare
Bruce Lawson HTML5 South By SouthWest presentation
Bruce Lawson HTML5 South By SouthWest presentationbrucelawson "Tales from the development trenches": my talk about development of HTML5 and developing with HTML5, including new intelligent forms, canvas and open video.
Practical Tips for Mobile Widget development
Practical Tips for Mobile Widget developmentbrucelawson A talk on 11 February 2010 at OpenMIC Bath on developing mobile phone and cross-device applications with HTML, CSS, JavaScript, SVG and W3C widgets,
Also general advice on designing "mobile-friendly" web sites.
(Note: I deleted some of the "eye-candy" graphics to reduce the file size to the 1Meg upload limit)
Standards.next: HTML - Are you mything the point?
Standards.next: HTML - Are you mything the point?brucelawson The document provides an overview of new features in HTML5 such as structural elements, canvas graphics, improved forms, and video embedding. It notes that some structural elements and graphics capabilities can be used now, while video support varies across browsers. The document encourages checking out examples of the new features and links to additional resources on HTML5.
Recently uploaded (20)
EEN Decentralized Online Training on AI & Green Innovation at Standort Tirol
EEN Decentralized Online Training on AI & Green Innovation at Standort TirolMIPLM Presentation on AI & Green Innovation by Prof. Dr. Alexander Wurzer
OwnAir - Your Cinema Everywhere | Business Plan
OwnAir - Your Cinema Everywhere | Business PlanAlessandro Masi Own Air is a film distributor specializing in tailored digital and day-and-date releases for quality independent and festival-driven content. This is a strategic deck for potential partnerships. This is a business plan for potential investors primarily. Copyright 2012. All rights reserved.
Smart Support, Virtually Delivered: Powering Productivity with OnestopDA
Smart Support, Virtually Delivered: Powering Productivity with OnestopDAOnestopDA In today’s fast-paced digital world, administrative efficiency is key to business success. This presentation explores how Virtual Administrative Support is revolutionizing operations for startups, small businesses, and enterprises alike.
Through this session, discover how OnestopDA empowers organizations by providing expert remote assistance tailored to your business needs—freeing your team to focus on growth, innovation, and strategic goals.
We’ll cover the core responsibilities of virtual assistants, the technologies that streamline collaboration, and real-world success stories that showcase the transformative power of virtual support. Whether you're overwhelmed with admin tasks or looking to scale sustainably, OnestopDA offers a smart, flexible, and cost-effective solution.
Creative Pathways to Market for Climate Enterprises
Creative Pathways to Market for Climate EnterprisesMatt Lindsay May 2025 presentation to Halcyon DMV Climate Innovation Fellows
introduction to business marketin.g
introduction to business marketin.gmuzzushik In simple terms, a business is an organization or activity that aims to make money by producing or selling goods or services. It can be a commercial venture, industrial enterprise, or professional practice. Essentially, businesses provide a means to create economic value
Victor Aliwalas Entrepreneurial Leadership_biography_Presentation.pptx
Victor Aliwalas Entrepreneurial Leadership_biography_Presentation.pptxadriandelrosario12 A summary about Mr. Victor Aliwalas as an entrepreneur in 2025. I summarize information about him online and add FAQ about his leadership
public administration Curriclum CDACC - Copy.pdf
public administration Curriclum CDACC - Copy.pdfNewtonKibira public administration Curriclum CDACC - Copy.pdf
PCAT Prime Corporate Accounting and Tax Services
PCAT Prime Corporate Accounting and Tax Servicessohail856510 Internal Audit
Fraud Investigation
VAT & Corporate Tax Compliance
Accounting
Software Implementation
OwnAir - Your Cinema Everywhere | Pitch Deck
OwnAir - Your Cinema Everywhere | Pitch DeckAlessandro Masi Own Air is a film distributor specializing in tailored digital and day-and-date releases for quality independent and festival-driven content. This is a strategic deck for potential partnerships. This is a pitch deck for potential investors primarily. Copyright 2012. All rights reserved.
The Product-Market Fit Staircase (for consumer businesses)
The Product-Market Fit Staircase (for consumer businesses)ssuser276a18 Self-assessment + toolkit. This is your path from zero to product-market fit, broken in bite sized, stable steps.
Oleksandr Tsapenko: Чому Agile не працює? (UA)
Oleksandr Tsapenko: Чому Agile не працює? (UA)Lviv Startup Club Oleksandr Tsapenko: Чому Agile не працює? (UA)
Kyiv Project Management Day 2025 Spring
Website - https://pmday.org/
YouTube - https://www.youtube.com/@StartupLviv
FB - https://www.facebook.com/pmdayconference
Dmytro Lukianov: «Досвідчений Agile» як етап розвитку проєктного менеджера (U...
Dmytro Lukianov: «Досвідчений Agile» як етап розвитку проєктного менеджера (U...Lviv Startup Club Dmytro Lukianov: «Досвідчений Agile» як етап розвитку проєктного менеджера (UA)
Kyiv Project Management Day 2025 Spring
Website - https://pmday.org/
YouTube - https://www.youtube.com/@StartupLviv
FB - https://www.facebook.com/pmdayconference
Employment Law Spring Update 2025 slides.pdf
Employment Law Spring Update 2025 slides.pdfFelixPerez547899 In the webinar, Employment Solicitors, Claire Berry and Joanna Smye, discussed the most important recent and proposed employment law changes and reviewed key tribunal cases from the last six months, providing practical advice on what employers can learn from them.
Recent developments in employment law have resulted in additional obligations for employers, and significant new legislation is planned for the near future. Keeping up to date with these changes is vital to avoid costly mistakes and to ensure that your workplace reaps the benefits which come from compliance with current law and best practice.
Growing gradually with HubSpot: How Kompasbank went from Sales Hub to full suite
Growing gradually with HubSpot: How Kompasbank went from Sales Hub to full suiteMichella Brix Like many HubSpot users, Kompasbank didn’t roll out the full customer platform from day one. Instead, they started with Sales Hub to streamline their sales processes. As their ambitions and needs grew, so did their HubSpot setup—one hub at a time.
In this HubSpot User Group session, we’ll take you behind the scenes of how Kompasbank went from a single-hub setup to a fully integrated HubSpot powerhouse, covering Sales, Operations, Service, Content, and more.
Kompasbank’s journey mirrors what many scale-ups and digital-first companies experience, and whether you're currently using one HubSpot hub or several, this session will help you see your own path toward HubSpot excellence and give you:
- Insights into adoption challenges and how they can be overcome
- Real-life tips on cross-hub integration and how to prepare your team for each step
- Lessons learned from a company that went all in — and made it work
From automation and reporting to support systems and website migration — you’ll learn what hubs or features you might consider adding to your growing setup.
W3C Widgets: Apps made with Web Standards
- 1. W3C Widgets Bruce Lawson / Over The Air / London / 10 September 2010 Apps – with added Web Standards goodness!
- 3. “…the browser run-time is perfect…you’re out of writing for Windows Mobile, Android, S60, each of which require testing...we want to abstract that. All the cool innovation is happening inside the browser – you don’t need to write to the native operating system anymore.” Mobile Entertainment Market, June, 2009
- 4. W3C Widgets – application development filled with web standards goodness, using browser engine as platform
- 5. Anatomy of a widget index.html, assets + config.xml, zipped and renamed .wgt
- 7. Features depend on browser HTML5 App Cache, WebSQL storage, HTML5 local storage, <audio>, <video>
- 8. Widget runtimes ● Opera desktop, Opera Mobile, Opera for Devices (including TV) ● Widgeon ● Windows Mobile 6.5 ● Nokia Qt Web Runtime ● Apache Wookie ● Aplix Web Runtime ● Lots of Vodafone distros
- 9. What's next?
- 11. W3C DAP (Devices and Protocols Working Group)
- 12. Defining JavaScript APIs: ● Contacts (access address book) ● Calendar API ● Media Capture API (programmatic access to camera/microphone) ● Messaging API (email/ SMS) http://www.w3.org/2009/dap/