Antes de continuar con toda esta parafernalia de HTML5 y CSS3 es bueno desmentir o aclarar ciertas cosas que como desarrolladores debemos tener claras y que la información no muy clara en distintos medios (foros, blogs, screencast, etc...) puede prestar para confusiones y malos entendidos. Y esto puede generar un obstáculo en el equipo de desarrollo del proyecto en que se esté trabajando. A veces es bueno un poco de lectura pues no todo es código y código, siempre diré que una lectura o un buen libro mantienen el cerebro ejercitado y listo para aprender nuevas cosas.
La idea errónea de CSS3
CSS existe alrededor de HTML desde 1996 - es una tecnología relativamente vieja, claro está que esto muchos lo saben!!. La última versión, CSS3, se ha estado desarrollando desde 2005 y todavía está muy lejos de cumplir la recomendación total indicada por la W3C. Se ha dividido en módulos individuales que están siendo implementados por los navegadores, y de todos modos se continúa trabajando. Debido a esto, es difícil predecir cuándo CSS3 será terminado al 100 por ciento, aunque, como HTML5, partes de él ya se pueden usar en la mayoría de los navegadores.
La cosa importante a observar con CSS es que está separado de HTML en el desarrollo y uso. CSS3 no es parte de la especificación HTML5 (que nunca fue y nunca lo será, eso espero!). Se trata de dos tecnologías completamente diferentes - uno para la estructura y el diseño, y el otro para la presentación, debido a su proximidad en el uso, han sido agrupados por alguna razón. El resultado final? No se puede referir a CSS3 como HTML5.
Entonces CSS3 es parte de HTML5?
No - CSS3 es una tecnología de diseño, no tiene nada que ver con el contenido o la estructura de HTML5. Aquí puede encontrar un complemento sobre CSS3 y sus especificaciones.
Web Fonts
Uno de los inconvenientes masivos con el diseño web el increíblemente difícil uso de fuentes personalizadas. Hasta hace poco la única forma de hacerlo era mediante la construcción de imágenes estáticas que representan las palabras que desea utilizar, o mediante el uso de sistemas complicados como sIFR o Cufon. Web Fonts resuelve este problema mediante la introducción de font-face una de tantas reglas de CSS, que permite el uso de fuentes personalizadas con sólo un par de líneas de código. Mucho más fácil, verdad!, lo único delicado del asunto es tener en cuenta que tipo de fuente está utilizando y si respeta los derechos de propiedad intelectuales del caso.
Entonces Web Font es HTML5?
No - es parte de CSS3, además, técnicamente no se conoce como Web Fonts. La W3C lo declara como un módulo. Aquí puede encontrar más información sobre CSS3 y Web Font.
Geolocalización en HTML5
Imagínese que usted pudiera obtener automáticamente la información en la Web relacionada con su ubicación actual, donde quiera que esté (bueno en casi todos los lugares). La API de geolocalización está haciendo precisamente esto, proporcionando una herramienta a través de algunos scripts de JavaScript "sencillos" para la ubicación aproximada de un usuario. El usuario tiene que permitir que la información sobre su ubicación pueda ser compartida, pero las consecuencias de hacerlo son profundas, como los anuncios publicitarios relacionados con los resultados de búsquedas útiles y contenidos del sitio web correspondiente. Esto tiene cosas positivas y un cierto sabor negativo.
Y la API de geolocalización es HTML5?
No - esta es una API de JavaScript que está diseñada para ser implementada por los navegadores que tengan soporte sobre ésta. Aquí puede encontrar más información sobre la API de geolocalización.
SVG ó Gráficos en Vectores
Scalable Vector Graphics (SVG) es un lenguaje que le permite crear gráficos vectoriales 2D utilizando XML. Es muy similar a canvas en su funcionalidad y propósito, pero difiere sustancialmente en otras áreas.
Pero SVG es HTML5?
No - es una tecnología totalmente independiente que describe el uso de gráficos XML. Aquí puede encontrar más información sobre SVG.
Web Storage
Los Cookies, aperitivo favorito de los desarrolladores, coincidentemente son el método de elección para el almacenamiento de pequeñas cantidades de información en el ordenador del usuario. Hasta ahora ha sido el único método viable de almacenamiento de datos en el ClientSide (del lado del cliente), pero tiene algunos defectos que potencialmente pueden causar muchos dolores de cabeza en lo que a seguridad se refiere. Web Storage, es un conjunto de APIs de JavaScript, ha sido creado para ofrecer una selección de gran alcance de las opciones de almacenamiento que resolver las desventajas inherentes de usar cookies. No suena tan cool, pero abren las puertas a cosas como ver tu correo electrónico basado en el navegador y almacenado un volumen de información relativamente interesante. Cool cierto!
Pero Web Storage es HTML5?
No - es una API de JavaScript, que está diseñada para ser implementada por los navegadores que tengan soporte sobre esta. Aquí puede encontrar más información acerca de Web Storage.
Web Workers
Los Web Workers son en realidad esclavos incansables escritos en JavaScript listos para hacer uso de ellos. Su único propósito es llevar a cabo cálculos pesados y otras tareas intensivas en el background de la aplicación, sin que la página web se vea afectada en su rendimiento y dañar la experiencia del usuario. No hay un gran número de casos de uso para los Web Workers, pero es bueno saber que están ahí en caso de que los necesite.
Los Web Workers son HTML5?
No - son una API de JavaScript, que está diseñada para ser implementada por los navegadores que tengan soporte para la misma. Aquí puede encontrar más información acerca de los Web Workers.
WebSockets
La comunicación normal en la Web se hace a través de HTTP, un método que sólo permite la comunicación en una dirección en un momento dado, y requiere de una página Web que se solicita cada vez que desea que actualice o cree datos. Para evitar esto los desarrolladores Web han estado utilizando toda una serie de opciones para eludir el requisito de tener que solicitar una nueva página cada vez que se necesite de una información sobre algún elemento de la página. Tecnologías como Ajax y Comet se inventaron para este fin.
Sin embargo, todavía no son verdaderamente métodos de comunicación bidireccional - la información sigue viajando sólo en una dirección en un momento dado.
Los WebSockets son diferentes, porque utilizan TCP que permite la verdadera comunicación bidireccional entre el cliente (su computadora) y un servidor. Esto significa que usted nunca tiene que hacer una petición de nuevos datos desde el servidor, ya que la información es, literalmente, transmitida a su computadora en tiempo real a medida que llega nueva información. Es un concepto complicado, pero muy poderoso, una vez que llegue a familiarizarse con él.
La API de WebSocket es HTML5?
No - es una API de JavaScript que está diseñada para ser implementada por los navegadores que la soportan. Aquí puede encontrar más información sobre la API de WebSocket.
Conclusión
A pesar de que todas estas tecnologías no son parte de HTML5, todas ellas resuelven un propósito específico y que debe ser aceptado y usado junto con HTML5 siempre que sea posible. Por ejemplo, mediante la combinación de WebSockets y canvas de HTML5 se pueden crear en tiempo real increíbles juegos para varios jugadores en línea (redundante pero cierto). Ahora sí, es una combinación fresca de dos tecnologías diferentes, que juntas dan un sabor al desarrollo inigualable.
¿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.
¡Gracias por tan útil información!
Por PedritoLOL el 01 de Marzo de 2012
gers :
¡Gracias por tan útil información!
Gracias por el comentario y pido disculpas publicas se me paso un link, pero aqui esta:
http://dev.w3.org/html5/websockets/
PD: Gracias Cristalab por la publicación
Por DJ el 01 de Marzo de 2012
Por karlos2101 el 01 de Marzo de 2012
Por Carlos el 02 de Marzo de 2012
DJ-blog :
Bueno la verdad es que en la investigación me enfrente a esa misma pregunta
Saludos y gracias
Por mr_jaaf el 02 de Marzo de 2012
http://www.html5rocks.com/en/
Me he confundido
El Semántico :
http://www.html5rocks.com/en/
Me he confundido
Bueno no he visto mucho el proyecto de HTML5 Rocks, solo fue una recopilación de información que hice con base a la W3C precisamente por esto deje los links de referencia bibliografica, porque lo mismo me sucedio a mi con muchas cosas que hablaban los diseñadores, desarrolladores, etc... pero pues siempre me inquietaron las palabras de un profesor "Nunca creas todo lo que te enseñen"
mr_jaaf-blog :
Precisamente no me guio por lo personal
Te invito a que leas la especificación de HTML5 : http://dev.w3.org/html5/spec/Overview.html
alejo8591 :
mr_jaaf-blog :
Precisamente no me guio por lo personal
Te invito a que leas la especificación de HTML5 : http://dev.w3.org/html5/spec/Overview.html
Por kineticfront el 02 de Marzo de 2012
Por Inés Guadalupe el 02 de Marzo de 2012
mr_jaaf-blog :
HTML5 es el lenguaje de etiquetas semanticas, la version 5, actualmente todavia esta en desarrollo y muy verde (no esta echo el borrador). Es eso y nada mas.
Lo que sucedio, es que cuando salio HTML5, salieron a la luz nuevas cosas (css3, websocket, etc etc etc) entonces, alguien muy ingenioso de marketing dijo "Todo eso nuevo es HTML5" y se comenzo a vender como tal.
Se puede usar css3 con xhtml sin problemas, webfont esta desde hace mucho y se puede usar con xhtml sin problemas, geolocalizacion es nuevo, y es netamente js al igual que webstorage, websocket tambien es viejo (php lo puede hacer, pero no tan bien como node.js). Entonces, no hay nada "nuevo" bajo el sol, solamente un bonito markup con html5
Dientuki :
mr_jaaf-blog :
HTML5 es el lenguaje de etiquetas semanticas, la version 5, actualmente todavia esta en desarrollo y muy verde (no esta echo el borrador). Es eso y nada mas.
Lo que sucedio, es que cuando salio HTML5, salieron a la luz nuevas cosas (css3, websocket, etc etc etc) entonces, alguien muy ingenioso de marketing dijo "Todo eso nuevo es HTML5" y se comenzo a vender como tal.
Se puede usar css3 con xhtml sin problemas, webfont esta desde hace mucho y se puede usar con xhtml sin problemas, geolocalizacion es nuevo, y es netamente js al igual que webstorage, websocket tambien es viejo (php lo puede hacer, pero no tan bien como node.js). Entonces, no hay nada "nuevo" bajo el sol, solamente un bonito markup con html5
Palabras más palabras menos; lo que acaba de decir Dientuki es la esencia de HTML5
Muy buen artículo, es del tipo de artículos que me habría gustado escribir.
The Fricky! :
Muy buen artículo, es del tipo de artículos que me habría gustado escribir.
Muchas gracias por la apreciación y lo que dices es la esencia de mi articulo
El primero es la versión del lenguaje de marcado al cual se refiere este artículo. Nuevas semánticas y demás cosas aburridas. POR FAVOR QUITA EL LOGO DEL ESCUDO ANARANJADO.
El segundo HTML5 (el del escudo naranja bonito) engloba un grupo de tecnologías nuevas (algunas no tanto), las llamadas API's de Javascript y CSS3. En este HTML5 es en dónde entran todas las tecnologías que este artículo dice que no son HTML5. Todas ellas SI SON HTML5, pero están fuera de la especificación del lenguaje de marcado como tal, pero son un grupo de tecnologías a las cuales se agruparon todas en esta nueva propuesta que llamaron HTML5 (porque la tecnología que hace que casi todas las demás sean posibles es el HTML semántico").
Esto es lo que es HTML5, espero lo haya expresado claro y si hay dudas comentenlas o hagamos un foro de el mito de HTML5.
Por otro lado, el etiquetado semántico es el verdadero aporte que da HTML5 a todo esto, y no es poca cosa, no sólo permite una mejor estructura al sitio sino que también proporciona una serie de atributos que permiten que los documentos sean más accesibles y mejoran su significado y el manejo del contenido
jm2c :
El primero es la versión del lenguaje de marcado al cual se refiere este artículo. Nuevas semánticas y demás cosas aburridas. POR FAVOR QUITA EL LOGO DEL ESCUDO ANARANJADO.
El segundo HTML5 (el del escudo naranja bonito) engloba un grupo de tecnologías nuevas (algunas no tanto), las llamadas API's de Javascript y CSS3. En este HTML5 es en dónde entran todas las tecnologías que este artículo dice que no son HTML5. Todas ellas SI SON HTML5, pero están fuera de la especificación del lenguaje de marcado como tal, pero son un grupo de tecnologías a las cuales se agruparon todas en esta nueva propuesta que llamaron HTML5 (porque la tecnología que hace que casi todas las demás sean posibles es el HTML semántico").
Esto es lo que es HTML5, espero lo haya expresado claro y si hay dudas comentenlas o hagamos un foro de el mito de HTML5.
Te invito a que leas a fondo la documentación oficial del HTML5 http://dev.w3.org/html5/spec/Overview.html nunca hablan de "DOS" HTML5 es uno solo, y luego si sacar las conclusiones que vienen al caso..!!
Por HtrMancera el 04 de Marzo de 2012
Por v3on el 04 de Marzo de 2012
Por dual3nigma el 04 de Marzo de 2012
Por Ramatis4620 el 04 de Marzo de 2012
Por BrodaNoel el 04 de Marzo de 2012
BrodaNoel :
Si lees el articulo y ve la estructura podras suponer que se le olvido al autor poner el enlace. A menos que tengas pruebas de que haya sido un plagio no acuses, en verdad, es un insulto muy feo para alguien que quiere aportar sus conocimientos.
Ahora no entiendo la discusión entre si CSS3 y HTML5 son la misma tecnologia o como lo quieran llamar, HTML5 es y siempre será un lenguaje de marcado; CSS3 es hoja de estilo de cascada (¿hace cuanto no escuchaban eso?) el 5 y el 3 son porque son nuevas versiones y aun no son oficiales, si no hasta el 2015 si mal no recuerdo que ambas seran liberabas oficialmente.
Pero vamos quien va hacer una web con solo HTML sin siquiera un poco de CSS? Y luego querrá un poco de "dinamismo local" le metemos Javascript que ya a estas alturas es comun. Asi que para mi HTML5 + CSS + JS forman parte de un todo = Client Side 5.3
Por Gast el 05 de Marzo de 2012
Este post es un saz en la boca a todos que tragan entero y no se detienen a pensar un poco en lo que les dicen.... como lo de Steve Jobs y Flash: no era por procesador, no era por dinero, era venganza contra adobe.
A todos aquellos que tragan entero esto del html5 les digo: sigan viendo conferencias online y pagando cursillos de gente q no tiene portafolio y se la pasa es paseando. Sigan asi.
Por gio.vl el 05 de Marzo de 2012
@alejo8591 gracias por tu esfuerzo en escribir este artículo, pero no estoy de acuerdo. Bueno todos aquí sabemos que HTML es el lenguaje de marcado, muy cierto.. sin embargo No creo que sea una "conspiración" con la pretención de alguien para ganarse el crédito de las nuevas tecnologías que han surgido sobre la web. Mas bien creo que es un esfuerzo por unificar todo en un solo paquete, por dos cosas.. primero, para poner orden y segundo para "cachetearnos" a todos los desarrolladores y decirnos "OIGAN PUEDEN HACER ESTO, cambien el mundo", Html5 "sirve en un solo plato" muchas de esas tecnologías y enprendimientos que han ido surgiendo por aquí y por alla.. ya sea por mera curiosidad, casualidad o por la aparición real de una necesidad que satisfacer (como la "comunicación bidireccional"), recuerden que cuando la web apareció nadie se imagino que seria lo que hoy es, era mas que un ".html".. cuando netscape implemento javascript jamas se imagino que para el 2012 seria la columna vertebral del comportamiento frontend de la web, por eso es que javascript lo conocemos como tal y no como HTMLscript .. jajaj, HTML5 abarca un contexto mas allá del documento ".html", porque sencillamente la WEB desde hace ya muchos años a dejado de ser solo un grupo de archivos .html estáticos, poco útiles.
Me pareció gracioso que uno de los enlaces del articulo llevaba a esta URL http://dev.w3.org/HTML5/webstorage/
Por carbonero el 05 de Marzo de 2012
ese fue una patada voladora directa a freddie y cvander
Por HtrMancera el 05 de Marzo de 2012
Hay que leer antes de deliberar un juicio..!!!!!
Por Gast el 05 de Marzo de 2012
Por osmi el 05 de Marzo de 2012
A muchos de ustedes les hace falta una clara idea de front-end, back-end, lenguaje de programación y lenguaje de marcado.
Por Gast el 06 de Marzo de 2012
Gast :
Estadisticas reales en este momento del post destacado actual:
Template de Wordpress: pasar HTML5 a Wordpress tiene 5460 visitas
Mitos y verdades sobre HTML5 tiene 4981 visitas
Pero el algoritmo para destacar no solo se basa en visitas, es logica difusa lo que se aplica, y tambien considera: comentarios, tiempo de publicacion y participantes.
El de Templates en WP solo le gana por 0.03 puntos al de Mitos y Verdades, y no ha salido de portada aun esta en la lista de otros articulos. La contribución de la comunidad es grande y queremos llevaserla a todos ustedes lo mas pronto posible.
Asi que no vengas que es por intereses, aqui nadie controla el algoritmo ni Freddie puede hacerlo ni yo mismo, que lo diseñe e implemente PERO no puedo controlarlo, es logica difusa y ya.
Por favor, deja de criticar sin fundamentos.
gio.vl :
Gast :
Al resto, en un rato postearé una respuesta a este post, en portada
dual3nigma :
Siempre ha habido un término para encerrar estas tecnologías, las modernas y las no-modernas: "Tecnologías Web". Lo del nombre de HTML5 es sólo una cuestión de marca, que además no es precisa porque puedes usar CSS3 con XHTML, HTML4, etc, igualmente Javacript (excepto en el caso de canvas, por ejemplo). Node.js funciona del lado del servidor con javascript del lado del ciente, no sabe ni le interesa saber qué es HTML5 (como no le interesa a Apache o Ngingx, por ejemplo).
Como he dicho muchas veces. Entiendo que la gente use esto como herramienta de marketing y le vendan a sus clientes cualquier cosa con la marca HTML5 para que ellos piensen "que están en lo último", pero eso es marketing, a mí en lo particular hace que le pierda un poco el respeto la gente que, en una conversación técnica (que de eso se trata por ejemplo este artículo) necesite decir HTML5 cada tres palabras, como si fuese un nuevo mantra. Dejen eso para cuando hablen con sus clientes o gente no técnica.
Por alexdigger el 07 de Marzo de 2012
HTML5 es más que etiquetas
Por predritoLOL el 07 de Marzo de 2012
carbonero-blog :
ese fue una patada voladora directa a freddie y cvander
Suponte que tengas razón, HTML5 no es javascript ni CSS3, entonces los cursos que da Freddier no deberían llamarse así, pero lo único que estaría mal entonces es el nombre del curso, no los contenidos del curso como tal
predritoLOL-blog :
Si puede refutar lo que dice "FAIL" con los draft con mucho gusto tendré que asumir su juicio de lo contrario lo único "FAIL" es su comentario
alejo8591 :
predritoLOL-blog :
Si puede refutar lo que dice "FAIL" con los draft con mucho gusto tendré que asumir su juicio de lo contrario lo único "FAIL" es su comentario
Este post tiene un valor técnico y de discusión, que generó otro post nuevo. Por lo que no, en Cristalab no vemos este post como un FAIL.
alejo8591 :
jm2c :
El primero es la versión del lenguaje de marcado al cual se refiere este artículo. Nuevas semánticas y demás cosas aburridas. POR FAVOR QUITA EL LOGO DEL ESCUDO ANARANJADO.
El segundo HTML5 (el del escudo naranja bonito) engloba un grupo de tecnologías nuevas (algunas no tanto), las llamadas API's de Javascript y CSS3. En este HTML5 es en dónde entran todas las tecnologías que este artículo dice que no son HTML5. Todas ellas SI SON HTML5, pero están fuera de la especificación del lenguaje de marcado como tal, pero son un grupo de tecnologías a las cuales se agruparon todas en esta nueva propuesta que llamaron HTML5 (porque la tecnología que hace que casi todas las demás sean posibles es el HTML semántico").
Esto es lo que es HTML5, espero lo haya expresado claro y si hay dudas comentenlas o hagamos un foro de el mito de HTML5.
Te invito a que leas a fondo la documentación oficial del HTML5 http://dev.w3.org/html5/spec/Overview.html nunca hablan de "DOS" HTML5 es uno solo, y luego si sacar las conclusiones que vienen al caso..!!
Por supuesto que no dice nada de "DOS" HTML5 pues el HTML5 al que me refiero como marketing no tiene especificación. El HTML5 del logotipo naranja "NO ES UNA TECNOLOGÍA, ES UNA MARCA COMERCIAL". El HTML5 de la especificación es el que tu defiendes, ahora yo te invito a tí a que vuelvas a revisar la especificación completa en el mismo vínculo que me indicas y busques ese logo Naranja, o puedes de una vez obviar que no va a estar.
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
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 AndresLopez518 el 10 de Marzo de 2012
Por isimgt el 10 de Marzo de 2012
¿Puedes por favor no repetir el mismo post muchas veces? El sistema te autobaneará y eso sería incomodo.
Freddie :
¿Puedes por favor no repetir el mismo post muchas veces? El sistema te autobaneará y eso sería incomodo.
Listo muchas gracias por el aviso!
Por Leandrito el 18 de Enero de 2013
Por El Mago el 28 de Marzo de 2013