HTML5, CSS3 y Javascript son la nueva columna vertebral de la experiencia de usuario en Internet, acortado como "HTML5", similar a lo que en su tiempo fue la "Web 2.0".
"Web 2.0" es un termino desafortunado. Inventado por O'Reilly y desvirtuado por el marketing, nunca significó nada más allá de "AJAX con usabilidad" y terminó como sinonimo de ignorancia tecnologica.
Ahora tenemos "HTML5". HTML5 es la nueva versión semántica del lenguaje de etiquetas con el que se construye internet. Pero la W3C, el consorcio encargado del estándar, también ha tomado HTML5 como el término sombrilla que engloba las nuevas tecnologías del futuro de la web. A diferencia de "web 2.0", esta vez HTML5 tiene un norte definido, un grupo de empresas y fundaciones apoyando y una visión.
"¡¡Pero HTML5 no es CSS3 y Javascript!!"
HTML5 es un lenguaje de modelado de información por etiquetas. CSS3 es un lenguaje de estilos en cascada. Javascript es un lenguaje de programación. Y todos, todos, se engloban alrededor del concepto HTML5.
Flash es una herramienta vectorial, un formato de animación y un contenedor de Actionscript 3, así como el player de varios formatos de video y del sistema de RIAs Flex.
¿Y saben qué? Sigue llamandose Flash todo eso.
La W3C oficialmente aceptó "HTML5" como el concepto sombrilla, al punto que creo un logo principal y una página de marca explicando claramente que HTML5 es HTML y más que HTML.
Los geeks fanaticos no entienden de marcas
La discusión de que HTML5 no es CSS3 que se dio en Cristalab la semana pasada me recuerda la discusión de si "Linux" es "GNU/Linux" o no. La realidad es que a nadie le importa. Sí es importante definir qué cosa es qué al programar, pero cualquier persona inteligente puede diferenciar el uso de HTML5 en cada contexto.
¿Por qué el odio a usar HTML5 como concepto? No lo sé ¿Elitismo? No encuentro el menor sentido en atacar un concepto que ayuda a entender mejor una nueva tecnología y por extensión a vender más, mejor y más avanzados proyectos a los clientes y usuarios.
El artículo de la semana pasada dice que Web Storage, la capacidad de guardar en disco con Javascript, no es HTML5. Y publica esta URL:
http://dev.w3.org/html5/webstorage/
Donde parte de la URL dice HTML5!!
¿Quieren más ejemplos? Entren a:
http://dev.w3.org/html5/
Donde encontrarán Canvas (Bitmaps Javascript), Device (cámaras, microfonos), Websockets (Mensajes realtime), Web Workers (JS multitarea) entre muchos otros ejemplos bajo HTML5.
"HTML5 estará listo en el 2014"
El último y más famoso recurso de los detractores de HTML5 es que "no está listo". ¿Ustedes creen que HTML5 es un software que una empresa "termina"? HTML5 es un spec vivo, cuya implementación depende de los navegadores y del cual gran parte se puede usar ya mismo sin problemas. Eso incluye CSS3. Es posible usar CSS3 en Internet Explorer viejos. Es posible usar HTML5 desde ya.
El draft HTML5 de la W3C no se cerrará hasta dentro de unos años, pero para entonces nuestros navegadores tendrán nuevas tecnologías, porque no es Flash o Visual Basic, es una tecnología viva que crece con su uso.
Sean profesionales, usen HTML5 y no teman llamarle a las cosas por su marca.
¿Sabes SQL? ¿No-SQL? Aprende MySQL, PostgreSQL, MongoDB, Redis y más con el Curso Profesional de Bases de Datos que empieza el martes, en vivo.
Yo se que es, pero si existe gente que ignora o batalla por darle un concepto diferente, correcto o incorrecto, tendrán que aprender, porque al final no hacemos web para nosotros, lo hacemos para los usuarios y clientes.
Pero creo que si es justo patear a un desarrollador que charlando entre los de su tipo salga con conceptos equivocados.
Te me adelantaste... pensaba hacer hasta una comparación en un artículo donde mostrara la convergencia de todas las tecnologías... será cambiar el enfoque
Muy buena y era necesaria la aclaración buena y al punto
Kinduff :
Si estás usando Canvas o etiquetas semánticas, seguro aplica, pero si es sólo jQuery eres deshonesto y no es ese el espiritu del artículo.
Kinduff :
Kinduff :
ElSiniestro :
Te me adelantaste... pensaba hacer hasta una comparación en un artículo donde mostrara la convergencia de todas las tecnologías... será cambiar el enfoque
http://www.w3.org/TR/html5/
No escribo algo por escribir no es mi interés por esto deje los links de cada una de estas tecnologías no necesito inventar nada que ya esta hecho, y a usted no le interesa pero en los equipos de desarrollo en los que he estado y estoy siempre nos es importante saber que tecnologías usamos. Así que le pido respeto con lo que usted piense y lo que yo investigue y con gusto si me va a refutar algo que sea con citas técnicas claras no con palabras y pensamientos..!!!
Ademas una URL no quiere decir nada. bajo que concepto técnico lo dice....!!!
Buen artículo, Freddie.
alejo8591 :
http://www.w3.org/TR/html5/
La mismisima W3C :
Semantics: Etiquetas HTML5
Offline and Storage: App Cache, Web Storage, File API
Device Access: Geolocalización, Cámaras y Microfonos
Connectivity: Websockets
Multimedia: Audio y Video
3D, Graphics & Effects: Canvas, WebGL, CSS3 3D.
Performance: AJAX 2 y Web Workers
CSS3: Duh! CSS3.
No lo digo yo, lo dice la página oficial de la marca HTML5 de la misma W3C que citas. Deja de peleear alejo8591, es una batalla en subida que no puedes ganar.
No usar HTML5 como marca y pensar en él sólo como la evolución de un lenguaje de marcado es perderse de oportunidades de venta, porque a final de cuenta desarrollar para internet es para muchos de nosotros un Jobi transformado en trabajo, vivimos de nuestro jobi y si éste no te da de comer entonces habrá que buscar por otro lado y convertirse en la persona más triste del mundo.
Freddie :
alejo8591 :
http://www.w3.org/TR/html5/
La mismisima W3C :
Semantics: Etiquetas HTML5
Offline and Storage: App Cache, Web Storage, File API
Device Access: Geolocalización, Cámaras y Microfonos
Connectivity: Websockets
Multimedia: Audio y Video
3D, Graphics & Effects: Canvas, WebGL, CSS3 3D.
Performance: AJAX 2 y Web Workers
CSS3: Duh! CSS3.
No lo digo yo, lo dice la página oficial de la marca HTML5 de la misma W3C que citas. Deja de peleear alejo8591, es una batalla en subida que no puedes ganar.
No estoy peleando, que me gusta investigar antes de sacar un juicio o de creer algo que se dice
Freddie :
Kinduff :
Si estás usando Canvas o etiquetas semánticas, seguro aplica, pero si es sólo jQuery eres deshonesto y no es ese el espiritu del artículo.
¿Cómo vendes Freddie? Al cliente no le importa si estás usando PHP, Python, pasteles, azucar o jugo para hacer su web, el quiere ver resultados, quiere que funcione. No me pongo a explicarle cual es la diferencia en HTML y CSS, si tu lo haces, mis respetos.
Tu más que nadie sabes que HTML5 tuvo un impulso muy fuerte y que carga una comercialización bestial entre amateurs, agencias y demás; todos quieren HTML5, pero no tienen ni idea de las tecnologías que van por detrás o paralelas.
Freddie :
Kinduff :
Indeed.
Freddie :
Kinduff :
Si, tienes toda la razón, ¿Quién soy yo para decir tales barbaridades?
Disculpenme por la desviación.
[/offtopic]
Es cuestión de contextos. Realmente el mismo término significa dos cosas diferentes, una técnica y otra de mercadeo. O no somos conscientes de ello o somos conscientes y nos hacemos los locos.
Que la W3C decida usar HTML5 como una marca es un elemento de marketing, no aporta ni quita absolutamente nada al aspecto tecnológico y profesional de lo que el lenguaje de marcado y sus tecnologías relacionadas es.
Quizá no les parezca tan importante, pero para mí es importante hablar con un desarrollador y decirle algo de geolocalización y ambos sepamos que no requieres usar etiquetas de HTML5 para eso, o que CSS3 es independiente de HTML5 (y lo hemos estado usando desde antes que HTML5 apareciera). Esas son cosas de las que no hablo con mis clientes (que normalmente entienden lo mismo que cuando piden que les armes una computadora que tenga "lo último"), si es necesario, a ellos les hablo de marketing, de cosas que pueden comprender, pero en un foro técnico, en una comunidad de programadores / diseñadores, de gente que entiende de web, venir con cosas como "Acordión con HTML5 y CSS3" sólo para venderme el artículo, lo siento, pero eso no me parece (a mí) ni serio ni profesional, me hace pensar que la persona no tiene claro qué es una cosa y qué es la otra. No es asunto de tener que escoger entre un concepto y otro, cada uno tiene un contexto y vale (en mayor o menor medida) dentro de él.
Es curioso que menciones lo de la "web 2.0" porque tengo la sensación de que a "HTML5" le pasa un poco de lo mismo, la gente mete allí no sólo CSS3 y Javascript sino cosas como Node.js, Socket.io, incluso he escuchado casos extremos de Python y Ruby (pocos por fortuna), por eso me parece importante hablar con propiedad en cada caso, así evitamos esas extrañas confusiones y todos sabemos que hablamos en los mismos términos.
Por ST el 07 de Marzo de 2012
Por otro lado, técnicamente hablando, el working draft de la especificación de HTML5 (http://www.w3.org/TR/html5/) solamente menciona lo que tenga que ver con HTML/DOM, esto incluye el tag canvas y su interfaz de programación sin entrar mucho en detalles sobre su API (http://www.w3.org/TR/html5/the-canvas-element.html). Cómo digo, es por especificación que se separa por completo el detalle de cada DOM API de la general de HTML5. Por otro lado, existe una interfaz DOMString que extiende directamente del objeto String de ECMAScript y se utiliza exclusivamente para definir cadenas en las interfaces DOM y es mencionada además en la especificación de HTML5.
¿Por qué Web Workers no entra en la especificación oficial de HTML5? Porque no interviene en el API DOM así que por esta razón tiene su detalle en un borrador aparte. Recordemos que si bien la W3C utiliza Javascript para sus ejemplos, esto no quiere decir que Javascript sea el lenguaje exclusivo para implementar la especificación. Los borradores definen las interfaces de programación en IDL (Interface description language) que es un pseudolenguaje para decirle a los implementadores (Mozilla, Opera, etc) lo que deben hacer, así que esto no encierra a Javacript como único lenguaje. Dando un ejemplo sencillo: Dart como lenguaje alternativo a Javascript que implementará la especificación de Web Workers, WebSockets, Canvas, etc
Para concluír, considero que tanto freddie como alejo8591 tienen sus puntos. alejo8591 desde la parte técnica y de especificación y Freddie la parte de difusión. Creo que no es necesario discutir por esto, cada quién utiliza los APIs a su manera y pues el que esto o lo otro sea HTML5 o no, no afecta para nada el desarrollo de aplicaciones. Otra cosa es que mucha gente crea que Modernizr va a hacer que Internet Explorer soporte cosas que no puede soportar, eso sí es bastante grave porque se crea una ignorancia alrededor de una librería no hace lo que mucha gente piensa y puede poner en riesgo proyectos.
Por jordano_p el 07 de Marzo de 2012
Hay que aceptar lo cambio cuando llegan para bien, estas nuevas tecnologías que están revolucionando la forma de crear en la web han llegado para quedarse y para facilitarnos un poco la vida.
Aceptemos el cambio aprendamos de ello, en vez de estar buscando la 5º para la gato.
alejo8591 :
http://dev.w3.org/html5/ <- dale click, dale click, dale click, dale click.
¿Qué dice? ¿Dice que Canvas es HTML5? Sí ¿Qué Web Storage y Web Workers también? Sí.
Dale, dale click.
O quieres la versión oficial:
http://www.w3.org/TR/html5/ Clickealo, vamos, sabes que quieres.
¿Qué dice? Dice que cosas como History (Javascript), Location (Javascript), las Web Application APIs (Javascript), los Navigator con geoLocation (Javafuckingscript), la sintaxis CSS (CSS3, what about that shit??) y TODOS sus detalles desde fuentes hasta display types ( C S S 3 ) hacen parte del ESTANDAR ACHE TE EME ELE CINCO OH POR DIOS.
¿Quieres que sea más oficial? ¿O ya podemos estar satisfechos? Puedo ir a la lista de correo de WHATWG para que quede claro que esto sí es HTML5 si quieres, pero creo que ya es suficiente.
Es decir, si usas las etiquetas, estás haciendo HTML5 también. Así como puedes programar algo sencillo en PHP sin usas clases
@Kinduff, no se como usas el concepto de HTML5 para vender, la mayoría de mis clientes se interesan más porque su web se vea bien, se vea en iPad y que no sea estática
Claro, mi ciudad es pequeña y los empresarios poco saben de internet
Por agarciaramirez el 07 de Marzo de 2012
Muy Buen artículo Freddier
Freddie :
alejo8591 :
http://dev.w3.org/html5/ <- dale click, dale click, dale click, dale click.
¿Qué dice? ¿Dice que Canvas es HTML5? Sí ¿Qué Web Storage y Web Workers también? Sí.
Dale, dale click.
O quieres la versión oficial:
http://www.w3.org/TR/html5/ Clickealo, vamos, sabes que quieres.
¿Qué dice? Dice que cosas como History (Javascript), Location (Javascript), las Web Application APIs (Javascript), los Navigator con geoLocation (Javafuckingscript), la sintaxis CSS (CSS3, what about that shit??) y TODOS sus detalles desde fuentes hasta display types ( C S S 3 ) hacen parte del ESTANDAR ACHE TE EME ELE CINCO OH POR DIOS.
¿Quieres que sea más oficial? ¿O ya podemos estar satisfechos? Puedo ir a la lista de correo de WHATWG para que quede claro que esto sí es HTML5 si quieres, pero creo que ya es suficiente.
Bueno, en aras de aclarar esta serie de links que das, hay que decir que la propia especificación de HTML5 habla de estas tecnologías (Javascript, CSS Modules, XML, DOM, Web IDL, Media Queries, URIs, IRIs, IDNA y File API) como dependencias sobre las que reposa HTML5. Más concretamente:
2.2.2 Dependencies:
This specification relies on several other underlying specifications(...)
http://www.w3.org/TR/html5/infrastructure.html#dependencies
Son especificaciones independientes sobre las cuales la especificación HTML reposa, no que sean parte del estándar.
Repito, hablamos de dos cosas diferentes. Querer hacer que la marca HTML5 signifique lo mismo en ambos contextos no sólo es reduccionista sino también -según como yo lo veo- un poco ridículo.
http://www.w3.org/TR/2012/WD-css3-break-20120228/
En geolocalización donde habla de HTML5 o que hace parte de el:
http://dev.w3.org/geo/api/spec-source.html
EN Web Storage NO dice que haga parte de este
http://www.w3.org/TR/webstorage/#introduction
En fin mi interés no es desmentir ni decir que es HTML5 sólo es una investigación que hice con respecto al tema, porque yo estoy más del lado del desarrollo, que de la parte comercial, lo dije a uno de los comentarios "No como entero lo que me dicen, para mí es importante investigar lo que uso..!!!" y no me refiero a lo que @cvander y @freddier dicen.. me refiero a algo que investigue, pero no por eso pueden venir a decir que soy mentiroso, cuando explícitamente deje las fuentes (drafts) de lo investigado.
Por CrisTanner el 08 de Marzo de 2012
The Fricky! :
Realmente yo estaba hablando de la parte técnica no del maketing detras del asunto, algunos lo tomaron como personal, pero mi idea era poner en claro una investigación basica que hice, tomo un matiz curioso, pero fue interesante el asunto del debate, yo seguire diciendo y pensando lo que dice mi investigación
Por Carlos el 08 de Marzo de 2012
Por jarlest el 08 de Marzo de 2012
In addition, several parts of HTML5 have been taken out and will be further developed by the Web Applications Working Group as standalone specifications:
WebSocket API
WebSocket protocol
Server-Sent Events
Web Storage (localStorage and sessionStorage)
Web SQL Database
Si alguien tiene algo mejor que esto con gusto lo estudiare
Por Junihor Moran el 08 de Marzo de 2012
Por josebetanzos el 08 de Marzo de 2012
Hoy toca al fabuloso HTML5 Y CSS3 y los lenguajes de programación qué la acompañan por qué no explorar bien lo potente que es esta herramienta.
Si la w3c se niega a implementar HTML5 Y CSS3 que más da si los navegadores son los encargados de interpretar el contenido de nuestra web si aquellos que utilicen internet Explorer 6, 7,8 ojo se están perdiendo las cosas maravillosas que se están haciendo en la web del ahora, del hoy, no del mañana por que html5 es el presenta de la web
referencia del libro en google books
http://books.google.com.co/books?id=GdDHanarLLUC&printsec=frontcover&hl=es&source=gbs_ge_summary_r&cad=0#v=onepage&q&f=false
El párrafo citado:
What do we mean by HTML5?
This might sound like a silly question, but there is an increasing tendency amongst standards pundits to lump all exciting new web technologies into a box labeled HTML5. So, for example, we’ve seen SVG (Scalable Vector Graphics) referred to as “one of the HTML5 family of technologies,” even though it’s an inde- pendent W3C graphics spec that’s ten years old.
Further confusion arises from the fact that the official W3C spec is something like an amoeba: Bits split off and become their own specifications, such as Web Sockets or Web Storage (albeit from the same Working Group, with the same editors).
So what we mean in this book is “HTML5 and related specifica- tions that came from the WHATWG” (more about this exciting acronym soon). We’re also bringing a “plus one” to the party— Geolocation—which has nothing to do with our definition of HTML5, but which we’ve included for the simple reason that it’s really cool, we’re excited about it, and it’s part of NEWT:
the New Exciting Web Technologies.
Ficha técnica del libro:
Introducing HTML5
ISBN-10: 0321687299
ISBN-13: 9780321687296
Publisher: New Riders
Pages: 240
Date: July 2010
Series: Voices That Matter
Por torrealbaruben el 08 de Marzo de 2012
Por jhonnybmx el 08 de Marzo de 2012
A mi me gusta el concepto y todo el contexto de HTML5, no me importa si se dice que solo es el etiquetado, a los clientes le gusta y a nosotros también.
Gracias por el artículo, algo me decía que no te quedarías callado jaja
Por karlos2101 el 08 de Marzo de 2012
esta evolucionando la web
Por JessikLynch el 09 de Marzo de 2012
Por karlos2101 el 09 de Marzo de 2012
JessikLynch :
gracias por acordarnos
Por luis el 14 de Marzo de 2012
HTML5 y CSS3 es la oportunidad de dejar a un lado un poco el codigo bruto, y trabajar mas la maquetacion, logrando igual excelentes resultados tanto en experiencia de usuario como en diseño