Convertir un Flash a HTML5

alegg — Tue, 28 Jun 2011 20:58:09 +0000

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

alegg — Mon, 02 May 2011 15:27:01 +0000

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 y
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

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

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

alegg — Wed, 02 Jun 2010 13:38:12 +0000

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

alegg — Mon, 03 May 2010 12:20:07 +0000

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

alegg — Mon, 03 May 2010 12:06:05 +0000

CSS3 y HTML5 muy lejanos aun

alegg — Mon, 29 Mar 2010 16:12:06 +0000

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

alegg — Thu, 09 Jul 2009 15:17:41 +0000

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/