Convertir un Flash a HTML5

Publicado poralegg | En HTML5 | Posted on 28-06-2011

0

Me acabo de enterar sobre el proyecto Google Swiffy que permite convertir un SWF a HTML5. A ver si de a poco se va llendo flash de este mundo.

Tutoriales, videos y sitios webs para aprender HTML5

Publicado poralegg | En HTML5 | Posted on 02-05-2011

2

Si bien HTML5 ya tiene un par de años de existencia, a
partir de la última generación de navegadores que se ha popularizando
mas. Obviamente que cada vez veremos mas sobre esta nueva
especificación.Pero lo que a mi me sucede generalmente,  es que
para plantearme utilizar una nueva tecnología necesito un incentivo
laboral, básicamente que voy a poder utilizar esa tecnología en un
proyecto cercano. 

Justamente en estos días, me ha llegado un proyecto que esta pensado
para utilizar las nuevas características de HTML5 y me he puesto a leer y
ha testear demos, de lo que se puede y no se puede hacer con HTML.

Aqui les dejo mucho del material que he estado leyendo las ultimas
semanas. Igualmente voy a mantener actualizando este listado con
novedades que vayan surgiendo.

Comenzando
 

Especificación Oficial de HTML5

HTML en la Wikipedia

HTML5 Cheat Sheet

HTML5 Canvas Cheat Sheet

Tutoriales en Español
Videotutorial:  HTML5 para principiantes 

http://vimeo.com/9680041

Grabación de la conferencia en línea: HTML5 para principiantes.

Introducción a HTML5 

http://www.cristalab.com/tutoriales/introduccion-a-html5-c92171

Completito este tutorial introductorio de HTML5.
Idea para comenzar porque explica bastante bien los neuvos tags y
muestra algunos ejemplos ya en uso en la web.

HTML5 para principiantes (Videotutorial)
http://vimeo.com/9680041
Grabación de la conferencia en línea: HTML5 para principiantes.
Manual de HTML5 en español

http://theproc.es/2010/1/29/12236/manual-de-html5-en-espanol—1-de-3

HTML5 

http://javiercasares.com/html5

Muy completo este tutorial. Toca casi todos los temas de html5, como
los nuevos tags html5 y css3, el uso de Web Storage
para almacenar información del cliente y las nuevas formas de
Geolocalización con
JavaScript

Curso de HTML 5
http://www.programacionweb.net/cursos/curso.php?num=23
Repasa los nuevos tags incluyendo un capitulo para <audio> y <video>
dos de los tags mas importantes de esta nueva versión de HTML.
Demos de HTML5/CSS3 

http://www.creativosonline.org/blog/48-demos-de-html5css3-brutales.html
Una recopilación de distintos demos de lo que podríamos hacer…si
supieramos HTML5.

SEO con HTML5  

http://www.vseo.es/buscadores/seo-con-html5-bases
Artículo sobre técnicas SEO con HTML5

Tutorial de Introduccion a Html 5 Basico 

http://www.programacionazteca.com/manual_introduccion_html5.php
Tutorial dividido en 8 caputulos. Lo interesante que hay 2 dedicados al <canvas>,
uno de los tags mas interesantes de HTML5.

HTML5 e Internet Explorer 9 

http://www.desarrolloweb.com/manuales/html5-internet-explorer9.html
Como todos sabemos, Internet Explorer es el navegador que mas nos hace sufrir a los
desarrollares web, este tutorial esta dedicado al funcionamiento de
HTML5 con IE.

Paginas sobre HTML5 en español
HTML5 Fácil
Tutorial HTML5
HTML 5, información útil en español
Foro html5
Tutoriales en Inglés
html5tutorial 

http://html5tutorial.net

Buenos tutoriales con muchos ejemplos y caso de uso reales.

The Power of HTML 5 and CSS 3 

http://perishablepress.com/press/2009/07/19/power-of-html5-css3/

Este tutorial es de 2009, pero es interesante porque tiene ejemplos
del funcionamiento de html con css3.

Structural Tags in HTML5 

http://orderedlist.com/resources/html-css/structural-tags-in-html5/

Un articulo breve, que explica en forma sencilla como estructurar nuestros tags en un documento html5.

How to Make an HTML5 iPhone App 

http://sixrevisions.com/web-development/html5-iphone-app/

Este tutorial esta dedicado específicamente al desarrollo de apps para visualizarlas en el iphone.

HTML 5 and CSS 3: The Techniques You’ll Soon Be Using 

http://net.tutsplus.com/tutorials/html-css-techniques/html-5-and-css-3-the-techniques-youll-soon-be-using/
Nettuts ha desarrollado este  tutorial muy interesante que explica bien los nuevos tags
de HTML5 y css3

Implementing HTML5 Drag and Drop: New Premium Tutorial 

http://nettutsplus.s3.amazonaws.com/64_html5dragdrop/demo/index.html

Este tutorial es ideal para lo que están desarrollando soluciones de
comercio electrónico o similares. En esta

demo
puede ver el poder de html5, con un ejemplo de como arrastrar
productos hacia un shopping cart.

El tutorial requiere que estemos registrados en el sitio.

Designing a Blog With HTML5
http://html5doctor.com/designing-a-blog-with-html5/ 

Se explica brevemente como estructurar un blog con los nuevos tags de
html, como <header> y <section>

How to Build Cross-Browser HTML5 Form 

http://net.tutsplus.com/tutorials/html-css-techniques/how-to-build-cross-browser-html5-forms/

Me ha gustado muhco este tutorial, porque nos explica como crear un
form con html5, utilizando los nuevos controles que tiene html5, como el
Slider o el Data Picker.

Have a Field Day with HTML5 Forms
http://24ways.org/2009/have-a-field-day-with-html5-forms
Breve pero muy didáctico tutorial sobre como crear un formulario
típico con html5.
Mas tutoriales en ingles

Coding A HTML 5 Layout From Scratch

Have a Field Day with HTML5 Forms
HTML5 Canvas Element Guide
Create an Elegant Website With HTML5 And CSS3
Blowing Up HTML5 Video
Comprehensive Video Tutorial on HTML5
Creating an Ad in HTML5
Another HTML5 Tutorial from Brad Neuberg
Code a Backwards Compatible, One Page Portfolio with HTML5 and CSS3
Create Modern Websites Using HTML5 and CSS3
HTML 5 and CSS 3: The Techniques You’ll Soon Be Using
How to Draw with HTML 5 Canvas
The Video Element
Building a Live News Blogging System in PHP Spiced Up with HTML5, CSS3
and jQuery

Combining Modern CSS3 and HTML5 Techniques
WebOS HTML5 Database Storage Tutorial
Rethinking Forms in HTML5
Designing Search Boxes with HTML5 and CSS3
Structural Tags in HTML5
An HTML5 Slideshow w/ Canvas & jQuery
How to Create a Cute Popup Bar With HTML5, CSS3 and jQuery
How Web Security Will Change With HTML5
Improving the Performance of your HTML5 App
Typographic effects in canvas
“Mobifying” Your HTML5 Site
Sitios sobre HTML5  en Ingles
HTML5 Demos and Examples
WTF is HTML5
Dive Into HTML5
HTML5Doctor
HTML5Rocks
HTML5games
HTML5 Readiness
HTML5 Element Reference Table
HTML5 Test
HTML5 Gallery
YouTube HTML5 Beta
HTML5 Org

Geolocalizacion con HTML5 y Google Ajax API

Publicado poralegg | En HTML5 | Posted on 02-06-2010

1

Una de las cosas mas interesantes que vienen con HTML5 es la Geo Localizacion. Como se ve en el ejemplo, obtener la ubicacion del usuario solo requiere un par de lineas de código:


Algunos sitios interesantes:

GeoLocalizacion API
HTML 5 GeoLocation Demo

Open Source Media Player con jQuery & HTML5

Publicado poralegg | En HTML5 | Posted on 03-05-2010

1

El principio del fin para flash. Cada dia encuentro una nueva implementación con HTML5. En este caso es un player de video.

Url:  http://www.mediafront.org/

API del Canvas de HTML5

Publicado poralegg | En HTML5 | Posted on 03-05-2010

0

CSS3 y HTML5 muy lejanos aun

Publicado poralegg | En CSS, HTML5 | Posted on 29-03-2010

1

Leyendo anieto2k.com di con este cuadro de CSS3-HTML5 y la compatibilidad con los navegadores. La verdad que me deprimi un poco, porque hay muchas cosas nuevas interesantes para implementar, pero van a pasar un par de años para que pueda hacerse profesionalmente en un sitio web, porque hay pocas que son compatibles con los navegadores actuales y tanto  firefox 3,  como ie8, todavia tienen muuhco tiempo por delante.

Creando gráficas fácilmente con JQuery y HTML 5 Canvas

Publicado poralegg | En HTML5, JQuery | Posted on 09-07-2009

0

Este ejemplo creado por filamentgroup.com me ha gustado mucho y demuestra lo que se puede y podrá hacer con los nuevos tags de html5. Utilizando los datos de una tabla, podemos mostrar estos gráficos:

Url: http://www.filamentgroup.com/lab/jquery_visualize_plugin_accessible_charts_graphs_from_tables_html5_canvas/

canvastabla

jqueryvisualize