SlideShare ist ein Scribd-Unternehmen logo
1 von 93
Downloaden Sie, um offline zu lesen
Web on TV
THE JOY AND (MOSTLY) PAIN OF TV DEVELOPMENT




Patrick H. Lauke / jQuery Europe / Vienna / 23 February 2013
Web on TV - the joy and (mostly) pain of TV development / jQuery Europe / Vienna 23.02.2013
“web” on TV is nothing new
Web on TV - the joy and (mostly) pain of TV development / jQuery Europe / Vienna 23.02.2013
Web on TV - the joy and (mostly) pain of TV development / jQuery Europe / Vienna 23.02.2013
Web on TV - the joy and (mostly) pain of TV development / jQuery Europe / Vienna 23.02.2013
Web on TV - the joy and (mostly) pain of TV development / jQuery Europe / Vienna 23.02.2013
CE-HTML
XHTML 1.0, CSS 2.1, DOM Level 2,
   Ajax, special APIs for TV

            hbbtv.org
Web on TV - the joy and (mostly) pain of TV development / jQuery Europe / Vienna 23.02.2013
Web on TV - the joy and (mostly) pain of TV development / jQuery Europe / Vienna 23.02.2013
“Smart” TV = runs apps
 (optionally, has a web browser)
Apps
●   native apps (Android, Apple TV, ...)
●
    packaged web apps (W3C widgets or similar)
●
    “in the cloud” (they're URLs)
Web on TV - the joy and (mostly) pain of TV development / jQuery Europe / Vienna 23.02.2013
Web on TV - the joy and (mostly) pain of TV development / jQuery Europe / Vienna 23.02.2013
Web on TV - the joy and (mostly) pain of TV development / jQuery Europe / Vienna 23.02.2013
Web on TV - the joy and (mostly) pain of TV development / jQuery Europe / Vienna 23.02.2013
Web on TV - the joy and (mostly) pain of TV development / jQuery Europe / Vienna 23.02.2013
Web on TV - the joy and (mostly) pain of TV development / jQuery Europe / Vienna 23.02.2013
Web on TV - the joy and (mostly) pain of TV development / jQuery Europe / Vienna 23.02.2013
Web on TV - the joy and (mostly) pain of TV development / jQuery Europe / Vienna 23.02.2013
Web on TV - the joy and (mostly) pain of TV development / jQuery Europe / Vienna 23.02.2013
developing for TV
1. display size
2. input mechanisms
3. features/performance
1. display size
2. input mechanisms
3. features/performance
Web on TV - the joy and (mostly) pain of TV development / jQuery Europe / Vienna 23.02.2013
Web on TV - the joy and (mostly) pain of TV development / jQuery Europe / Vienna 23.02.2013
Web on TV - the joy and (mostly) pain of TV development / jQuery Europe / Vienna 23.02.2013
Web on TV - the joy and (mostly) pain of TV development / jQuery Europe / Vienna 23.02.2013
Web on TV - the joy and (mostly) pain of TV development / jQuery Europe / Vienna 23.02.2013
Web on TV - the joy and (mostly) pain of TV development / jQuery Europe / Vienna 23.02.2013
Web on TV - the joy and (mostly) pain of TV development / jQuery Europe / Vienna 23.02.2013
Web on TV - the joy and (mostly) pain of TV development / jQuery Europe / Vienna 23.02.2013
720×576
 960×540
1280×720
1920×1080
CSS 2 Media Types?
Media types

all           braille
embossed      handheld
print         projection
screen        speech
tty           tv
Web on TV - the joy and (mostly) pain of TV development / jQuery Europe / Vienna 23.02.2013
Web on TV - the joy and (mostly) pain of TV development / jQuery Europe / Vienna 23.02.2013
<!-- mobile/tablet viewport sanity -->

<meta name=”viewport”
      content=”width=device-width”>
<!-- but TVs don't support viewport -->
old-school browser sniffing



       http://www.flickr.com/photos/timdorr/2096272747/
/* Still make it responsive/adaptive */
/* Full HD */
@media screen and (min-width: 1920px) { … }
/* HD-Ready */
@media screen and (min-width: 1280px)
               and (max-width: 1920px) { … }
/* Smaller */
@media screen and (max-width: 1280px) { … }
●
    large text and images
●
    large UI elements for interaction
●
    minimise scrolling
1. display size
2. input mechanisms
3. features/performance
●
    mouse pointer (“magic” remotes)
●
    spatial navigation (Opera only?)
●
    D-pad key events
Web on TV - the joy and (mostly) pain of TV development / jQuery Europe / Vienna 23.02.2013
●
    not very precise (giant mouse pointer)
●
    scrolling can be an issue
Web on TV - the joy and (mostly) pain of TV development / jQuery Europe / Vienna 23.02.2013
Web on TV - the joy and (mostly) pain of TV development / jQuery Europe / Vienna 23.02.2013
Opera-specific: spatial navigation
  Shift + cursor keys
focusable elements and elements with mouseover / click
don't lose your focus
a:focus, button:focus { … }
Web on TV - the joy and (mostly) pain of TV development / jQuery Europe / Vienna 23.02.2013
blah.addEventListener("keydown", function(e) {
  …
  switch (e.keyCode) {
    case 37:
       // left
       break;
    case 38:
       // up
       break;
    case 39:
       // right
       break;
    …
  }
}, useCapture);
// Fun fact: key codes can vary between devices!
blah.addEventListener("keydown", function(e) {
  …
  e.preventDefault(); // prevent Opera's spatnav
}, useCapture);
var   VK_ENTER       =   13;   var   VK_RED        =   403;
var   VK_PAUSE       =   19;   var   VK_GREEN      =   404;
var   VK_PAGE_UP     =   33;   var   VK_YELLOW     =   405;
var   VK_PAGE_DOWN   =   34;   var   VK_BLUE       =   406;
var   VK_LEFT        =   37;   var   VK_REWIND     =   412;
var   VK_UP          =   38;   var   VK_STOP       =   413;
var   VK_RIGHT       =   39;   var   VK_PLAY       =   415;
var   VK_DOWN        =   40;   var   VK_FAST_FWD   =   417;
var   VK_0           =   48;   var   VK_INFO       =   457;
var   VK_1           =   49;   var   VK_BACK       =   461;
var   VK_2           =   50;
var   VK_3           =   51;
var   VK_4           =   52;
var   VK_5           =   53;
var   VK_6           =   54;
var   VK_7           =   55;
var   VK_8           =   56;
var   VK_9           =   57;
// abstracted VK_ globals … better?
blah.addEventListener("keydown", function(e) {
  …
  switch (e.keyCode) {
    case VK_LEFT:
       // left
       break;
    case VK_UP:
       // up
       break;
    case VK_RIGHT:
       // right
       break;
    …
  }
}, useCapture);
w3.org/TR/DOM-Level-3-Events
// DOM Level 3 … better?
blah.addEventListener("keydown", function(e) {
  …
  switch (e.key) {
    case 'Left':
       // left
       break;
    case 'Up':
       // up
       break;
    case 'Right':
       // right
       break;
    …
  }
}, useCapture);
key repeats and lag
[keydown]+ > keyup
[keydown > keyup]+
minimise form input / text entry
Web on TV - the joy and (mostly) pain of TV development / jQuery Europe / Vienna 23.02.2013
Web on TV - the joy and (mostly) pain of TV development / jQuery Europe / Vienna 23.02.2013
1. display size
2. input mechanisms
3. features/performance
tl;dr
design like for mobiles … 5 years ago
Web on TV - the joy and (mostly) pain of TV development / jQuery Europe / Vienna 23.02.2013
www.webkit.org/perf/sunspider/...
Web on TV - the joy and (mostly) pain of TV development / jQuery Europe / Vienna 23.02.2013
CSS3 transitions / animations vs JS
paulirish.com/2012/why-moving-elements...
Web on TV - the joy and (mostly) pain of TV development / jQuery Europe / Vienna 23.02.2013
Web on TV - the joy and (mostly) pain of TV development / jQuery Europe / Vienna 23.02.2013
microjs.com
developer.lge.com
Web on TV - the joy and (mostly) pain of TV development / jQuery Europe / Vienna 23.02.2013
html5test.com
Web on TV - the joy and (mostly) pain of TV development / jQuery Europe / Vienna 23.02.2013
Web on TV - the joy and (mostly) pain of TV development / jQuery Europe / Vienna 23.02.2013
// Feature detect?
var hasStorage = (function() {
     try {
       localStorage.setItem(mod, mod);
       localStorage.removeItem(mod);
       return true;
     } catch(e) {
       return false;
     }
}());
dev-test.nemikor.com/web-storage/support-test
Web on TV - the joy and (mostly) pain of TV development / jQuery Europe / Vienna 23.02.2013
Web on TV - the joy and (mostly) pain of TV development / jQuery Europe / Vienna 23.02.2013
no magic bullet...
testing and debugging
Web on TV - the joy and (mostly) pain of TV development / jQuery Europe / Vienna 23.02.2013
Web on TV - the joy and (mostly) pain of TV development / jQuery Europe / Vienna 23.02.2013
developer.lge.com
developer.vieraconnect.com
developer.vieraconnect.com
samsungdforum.com
developers.google.com/tv
Web on TV - the joy and (mostly) pain of TV development / jQuery Europe / Vienna 23.02.2013
opera.com/business/tv/emulator
dev.opera.com/tv
console.maban.co.uk
@patrick_h_lauke
slideshare.net/redux

Weitere ähnliche Inhalte

Was ist angesagt?

การเชื่อมโยงหลายมิติและ URL
การเชื่อมโยงหลายมิติและ URLการเชื่อมโยงหลายมิติและ URL
การเชื่อมโยงหลายมิติและ URLPomPam Comsci
 
Infografía partes de la ventana principal de Power Point
Infografía partes de la ventana principal de Power PointInfografía partes de la ventana principal de Power Point
Infografía partes de la ventana principal de Power PointNora O. Martínez
 
مرگ.رنگ -سهراب.سپهری
مرگ.رنگ -سهراب.سپهریمرگ.رنگ -سهراب.سپهری
مرگ.رنگ -سهراب.سپهریFarid Kamali
 
Exemple de création de base
Exemple de création de baseExemple de création de base
Exemple de création de baseSaber LAJILI
 
Robert Murdock Band Brings 60s back to S.A. (The Suburban)
Robert Murdock Band Brings 60s back to S.A. (The Suburban)Robert Murdock Band Brings 60s back to S.A. (The Suburban)
Robert Murdock Band Brings 60s back to S.A. (The Suburban)Jacqueline Durett
 
Javascript
JavascriptJavascript
Javascripttimsplin
 
Adaptive Intelligence: Dansby, Graham, Seley Final IXD Presentation
Adaptive Intelligence: Dansby, Graham, Seley Final IXD PresentationAdaptive Intelligence: Dansby, Graham, Seley Final IXD Presentation
Adaptive Intelligence: Dansby, Graham, Seley Final IXD Presentationtimseley
 

Was ist angesagt? (9)

การเชื่อมโยงหลายมิติและ URL
การเชื่อมโยงหลายมิติและ URLการเชื่อมโยงหลายมิติและ URL
การเชื่อมโยงหลายมิติและ URL
 
Infografía partes de la ventana principal de Power Point
Infografía partes de la ventana principal de Power PointInfografía partes de la ventana principal de Power Point
Infografía partes de la ventana principal de Power Point
 
مرگ.رنگ -سهراب.سپهری
مرگ.رنگ -سهراب.سپهریمرگ.رنگ -سهراب.سپهری
مرگ.رنگ -سهراب.سپهری
 
Php if
Php ifPhp if
Php if
 
Exemple de création de base
Exemple de création de baseExemple de création de base
Exemple de création de base
 
Robert Murdock Band Brings 60s back to S.A. (The Suburban)
Robert Murdock Band Brings 60s back to S.A. (The Suburban)Robert Murdock Band Brings 60s back to S.A. (The Suburban)
Robert Murdock Band Brings 60s back to S.A. (The Suburban)
 
Javascript
JavascriptJavascript
Javascript
 
Adaptive Intelligence: Dansby, Graham, Seley Final IXD Presentation
Adaptive Intelligence: Dansby, Graham, Seley Final IXD PresentationAdaptive Intelligence: Dansby, Graham, Seley Final IXD Presentation
Adaptive Intelligence: Dansby, Graham, Seley Final IXD Presentation
 
Google 2
Google 2Google 2
Google 2
 

Andere mochten auch

Tv as a midium for education
Tv as a midium for educationTv as a midium for education
Tv as a midium for educationankimakwana
 
Storyboarding for the web : Methodology and Tools
Storyboarding for the web : Methodology and ToolsStoryboarding for the web : Methodology and Tools
Storyboarding for the web : Methodology and ToolsEric DI POL
 
Designing Your API
Designing Your APIDesigning Your API
Designing Your APIAlex Payne
 
TV or Television as a Medium for Education
TV or Television as a Medium for EducationTV or Television as a Medium for Education
TV or Television as a Medium for EducationPritiba Gohil
 
Role of Television as a Mass Medium
Role of Television as a Mass MediumRole of Television as a Mass Medium
Role of Television as a Mass MediumCivi Varghese
 
Regular Expressions Demystified
Regular Expressions DemystifiedRegular Expressions Demystified
Regular Expressions DemystifiedPhilip Tellis
 
Scrum et forfait
Scrum et forfaitScrum et forfait
Scrum et forfaitIppon
 

Andere mochten auch (8)

Tv as a midium for education
Tv as a midium for educationTv as a midium for education
Tv as a midium for education
 
Storyboarding for the web : Methodology and Tools
Storyboarding for the web : Methodology and ToolsStoryboarding for the web : Methodology and Tools
Storyboarding for the web : Methodology and Tools
 
Designing Your API
Designing Your APIDesigning Your API
Designing Your API
 
TV or Television as a Medium for Education
TV or Television as a Medium for EducationTV or Television as a Medium for Education
TV or Television as a Medium for Education
 
Role of Television as a Mass Medium
Role of Television as a Mass MediumRole of Television as a Mass Medium
Role of Television as a Mass Medium
 
Regular Expressions Demystified
Regular Expressions DemystifiedRegular Expressions Demystified
Regular Expressions Demystified
 
Characteristics of tv
Characteristics of tvCharacteristics of tv
Characteristics of tv
 
Scrum et forfait
Scrum et forfaitScrum et forfait
Scrum et forfait
 

Ähnlich wie Web on TV - the joy and (mostly) pain of TV development / jQuery Europe / Vienna 23.02.2013

LISA QooxdooTutorial Slides
LISA QooxdooTutorial SlidesLISA QooxdooTutorial Slides
LISA QooxdooTutorial SlidesTobias Oetiker
 
HTML5 and Other Modern Browser Game Tech
HTML5 and Other Modern Browser Game TechHTML5 and Other Modern Browser Game Tech
HTML5 and Other Modern Browser Game Techvincent_scheib
 
Creating Responsive Experiences
Creating Responsive ExperiencesCreating Responsive Experiences
Creating Responsive ExperiencesTim Kadlec
 
Mobile HTML, CSS, and JavaScript
Mobile HTML, CSS, and JavaScriptMobile HTML, CSS, and JavaScript
Mobile HTML, CSS, and JavaScriptfranksvalli
 
Visual Component Testing -- w/ Gil Tayar (Applitools) and Gleb Bahmutov (Cyp...
Visual Component Testing  -- w/ Gil Tayar (Applitools) and Gleb Bahmutov (Cyp...Visual Component Testing  -- w/ Gil Tayar (Applitools) and Gleb Bahmutov (Cyp...
Visual Component Testing -- w/ Gil Tayar (Applitools) and Gleb Bahmutov (Cyp...Applitools
 
Jarv.us Showcase — SenchaCon 2011
Jarv.us Showcase — SenchaCon 2011Jarv.us Showcase — SenchaCon 2011
Jarv.us Showcase — SenchaCon 2011Chris Alfano
 
LISA Qooxdoo Tutorial Handouts
LISA Qooxdoo Tutorial HandoutsLISA Qooxdoo Tutorial Handouts
LISA Qooxdoo Tutorial HandoutsTobias Oetiker
 
Html and i_phone_mobile-2
Html and i_phone_mobile-2Html and i_phone_mobile-2
Html and i_phone_mobile-2tonvanbart
 
當ZK遇見Front-End
當ZK遇見Front-End當ZK遇見Front-End
當ZK遇見Front-End祁源 朱
 
HTML5 & The Open Web - at Nackademin
HTML5 & The Open Web -  at NackademinHTML5 & The Open Web -  at Nackademin
HTML5 & The Open Web - at NackademinRobert Nyman
 
UX Design for Developers
UX Design for DevelopersUX Design for Developers
UX Design for DevelopersFrank Garofalo
 
HTML5: friend or foe (to Flash)?
HTML5: friend or foe (to Flash)?HTML5: friend or foe (to Flash)?
HTML5: friend or foe (to Flash)?Remy Sharp
 
WebGL: GPU acceleration for the open web
WebGL: GPU acceleration for the open webWebGL: GPU acceleration for the open web
WebGL: GPU acceleration for the open webpjcozzi
 
Una web todos los dispositivos.
Una web todos los dispositivos.Una web todos los dispositivos.
Una web todos los dispositivos.philogb
 
Mobile Java with GWT: Still "Write Once, Run Everywhere"
Mobile Java with GWT: Still "Write Once, Run Everywhere"Mobile Java with GWT: Still "Write Once, Run Everywhere"
Mobile Java with GWT: Still "Write Once, Run Everywhere"Alex Theedom
 

Ähnlich wie Web on TV - the joy and (mostly) pain of TV development / jQuery Europe / Vienna 23.02.2013 (20)

LISA QooxdooTutorial Slides
LISA QooxdooTutorial SlidesLISA QooxdooTutorial Slides
LISA QooxdooTutorial Slides
 
YUI 3
YUI 3YUI 3
YUI 3
 
HTML5 and Other Modern Browser Game Tech
HTML5 and Other Modern Browser Game TechHTML5 and Other Modern Browser Game Tech
HTML5 and Other Modern Browser Game Tech
 
Creating Responsive Experiences
Creating Responsive ExperiencesCreating Responsive Experiences
Creating Responsive Experiences
 
Mobile HTML, CSS, and JavaScript
Mobile HTML, CSS, and JavaScriptMobile HTML, CSS, and JavaScript
Mobile HTML, CSS, and JavaScript
 
Visual Component Testing -- w/ Gil Tayar (Applitools) and Gleb Bahmutov (Cyp...
Visual Component Testing  -- w/ Gil Tayar (Applitools) and Gleb Bahmutov (Cyp...Visual Component Testing  -- w/ Gil Tayar (Applitools) and Gleb Bahmutov (Cyp...
Visual Component Testing -- w/ Gil Tayar (Applitools) and Gleb Bahmutov (Cyp...
 
Jarv.us Showcase — SenchaCon 2011
Jarv.us Showcase — SenchaCon 2011Jarv.us Showcase — SenchaCon 2011
Jarv.us Showcase — SenchaCon 2011
 
Seti 09
Seti 09Seti 09
Seti 09
 
Intro to HTML5
Intro to HTML5Intro to HTML5
Intro to HTML5
 
LISA Qooxdoo Tutorial Handouts
LISA Qooxdoo Tutorial HandoutsLISA Qooxdoo Tutorial Handouts
LISA Qooxdoo Tutorial Handouts
 
Html and i_phone_mobile-2
Html and i_phone_mobile-2Html and i_phone_mobile-2
Html and i_phone_mobile-2
 
當ZK遇見Front-End
當ZK遇見Front-End當ZK遇見Front-End
當ZK遇見Front-End
 
HTML5 & The Open Web - at Nackademin
HTML5 & The Open Web -  at NackademinHTML5 & The Open Web -  at Nackademin
HTML5 & The Open Web - at Nackademin
 
UX Design for Developers
UX Design for DevelopersUX Design for Developers
UX Design for Developers
 
HTML5: friend or foe (to Flash)?
HTML5: friend or foe (to Flash)?HTML5: friend or foe (to Flash)?
HTML5: friend or foe (to Flash)?
 
WebGL: GPU acceleration for the open web
WebGL: GPU acceleration for the open webWebGL: GPU acceleration for the open web
WebGL: GPU acceleration for the open web
 
Modular and Event-Driven JavaScript
Modular and Event-Driven JavaScriptModular and Event-Driven JavaScript
Modular and Event-Driven JavaScript
 
Una web todos los dispositivos.
Una web todos los dispositivos.Una web todos los dispositivos.
Una web todos los dispositivos.
 
Fact, Fiction, and FP
Fact, Fiction, and FPFact, Fiction, and FP
Fact, Fiction, and FP
 
Mobile Java with GWT: Still "Write Once, Run Everywhere"
Mobile Java with GWT: Still "Write Once, Run Everywhere"Mobile Java with GWT: Still "Write Once, Run Everywhere"
Mobile Java with GWT: Still "Write Once, Run Everywhere"
 

Mehr von Patrick Lauke

These (still) aren't the SCs you're looking for ... (mis)adventures in WCAG 2...
These (still) aren't the SCs you're looking for ... (mis)adventures in WCAG 2...These (still) aren't the SCs you're looking for ... (mis)adventures in WCAG 2...
These (still) aren't the SCs you're looking for ... (mis)adventures in WCAG 2...Patrick Lauke
 
Pointer Events Working Group update / TPAC 2023 / Patrick H. Lauke
Pointer Events Working Group update / TPAC 2023 / Patrick H. LaukePointer Events Working Group update / TPAC 2023 / Patrick H. Lauke
Pointer Events Working Group update / TPAC 2023 / Patrick H. LaukePatrick Lauke
 
These aren't the SCs you're looking for ... (mis)adventures in WCAG 2.x inter...
These aren't the SCs you're looking for ... (mis)adventures in WCAG 2.x inter...These aren't the SCs you're looking for ... (mis)adventures in WCAG 2.x inter...
These aren't the SCs you're looking for ... (mis)adventures in WCAG 2.x inter...Patrick Lauke
 
These aren't the SCs you're looking for ... (mis)adventures in WCAG 2.x inter...
These aren't the SCs you're looking for ... (mis)adventures in WCAG 2.x inter...These aren't the SCs you're looking for ... (mis)adventures in WCAG 2.x inter...
These aren't the SCs you're looking for ... (mis)adventures in WCAG 2.x inter...Patrick Lauke
 
Too much accessibility - good intentions, badly implemented / Public Sector F...
Too much accessibility - good intentions, badly implemented / Public Sector F...Too much accessibility - good intentions, badly implemented / Public Sector F...
Too much accessibility - good intentions, badly implemented / Public Sector F...Patrick Lauke
 
Styling Your Web Pages with Cascading Style Sheets / EDU course / University ...
Styling Your Web Pages with Cascading Style Sheets / EDU course / University ...Styling Your Web Pages with Cascading Style Sheets / EDU course / University ...
Styling Your Web Pages with Cascading Style Sheets / EDU course / University ...Patrick Lauke
 
Evaluating web sites for accessibility with Firefox / Manchester Digital Acce...
Evaluating web sites for accessibility with Firefox / Manchester Digital Acce...Evaluating web sites for accessibility with Firefox / Manchester Digital Acce...
Evaluating web sites for accessibility with Firefox / Manchester Digital Acce...Patrick Lauke
 
Managing and educating content editors - experiences and ideas from the trenc...
Managing and educating content editors - experiences and ideas from the trenc...Managing and educating content editors - experiences and ideas from the trenc...
Managing and educating content editors - experiences and ideas from the trenc...Patrick Lauke
 
Implementing Web Standards across the institution: trials and tribulations of...
Implementing Web Standards across the institution: trials and tribulations of...Implementing Web Standards across the institution: trials and tribulations of...
Implementing Web Standards across the institution: trials and tribulations of...Patrick Lauke
 
Geolinking content - experiments in connecting virtual and physical places / ...
Geolinking content - experiments in connecting virtual and physical places / ...Geolinking content - experiments in connecting virtual and physical places / ...
Geolinking content - experiments in connecting virtual and physical places / ...Patrick Lauke
 
All change for WCAG 2.0 - what you need to know about the new accessibility g...
All change for WCAG 2.0 - what you need to know about the new accessibility g...All change for WCAG 2.0 - what you need to know about the new accessibility g...
All change for WCAG 2.0 - what you need to know about the new accessibility g...Patrick Lauke
 
Web Accessibility - an introduction / Salford Business School briefing / Univ...
Web Accessibility - an introduction / Salford Business School briefing / Univ...Web Accessibility - an introduction / Salford Business School briefing / Univ...
Web Accessibility - an introduction / Salford Business School briefing / Univ...Patrick Lauke
 
Doing it in style - creating beautiful sites, the web standards way / WebDD /...
Doing it in style - creating beautiful sites, the web standards way / WebDD /...Doing it in style - creating beautiful sites, the web standards way / WebDD /...
Doing it in style - creating beautiful sites, the web standards way / WebDD /...Patrick Lauke
 
Web standards pragmatism - from validation to the real world / Web Developers...
Web standards pragmatism - from validation to the real world / Web Developers...Web standards pragmatism - from validation to the real world / Web Developers...
Web standards pragmatism - from validation to the real world / Web Developers...Patrick Lauke
 
Ian Lloyd/Patrick H. Lauke: Accessified - practical accessibility fixes any w...
Ian Lloyd/Patrick H. Lauke: Accessified - practical accessibility fixes any w...Ian Lloyd/Patrick H. Lauke: Accessified - practical accessibility fixes any w...
Ian Lloyd/Patrick H. Lauke: Accessified - practical accessibility fixes any w...Patrick Lauke
 
The state of the web - www.salford.ac.uk / 2007
The state of the web - www.salford.ac.uk / 2007The state of the web - www.salford.ac.uk / 2007
The state of the web - www.salford.ac.uk / 2007Patrick Lauke
 
Keyboard accessibility - just because I don't use a mouse doesn't mean I'm se...
Keyboard accessibility - just because I don't use a mouse doesn't mean I'm se...Keyboard accessibility - just because I don't use a mouse doesn't mean I'm se...
Keyboard accessibility - just because I don't use a mouse doesn't mean I'm se...Patrick Lauke
 
WAI-ARIA An introduction to Accessible Rich Internet Applications / JavaScrip...
WAI-ARIA An introduction to Accessible Rich Internet Applications / JavaScrip...WAI-ARIA An introduction to Accessible Rich Internet Applications / JavaScrip...
WAI-ARIA An introduction to Accessible Rich Internet Applications / JavaScrip...Patrick Lauke
 
WAI-ARIA An introduction to Accessible Rich Internet Applications / CSS Minsk...
WAI-ARIA An introduction to Accessible Rich Internet Applications / CSS Minsk...WAI-ARIA An introduction to Accessible Rich Internet Applications / CSS Minsk...
WAI-ARIA An introduction to Accessible Rich Internet Applications / CSS Minsk...Patrick Lauke
 
WAI-ARIA An introduction to Accessible Rich Internet Applications / AccessU 2018
WAI-ARIA An introduction to Accessible Rich Internet Applications / AccessU 2018WAI-ARIA An introduction to Accessible Rich Internet Applications / AccessU 2018
WAI-ARIA An introduction to Accessible Rich Internet Applications / AccessU 2018Patrick Lauke
 

Mehr von Patrick Lauke (20)

These (still) aren't the SCs you're looking for ... (mis)adventures in WCAG 2...
These (still) aren't the SCs you're looking for ... (mis)adventures in WCAG 2...These (still) aren't the SCs you're looking for ... (mis)adventures in WCAG 2...
These (still) aren't the SCs you're looking for ... (mis)adventures in WCAG 2...
 
Pointer Events Working Group update / TPAC 2023 / Patrick H. Lauke
Pointer Events Working Group update / TPAC 2023 / Patrick H. LaukePointer Events Working Group update / TPAC 2023 / Patrick H. Lauke
Pointer Events Working Group update / TPAC 2023 / Patrick H. Lauke
 
These aren't the SCs you're looking for ... (mis)adventures in WCAG 2.x inter...
These aren't the SCs you're looking for ... (mis)adventures in WCAG 2.x inter...These aren't the SCs you're looking for ... (mis)adventures in WCAG 2.x inter...
These aren't the SCs you're looking for ... (mis)adventures in WCAG 2.x inter...
 
These aren't the SCs you're looking for ... (mis)adventures in WCAG 2.x inter...
These aren't the SCs you're looking for ... (mis)adventures in WCAG 2.x inter...These aren't the SCs you're looking for ... (mis)adventures in WCAG 2.x inter...
These aren't the SCs you're looking for ... (mis)adventures in WCAG 2.x inter...
 
Too much accessibility - good intentions, badly implemented / Public Sector F...
Too much accessibility - good intentions, badly implemented / Public Sector F...Too much accessibility - good intentions, badly implemented / Public Sector F...
Too much accessibility - good intentions, badly implemented / Public Sector F...
 
Styling Your Web Pages with Cascading Style Sheets / EDU course / University ...
Styling Your Web Pages with Cascading Style Sheets / EDU course / University ...Styling Your Web Pages with Cascading Style Sheets / EDU course / University ...
Styling Your Web Pages with Cascading Style Sheets / EDU course / University ...
 
Evaluating web sites for accessibility with Firefox / Manchester Digital Acce...
Evaluating web sites for accessibility with Firefox / Manchester Digital Acce...Evaluating web sites for accessibility with Firefox / Manchester Digital Acce...
Evaluating web sites for accessibility with Firefox / Manchester Digital Acce...
 
Managing and educating content editors - experiences and ideas from the trenc...
Managing and educating content editors - experiences and ideas from the trenc...Managing and educating content editors - experiences and ideas from the trenc...
Managing and educating content editors - experiences and ideas from the trenc...
 
Implementing Web Standards across the institution: trials and tribulations of...
Implementing Web Standards across the institution: trials and tribulations of...Implementing Web Standards across the institution: trials and tribulations of...
Implementing Web Standards across the institution: trials and tribulations of...
 
Geolinking content - experiments in connecting virtual and physical places / ...
Geolinking content - experiments in connecting virtual and physical places / ...Geolinking content - experiments in connecting virtual and physical places / ...
Geolinking content - experiments in connecting virtual and physical places / ...
 
All change for WCAG 2.0 - what you need to know about the new accessibility g...
All change for WCAG 2.0 - what you need to know about the new accessibility g...All change for WCAG 2.0 - what you need to know about the new accessibility g...
All change for WCAG 2.0 - what you need to know about the new accessibility g...
 
Web Accessibility - an introduction / Salford Business School briefing / Univ...
Web Accessibility - an introduction / Salford Business School briefing / Univ...Web Accessibility - an introduction / Salford Business School briefing / Univ...
Web Accessibility - an introduction / Salford Business School briefing / Univ...
 
Doing it in style - creating beautiful sites, the web standards way / WebDD /...
Doing it in style - creating beautiful sites, the web standards way / WebDD /...Doing it in style - creating beautiful sites, the web standards way / WebDD /...
Doing it in style - creating beautiful sites, the web standards way / WebDD /...
 
Web standards pragmatism - from validation to the real world / Web Developers...
Web standards pragmatism - from validation to the real world / Web Developers...Web standards pragmatism - from validation to the real world / Web Developers...
Web standards pragmatism - from validation to the real world / Web Developers...
 
Ian Lloyd/Patrick H. Lauke: Accessified - practical accessibility fixes any w...
Ian Lloyd/Patrick H. Lauke: Accessified - practical accessibility fixes any w...Ian Lloyd/Patrick H. Lauke: Accessified - practical accessibility fixes any w...
Ian Lloyd/Patrick H. Lauke: Accessified - practical accessibility fixes any w...
 
The state of the web - www.salford.ac.uk / 2007
The state of the web - www.salford.ac.uk / 2007The state of the web - www.salford.ac.uk / 2007
The state of the web - www.salford.ac.uk / 2007
 
Keyboard accessibility - just because I don't use a mouse doesn't mean I'm se...
Keyboard accessibility - just because I don't use a mouse doesn't mean I'm se...Keyboard accessibility - just because I don't use a mouse doesn't mean I'm se...
Keyboard accessibility - just because I don't use a mouse doesn't mean I'm se...
 
WAI-ARIA An introduction to Accessible Rich Internet Applications / JavaScrip...
WAI-ARIA An introduction to Accessible Rich Internet Applications / JavaScrip...WAI-ARIA An introduction to Accessible Rich Internet Applications / JavaScrip...
WAI-ARIA An introduction to Accessible Rich Internet Applications / JavaScrip...
 
WAI-ARIA An introduction to Accessible Rich Internet Applications / CSS Minsk...
WAI-ARIA An introduction to Accessible Rich Internet Applications / CSS Minsk...WAI-ARIA An introduction to Accessible Rich Internet Applications / CSS Minsk...
WAI-ARIA An introduction to Accessible Rich Internet Applications / CSS Minsk...
 
WAI-ARIA An introduction to Accessible Rich Internet Applications / AccessU 2018
WAI-ARIA An introduction to Accessible Rich Internet Applications / AccessU 2018WAI-ARIA An introduction to Accessible Rich Internet Applications / AccessU 2018
WAI-ARIA An introduction to Accessible Rich Internet Applications / AccessU 2018
 

Kürzlich hochgeladen

20230202 - Introduction to tis-py
20230202 - Introduction to tis-py20230202 - Introduction to tis-py
20230202 - Introduction to tis-pyJamie (Taka) Wang
 
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...Will Schroeder
 
Cybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxCybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxGDSC PJATK
 
UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6DianaGray10
 
Comparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and IstioComparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and IstioChristian Posta
 
UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8DianaGray10
 
COMPUTER 10: Lesson 7 - File Storage and Online Collaboration
COMPUTER 10: Lesson 7 - File Storage and Online CollaborationCOMPUTER 10: Lesson 7 - File Storage and Online Collaboration
COMPUTER 10: Lesson 7 - File Storage and Online Collaborationbruanjhuli
 
Nanopower In Semiconductor Industry.pdf
Nanopower  In Semiconductor Industry.pdfNanopower  In Semiconductor Industry.pdf
Nanopower In Semiconductor Industry.pdfPedro Manuel
 
Igniting Next Level Productivity with AI-Infused Data Integration Workflows
Igniting Next Level Productivity with AI-Infused Data Integration WorkflowsIgniting Next Level Productivity with AI-Infused Data Integration Workflows
Igniting Next Level Productivity with AI-Infused Data Integration WorkflowsSafe Software
 
9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding Team9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding TeamAdam Moalla
 
Artificial Intelligence & SEO Trends for 2024
Artificial Intelligence & SEO Trends for 2024Artificial Intelligence & SEO Trends for 2024
Artificial Intelligence & SEO Trends for 2024D Cloud Solutions
 
UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1DianaGray10
 
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdfIaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdfDaniel Santiago Silva Capera
 
Introduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptxIntroduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptxMatsuo Lab
 
AI You Can Trust - Ensuring Success with Data Integrity Webinar
AI You Can Trust - Ensuring Success with Data Integrity WebinarAI You Can Trust - Ensuring Success with Data Integrity Webinar
AI You Can Trust - Ensuring Success with Data Integrity WebinarPrecisely
 
UiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation DevelopersUiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation DevelopersUiPathCommunity
 
COMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a WebsiteCOMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a Websitedgelyza
 
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...Aggregage
 
AI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just MinutesAI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just MinutesMd Hossain Ali
 

Kürzlich hochgeladen (20)

20230202 - Introduction to tis-py
20230202 - Introduction to tis-py20230202 - Introduction to tis-py
20230202 - Introduction to tis-py
 
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
 
Cybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxCybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptx
 
UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6
 
Comparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and IstioComparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and Istio
 
UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8
 
201610817 - edge part1
201610817 - edge part1201610817 - edge part1
201610817 - edge part1
 
COMPUTER 10: Lesson 7 - File Storage and Online Collaboration
COMPUTER 10: Lesson 7 - File Storage and Online CollaborationCOMPUTER 10: Lesson 7 - File Storage and Online Collaboration
COMPUTER 10: Lesson 7 - File Storage and Online Collaboration
 
Nanopower In Semiconductor Industry.pdf
Nanopower  In Semiconductor Industry.pdfNanopower  In Semiconductor Industry.pdf
Nanopower In Semiconductor Industry.pdf
 
Igniting Next Level Productivity with AI-Infused Data Integration Workflows
Igniting Next Level Productivity with AI-Infused Data Integration WorkflowsIgniting Next Level Productivity with AI-Infused Data Integration Workflows
Igniting Next Level Productivity with AI-Infused Data Integration Workflows
 
9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding Team9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding Team
 
Artificial Intelligence & SEO Trends for 2024
Artificial Intelligence & SEO Trends for 2024Artificial Intelligence & SEO Trends for 2024
Artificial Intelligence & SEO Trends for 2024
 
UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1
 
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdfIaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
 
Introduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptxIntroduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptx
 
AI You Can Trust - Ensuring Success with Data Integrity Webinar
AI You Can Trust - Ensuring Success with Data Integrity WebinarAI You Can Trust - Ensuring Success with Data Integrity Webinar
AI You Can Trust - Ensuring Success with Data Integrity Webinar
 
UiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation DevelopersUiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation Developers
 
COMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a WebsiteCOMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a Website
 
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
 
AI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just MinutesAI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just Minutes
 

Web on TV - the joy and (mostly) pain of TV development / jQuery Europe / Vienna 23.02.2013