SlideShare una empresa de Scribd logo
1 de 52
axr
THE WEB DONE RIGHT
arbitrary xml rendering
El proyecto
Proyecto Open Source
Proyecto Open Source
Una tecnología para la web, creada
por la comunidad de la web.
El plan:
El plan:

Plug-in a modo de “wrapper” para la librería para
que la tecnología se pueda usar.
El plan:

Plug-in a modo de “wrapper” para la librería para
que la tecnología se pueda usar.

AXR ofrecerá mejorará el proceso tanto como para
que los diseñadores web no quieran volver a
HTML+CSS
El plan:

Plug-in a modo de “wrapper” para la librería para
que la tecnología se pueda usar.

AXR ofrecerá mejorará el proceso tanto como para
que los diseñadores web no quieran volver a
HTML+CSS
Mejor productividad: las compañías querrán usarlo
también
El plan:

Plug-in a modo de “wrapper” para la librería para
que la tecnología se pueda usar.

AXR ofrecerá mejorará el proceso tanto como para
que los diseñadores web no quieran volver a
HTML+CSS
Mejor productividad: las compañías querrán usarlo
también

Con suficiente demanda y presión por parte de los
diseñadores web, los navegadores usarán la librería
nativamente
Render XML web de forma abierta
Render XML web de forma abierta
Render XML web de forma abierta
Render XML web de forma abierta
Render XML web de forma abierta
Render XML web de forma abierta
Render XML web de forma abierta
Render XML web de forma abierta
Render XML web de forma abierta
Render XML web de forma abierta
Render XML web de forma abierta
Render XML web de forma abierta
Render XML web de forma abierta
Render XML web de forma abierta
Render XML web de forma abierta
Render XML web de forma abierta
Render XML web de forma abierta
Render XML web de forma abierta
Render XML web de forma abierta
Render XML web de forma abierta
Render XML web de forma abierta
Render XML web de forma abierta
Render XML web de forma abierta
Render XML web de forma abierta
Render XML web de forma abierta
Render XML web de forma abierta
Render XML web de forma abierta
Render XML web de forma abierta
Render XML web de forma abierta
Render XML web de forma abierta
Render XML web de forma abierta
Render XML web de forma abierta
Render XML web de forma abierta
Render XML web de forma abierta
Render XML web de forma abierta

Más contenido relacionado

Destacado

Refactoring to a Single Page Application
Refactoring to a Single Page ApplicationRefactoring to a Single Page Application
Refactoring to a Single Page ApplicationCodemotion
 
Five stages of grief: Evolving a multi-page web app to a single page application
Five stages of grief: Evolving a multi-page web app to a single page applicationFive stages of grief: Evolving a multi-page web app to a single page application
Five stages of grief: Evolving a multi-page web app to a single page applicationCharles Knight
 
Single-Page Application Design Principles 101
Single-Page Application Design Principles 101Single-Page Application Design Principles 101
Single-Page Application Design Principles 101Jollen Chen
 
Vue 2.0 + Vuex Router & Vuex at Vue.js
Vue 2.0 + Vuex Router & Vuex at Vue.jsVue 2.0 + Vuex Router & Vuex at Vue.js
Vue 2.0 + Vuex Router & Vuex at Vue.jsTakuya Tejima
 
Introduction To Single Page Application
Introduction To Single Page ApplicationIntroduction To Single Page Application
Introduction To Single Page ApplicationKMS Technology
 
Single Page Application (SPA) using AngularJS
Single Page Application (SPA) using AngularJSSingle Page Application (SPA) using AngularJS
Single Page Application (SPA) using AngularJSM R Rony
 
How to Build SPA with Vue Router 2.0
How to Build SPA with Vue Router 2.0How to Build SPA with Vue Router 2.0
How to Build SPA with Vue Router 2.0Takuya Tejima
 
How to Become a Thought Leader in Your Niche
How to Become a Thought Leader in Your NicheHow to Become a Thought Leader in Your Niche
How to Become a Thought Leader in Your NicheLeslie Samuel
 

Destacado (10)

Refactoring to a Single Page Application
Refactoring to a Single Page ApplicationRefactoring to a Single Page Application
Refactoring to a Single Page Application
 
Five stages of grief: Evolving a multi-page web app to a single page application
Five stages of grief: Evolving a multi-page web app to a single page applicationFive stages of grief: Evolving a multi-page web app to a single page application
Five stages of grief: Evolving a multi-page web app to a single page application
 
Single-Page Application Design Principles 101
Single-Page Application Design Principles 101Single-Page Application Design Principles 101
Single-Page Application Design Principles 101
 
Love at first Vue
Love at first VueLove at first Vue
Love at first Vue
 
Vue 2.0 + Vuex Router & Vuex at Vue.js
Vue 2.0 + Vuex Router & Vuex at Vue.jsVue 2.0 + Vuex Router & Vuex at Vue.js
Vue 2.0 + Vuex Router & Vuex at Vue.js
 
Introduction To Single Page Application
Introduction To Single Page ApplicationIntroduction To Single Page Application
Introduction To Single Page Application
 
Single Page Application (SPA) using AngularJS
Single Page Application (SPA) using AngularJSSingle Page Application (SPA) using AngularJS
Single Page Application (SPA) using AngularJS
 
Introduction to Angularjs
Introduction to AngularjsIntroduction to Angularjs
Introduction to Angularjs
 
How to Build SPA with Vue Router 2.0
How to Build SPA with Vue Router 2.0How to Build SPA with Vue Router 2.0
How to Build SPA with Vue Router 2.0
 
How to Become a Thought Leader in Your Niche
How to Become a Thought Leader in Your NicheHow to Become a Thought Leader in Your Niche
How to Become a Thought Leader in Your Niche
 

Similar a Render XML web de forma abierta

The Chap Who Actually Ended Up Selling A programa de facturacion para republi...
The Chap Who Actually Ended Up Selling A programa de facturacion para republi...The Chap Who Actually Ended Up Selling A programa de facturacion para republi...
The Chap Who Actually Ended Up Selling A programa de facturacion para republi...sharkmaria0
 
La importancia del frontend y backend en un proyecto
La importancia del frontend y backend en un proyectoLa importancia del frontend y backend en un proyecto
La importancia del frontend y backend en un proyectoAptitud Emprendedora
 
Taller php 03 septiembre
Taller php 03 septiembreTaller php 03 septiembre
Taller php 03 septiembredaninazarit
 
Taller php 03 septiembre
Taller php 03 septiembreTaller php 03 septiembre
Taller php 03 septiembredaninazarit
 
Tecnologías web.pptx
Tecnologías web.pptxTecnologías web.pptx
Tecnologías web.pptxGabrielCarbas
 
Realtime Apps en .NET Core by Carlos Landeras y Manuel Rodrigo Cabello
Realtime Apps en .NET Core by Carlos Landeras y Manuel Rodrigo CabelloRealtime Apps en .NET Core by Carlos Landeras y Manuel Rodrigo Cabello
Realtime Apps en .NET Core by Carlos Landeras y Manuel Rodrigo CabelloPlain Concepts
 
Plainconcepts .Net Core Event - Real Time Applications
Plainconcepts .Net Core Event - Real Time ApplicationsPlainconcepts .Net Core Event - Real Time Applications
Plainconcepts .Net Core Event - Real Time ApplicationsCarlos Landeras Martínez
 
Lanzamiento Adobe AIR y Flex 3
Lanzamiento Adobe AIR y Flex 3Lanzamiento Adobe AIR y Flex 3
Lanzamiento Adobe AIR y Flex 3juanozz
 
The Executive Who Sold His programa de facturacion para republica dominicana ...
The Executive Who Sold His programa de facturacion para republica dominicana ...The Executive Who Sold His programa de facturacion para republica dominicana ...
The Executive Who Sold His programa de facturacion para republica dominicana ...sharkmaria0
 
The Father Who Actually Sold A programa de facturacion para republica dominic...
The Father Who Actually Sold A programa de facturacion para republica dominic...The Father Who Actually Sold A programa de facturacion para republica dominic...
The Father Who Actually Sold A programa de facturacion para republica dominic...sharkmaria0
 
Google Web Toolkit (GWT) en entornos empresariales
Google Web Toolkit (GWT) en entornos empresarialesGoogle Web Toolkit (GWT) en entornos empresariales
Google Web Toolkit (GWT) en entornos empresarialesTecsisa
 
Arquitectura de referencia corregido
Arquitectura de referencia corregidoArquitectura de referencia corregido
Arquitectura de referencia corregidoJose Torres Gonzales
 

Similar a Render XML web de forma abierta (20)

Tecnologias de desarrollo web
Tecnologias de desarrollo webTecnologias de desarrollo web
Tecnologias de desarrollo web
 
The Chap Who Actually Ended Up Selling A programa de facturacion para republi...
The Chap Who Actually Ended Up Selling A programa de facturacion para republi...The Chap Who Actually Ended Up Selling A programa de facturacion para republi...
The Chap Who Actually Ended Up Selling A programa de facturacion para republi...
 
La importancia del frontend y backend en un proyecto
La importancia del frontend y backend en un proyectoLa importancia del frontend y backend en un proyecto
La importancia del frontend y backend en un proyecto
 
MEAN ¿otro buzzword?
MEAN ¿otro buzzword?MEAN ¿otro buzzword?
MEAN ¿otro buzzword?
 
Taller php 03 septiembre
Taller php 03 septiembreTaller php 03 septiembre
Taller php 03 septiembre
 
Taller php 03 septiembre
Taller php 03 septiembreTaller php 03 septiembre
Taller php 03 septiembre
 
Html5
Html5Html5
Html5
 
AJAX
AJAXAJAX
AJAX
 
Flash Platform
Flash PlatformFlash Platform
Flash Platform
 
Tecnologías web.pptx
Tecnologías web.pptxTecnologías web.pptx
Tecnologías web.pptx
 
Realtime Apps en .NET Core by Carlos Landeras y Manuel Rodrigo Cabello
Realtime Apps en .NET Core by Carlos Landeras y Manuel Rodrigo CabelloRealtime Apps en .NET Core by Carlos Landeras y Manuel Rodrigo Cabello
Realtime Apps en .NET Core by Carlos Landeras y Manuel Rodrigo Cabello
 
Plainconcepts .Net Core Event - Real Time Applications
Plainconcepts .Net Core Event - Real Time ApplicationsPlainconcepts .Net Core Event - Real Time Applications
Plainconcepts .Net Core Event - Real Time Applications
 
presentacion php
presentacion phppresentacion php
presentacion php
 
Lanzamiento Adobe AIR y Flex 3
Lanzamiento Adobe AIR y Flex 3Lanzamiento Adobe AIR y Flex 3
Lanzamiento Adobe AIR y Flex 3
 
Ajax tsis
Ajax tsisAjax tsis
Ajax tsis
 
The Executive Who Sold His programa de facturacion para republica dominicana ...
The Executive Who Sold His programa de facturacion para republica dominicana ...The Executive Who Sold His programa de facturacion para republica dominicana ...
The Executive Who Sold His programa de facturacion para republica dominicana ...
 
The Father Who Actually Sold A programa de facturacion para republica dominic...
The Father Who Actually Sold A programa de facturacion para republica dominic...The Father Who Actually Sold A programa de facturacion para republica dominic...
The Father Who Actually Sold A programa de facturacion para republica dominic...
 
Google Web Toolkit (GWT) en entornos empresariales
Google Web Toolkit (GWT) en entornos empresarialesGoogle Web Toolkit (GWT) en entornos empresariales
Google Web Toolkit (GWT) en entornos empresariales
 
Arquitectura de referencia corregido
Arquitectura de referencia corregidoArquitectura de referencia corregido
Arquitectura de referencia corregido
 
Conferencia android
Conferencia androidConferencia android
Conferencia android
 

Render XML web de forma abierta

  • 4.
  • 6. Proyecto Open Source Una tecnología para la web, creada por la comunidad de la web.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 14. El plan: Plug-in a modo de “wrapper” para la librería para que la tecnología se pueda usar.
  • 15. El plan: Plug-in a modo de “wrapper” para la librería para que la tecnología se pueda usar. AXR ofrecerá mejorará el proceso tanto como para que los diseñadores web no quieran volver a HTML+CSS
  • 16. El plan: Plug-in a modo de “wrapper” para la librería para que la tecnología se pueda usar. AXR ofrecerá mejorará el proceso tanto como para que los diseñadores web no quieran volver a HTML+CSS Mejor productividad: las compañías querrán usarlo también
  • 17. El plan: Plug-in a modo de “wrapper” para la librería para que la tecnología se pueda usar. AXR ofrecerá mejorará el proceso tanto como para que los diseñadores web no quieran volver a HTML+CSS Mejor productividad: las compañías querrán usarlo también Con suficiente demanda y presión por parte de los diseñadores web, los navegadores usarán la librería nativamente

Notas del editor

  1. bienvenidos\n
  2. \n
  3. quiero presentaros mi proyecto\n
  4. nuevo proyecto open source\nuna tecnología para la web, creada por la comunidad de la web\n
  5. nuevo proyecto open source\nuna tecnología para la web, creada por la comunidad de la web\n
  6. crear un nuevo estándar para crear páginas y aplicaciones web [click] reemplazando HTML y CSS lenguaje avanzado\n
  7. características muy superiores\n
  8. la idea es ... llegado el día... mostrar páginas creadas con esta tecnología\ncomo añadido o alternativa\nlos navegadores todavía pueden competir\nla parte que queremos que sea igual para todos\nlo piden los clientes\n
  9. el proyecto no acaba ahi\nreplantearse todo el proyecto de principio a fin... corregir problemas\n\n
  10. son antiguas: parche tras parche... problemas de raíz\nno van a corregir... rompe compatibilidad hacia atrás\n\n
  11. no vas a ir a los navegadores “que buena idea”\ntecnología nueva -> demonstrar lo que vale\nexplicar el plan\n
  12. no vas a ir a los navegadores “que buena idea”\ntecnología nueva -> demonstrar lo que vale\nexplicar el plan\n
  13. no vas a ir a los navegadores “que buena idea”\ntecnología nueva -> demonstrar lo que vale\nexplicar el plan\n
  14. no vas a ir a los navegadores “que buena idea”\ntecnología nueva -> demonstrar lo que vale\nexplicar el plan\n
  15. no vas a ir a los navegadores “que buena idea”\ntecnología nueva -> demonstrar lo que vale\nexplicar el plan\n
  16. no vas a ir a los navegadores “que buena idea”\ntecnología nueva -> demonstrar lo que vale\nexplicar el plan\n
  17. no vas a ir a los navegadores “que buena idea”\ntecnología nueva -> demonstrar lo que vale\nexplicar el plan\n
  18. no vas a ir a los navegadores “que buena idea”\ntecnología nueva -> demonstrar lo que vale\nexplicar el plan\n
  19. no vas a ir a los navegadores “que buena idea”\ntecnología nueva -> demonstrar lo que vale\nexplicar el plan\n
  20. problemas y como solucionarlos\n
  21. uno de los principales objetivos de xhtml\nHTML sigo teniendo muchos aspectos de presentación:\ntablas, listas, elementos de UI\ny de funcionalidad: canvas, atributos de validación, inline SVG\nestructura unida a la presentación\n[click]\nejemplo de campo en header > footer\n
  22. yo creo en absoluta separación. contenido información pura\n¿que nos queda? Si partimos... sigue habiendo interactividad\nHSS incluye métodos para manipular el árbol de presentación\n\n
  23. yo creo en absoluta separación. contenido información pura\n¿que nos queda? Si partimos... sigue habiendo interactividad\nHSS incluye métodos para manipular el árbol de presentación\n\n
  24. sintaxis demasiado sencilla. nadie tiene problemas con sintaxis\nfacil de aprender pero problemas ... diseños más complejos..\n[click]\nejemplo de tres columnas\nejemplo cuadrículas\nejemplo centrar grupo de elementos\n
  25. sintaxis adecuada al medio\npáginas no son documentos estáticos ... cambiar tamaño ventana... interfaz se adapta... relaciones entre elementos.. ejemplo: elemento debajo de otro pero a un lado\norientado a objetos\nmodular\nfiltros de propiedad\njerárquico\nexpresiones referencias\netc\n
  26. sintaxis adecuada al medio\npáginas no son documentos estáticos ... cambiar tamaño ventana... interfaz se adapta... relaciones entre elementos.. ejemplo: elemento debajo de otro pero a un lado\norientado a objetos\nmodular\nfiltros de propiedad\njerárquico\nexpresiones referencias\netc\n
  27. sintaxis adecuada al medio\npáginas no son documentos estáticos ... cambiar tamaño ventana... interfaz se adapta... relaciones entre elementos.. ejemplo: elemento debajo de otro pero a un lado\norientado a objetos\nmodular\nfiltros de propiedad\njerárquico\nexpresiones referencias\netc\n
  28. sintaxis adecuada al medio\npáginas no son documentos estáticos ... cambiar tamaño ventana... interfaz se adapta... relaciones entre elementos.. ejemplo: elemento debajo de otro pero a un lado\norientado a objetos\nmodular\nfiltros de propiedad\njerárquico\nexpresiones referencias\netc\n
  29. sintaxis adecuada al medio\npáginas no son documentos estáticos ... cambiar tamaño ventana... interfaz se adapta... relaciones entre elementos.. ejemplo: elemento debajo de otro pero a un lado\norientado a objetos\nmodular\nfiltros de propiedad\njerárquico\nexpresiones referencias\netc\n
  30. sintaxis adecuada al medio\npáginas no son documentos estáticos ... cambiar tamaño ventana... interfaz se adapta... relaciones entre elementos.. ejemplo: elemento debajo de otro pero a un lado\norientado a objetos\nmodular\nfiltros de propiedad\njerárquico\nexpresiones referencias\netc\n
  31. elementos cuadrados\nborder radius no cuenta\ntriangulo, estrella, bocadillo? -> imágenes (problemas)\n\n
  32. completo motor vectorial -> cualquier forma que queramos\nformas predefinidas\ncrear formas a partir de líneas y curvas -> no hay límites\nrect\nround rect\ncircle\nstar\npolygon\npath example\n
  33. completo motor vectorial -> cualquier forma que queramos\nformas predefinidas\ncrear formas a partir de líneas y curvas -> no hay límites\nrect\nround rect\ncircle\nstar\npolygon\npath example\n
  34. completo motor vectorial -> cualquier forma que queramos\nformas predefinidas\ncrear formas a partir de líneas y curvas -> no hay límites\nrect\nround rect\ncircle\nstar\npolygon\npath example\n
  35. completo motor vectorial -> cualquier forma que queramos\nformas predefinidas\ncrear formas a partir de líneas y curvas -> no hay límites\nrect\nround rect\ncircle\nstar\npolygon\npath example\n
  36. completo motor vectorial -> cualquier forma que queramos\nformas predefinidas\ncrear formas a partir de líneas y curvas -> no hay límites\nrect\nround rect\ncircle\nstar\npolygon\npath example\n
  37. completo motor vectorial -> cualquier forma que queramos\nformas predefinidas\ncrear formas a partir de líneas y curvas -> no hay límites\nrect\nround rect\ncircle\nstar\npolygon\npath example\n
  38. maquetación difícil\nfloats -> una mierda -> fue creado para otra cosa -> sólo da dolores de cabeza\nnovato “pq no puedo alinear verticalmente?”\n
  39. herramientas de maquetación\nsi quiero alinear algo al 50%? 30%? \npermite al diseñador maquetar como está acostumbrado -> guías, alineando elementos\nalgoritmo de disposición “reglas de apilamiento”\norden en las dimensiones\nalineamiento\ndirección\norden de los elementos\n\n... como veis no es una cosa, sino muchas. sólo he contado las cosas más importantes\n
  40. herramientas de maquetación\nsi quiero alinear algo al 50%? 30%? \npermite al diseñador maquetar como está acostumbrado -> guías, alineando elementos\nalgoritmo de disposición “reglas de apilamiento”\norden en las dimensiones\nalineamiento\ndirección\norden de los elementos\n\n... como veis no es una cosa, sino muchas. sólo he contado las cosas más importantes\n
  41. herramientas de maquetación\nsi quiero alinear algo al 50%? 30%? \npermite al diseñador maquetar como está acostumbrado -> guías, alineando elementos\nalgoritmo de disposición “reglas de apilamiento”\norden en las dimensiones\nalineamiento\ndirección\norden de los elementos\n\n... como veis no es una cosa, sino muchas. sólo he contado las cosas más importantes\n
  42. herramientas de maquetación\nsi quiero alinear algo al 50%? 30%? \npermite al diseñador maquetar como está acostumbrado -> guías, alineando elementos\nalgoritmo de disposición “reglas de apilamiento”\norden en las dimensiones\nalineamiento\ndirección\norden de los elementos\n\n... como veis no es una cosa, sino muchas. sólo he contado las cosas más importantes\n
  43. si te gusta el proyecto y estás dispuesto a colaborar, háblame en las cervezas\ncualquiera puede colaborar\ndiscusión acerca de cual es la mejor manera de resolver problemas de la manera más elegante\nya tengo como 70 páginas escritas de la especificación\na punto de subirla\n
  44. necesitamos:\ningenieros informáticos\ndiseñadores web\ndevelopers front-end\nexpertos en tipografía\nentusiastas\netc\n\nlo mínimo que cualquiera puede hacer es twittear\n20 de febrero\n
  45. página de axr -> mission statement y futuro: especificación\nlista de correo-> discutir las cuestiones importantes del proyecto\n
  46. \n