Ver por etiquetas
Todas las etiquetas »
HTML5 (
RSS)
Hola, acabo de ver un excelente plugin llamado turn.js , que nos permite crear el clásico movimiento de transición de “dar vuelta la hoja” que vimos tantas veces con Flash en algunas publicaciones Online. La URL del website de esta maravilla es http://www.turnjs.com/ y quería compartir un pequeño tutorial de como usarlo, nos podemos entusiasmar con crear una revista Dentro de las características con la que cuenta este plugin tenemos: Usar Aceleración por Hardware Funciona en Tablets y smartphones...
Hola!, les dejo el material que utilicé con para el WebCast sobre htm5 de ayer, si bien estuvo murphy presente, vimos varios temas interesantes. Desarrollo de aplicaciones con HTML5 View more presentations from Gonzalo C. Descarga el material: https://skydrive.live.com/redir.aspx?cid=053a660afa3473b3&resid=53A660AFA3473B3!1801&parid=53A660AFA3473B3!245&authkey=!AP5-9H1AWz_rZBc Puedes ver el video desde la misma URL en la que ingresaste para ver el webcast, es decir en: https:/...
Los browsers permiten el uso de una determinada lista de fuentes, las que deben estar instaladas en el cliente, cualquier otra fuente que estemos ocupando debería estar también instalada en el cliente, de otro modo, se reemplazará por la fuente por defecto. Muchas veces ocupamos imágenes como letras, pero esto es terrible para los contenidos. Existe una forma sencilla de poder utilizar cualquier fuente para nuestras páginas web, solo basta con que se referencie la ubicación del archivo de fuentes...
Hola te quiero invitar a una conferencia que voy a dar sobre HTML5 , es el día de los enamorados de HTML5 HTML5 es la especificación más grande y poderosa HTML que ha producido la W3C. Sus raíces provienen de una propuesta para ampliar HTML4 para hacer más fácil para los desarrolladores Web crear aplicaciones Web. Con más navegadores que dan soporte a HTML5, ECMAScript 5 y otros estándares Web, los desarrolladores ahora tienen una plataforma Web fuerte que pueden utilizar para crear una nueva clase...
Este post viene a modificar el ejemplo anterior , es uno en donde ocupamos elementos HTML5 y Modernizr para cargar distintos polyfills para solucionar el problema de la compatibilidad. Ahora, para darle un poco más “choreza” como decimos por acá, vamos agregar audio con HTML5. Ahora bien, no creo que mucha gente le interese escuchar el sonido a cada rato, pero bueno, es para fines demostrativos. La modificación al ejemplo consistirá en dejar el formulario oculto...
Hola que tal, este vez revisaremos tres ejemplos prácticos en donde podemos utilizar modernizer para detectar características del browser y decidir según la disponibilidad de ellas que hacer, como por ejemplo, incluir librerías o polyfills para mitigar el problema. Puedes ver mi articulo anterior en donde iniciamos esta serie de ejemplos prácticos. Vamos dos problemáticas , la de la archi nombrada característica de HTML5 de bordes redondeados,también...
Como ya saben Modernizr es una librería JavaScript que nos permite detectar las capacidades del soportadas por el navegador en relación a HTML5 y CSS3. Esto nos será en extremo útil cuando estemos desarrollando nuestras páginas con funcionalidades incluidas HTML5 y deseemos que, en la medida de lo posible, usuarios con navegadores antiguos puedan tener la misma experiencia de usuarios, es decir, simular la característica nativa de HTML5 con un pollyfill, que básicamente son códigos o plugins...
Hola, les dejo la grabación del WebCast que realizé el día martes 20 de Diciembre, está basada en la charla del mix2011 Master Rey Bango, con algunos aportes propios. Véanla en HD, mucho mejor! :) Saludos! @Chalalo
Holas, ya es fin de año pero no por eso se bajan las revoluciones!. Te invito a una serie de WebCast que voy a impartir: Webcast MSDN:Cómo llenar los vacíos de HTML5 con Pollyfills y Shims Todo el mundo quiere saltar a HTML5, pero ¿cómo usar las mejores características de esta nueva especificación garantizando al mismo tiempo que los navegadores más antiguos ofrece páginas Web como se esperaba? Aquí es donde entran los multillenados...
Hola , acabo de publicar un ScreenCast sobre Geolocalizacón de HTML5, lo puedes ver este y otros ScreenCasts en : http://html5cl.wordpress.com/ Pero bueno, si quieres verlo por acá , comporto también el Video: Descarga los archivos utilizados en el Screencast Saludos! @chalalo
Hola que tal?, te cuento que estamos armando una iniciativa de compartir información acerca de este nuevo estándar de la Web. La URL es: http://html5cl.wordpress.com/ Como dice el sitio: HTML5CL es un lugar de encuentro para que nosotros, los desarrolladores web compartamos información acerca de este nuevo estándar de la Web. Buscamos la manera de apoyarnos mutuamente fomentando el buen uso de las nuevas características mediante tutoriales, videos, aportes de todos. Entre todos hacemos este sitio...
Hola, también les dejo los slides de la charla de HTML que dimos con el Maestro Miguel Ángel Sáez, agradezco a todos los buenos comentarios Recuerden lo del diplomado en HTML5 y el hashtag #HTML5CL para comenzar a armar comunidad e intercambiar información! http://blogs.msdn.com/b/rmugar/archive/2011/11/11/diplomado-microsoft-fundamentos-de-html5.aspx Aplicaciones html5 tech days-mañana View more presentations from Gonzalo C. . Saludos, @chalalo
Hola, acá les dejo el video del webcast de hoy sobre la relación de ASP.NET con HTML5 y CSS3, no apuntaba a ser algo muy técnico, más bien una conversación acerca de lo que está haciendo el team ASP.NET en Webforms y MVC. Ahh trata de verlo en HD , vas a distinguir mejor el código y te advierto, dura 1 hora 20 minutos, para rato! Saludos! @chalalo
Hola, por problemas de tiempo no me podido actualizar el blog tanto como quiero, tengo varios articulos a medio escribir, pero ya inventaré algo para ausentarme del trabajo y tener tiempo para esto . Ahora un pequeño tip, estoy desarrollando una Web Móvil y el usuario quiere ingresar numeros en un campo de texto HTML, para esto es perfecto el nuevo tipo de input que nos trae HTML5, el number y no es nada más que: <input type=" number " name="ancho" id="ancho" ...
Los WebWorkers se definen como una API para correr scripts, básicamente JavaScript, los cuales pueden correr en un thread distinto al de la ejecución principal , por lo que corren en “background” permitiendo que el browser continúe su operación normal mientras dicho script se está ejecutando. La especificación de Web Workers está separada de la especificación de HTML5, sin embargo pueden ser utilizados con la este último. Existen dos tipos de WebWorkes: workers dedicados (Dedicated Workers) y workes...
Hola, quería mostrar un excelente framework de JavaScript para crear aplicaciones web móviles, se llama JO, así se simple el nombre, pero es bastante poderoso, dando compatibilidad para IOS, Android y Symbian (lo estoy testeando en Blackberry). Es bastante rápido, tiene distintos Widgets para trabajo con formularios. Como indica su creador en http://joapp.com JO es: Una framework que genera bonita interfaz de usuario Con manejo de DOM, eventos y datos Open Source Bajo licencia OpenBSD...
Hola que tal? Como ya saben hablar HTML5 está muy de moda, entonces como hay que ponerse a tono vamos a hacer un ejemplo de la utilización del localStorage de HTML5. Con esta funcionabilidad vamos a poder implementar un cache local en el navegador, es decir, almacenar información en el cliente de manera persistente a lo largo de la sesión de un usuario. Esta tecnología viene a sustituir las cookies, además el tamaño máximo es entre 5 a 10 Megas...
Hola, que tal? desde hace un tiempo hasta ahora ha crecido la tendencia del “No a Flash”, partiendo además de la decisión de Jobs de no dar soporte a este plugins en sus devices. El divorcio entre Adobe y Apple produjo marejadas de comentarios y de juegos de poderes, pero al final, alguien tiene que ceder… y en mi opinión, un paso importante lo está dando Adobe con Wallaby, el objetivo es “convertir cualquier trabajo realizado con Flash CS5 a HTML5”, la idea es cumplir con lo estándares y llegar...
La llegada de SP1 de Visual Studio trae siempre novedades, es el turno para el soporte de HTML 5, proporcionando validación e IntelliSense de la mayoría de los atributos estándar de HTML5, hay que recordar que Visual Studio se lanzó originalmente sin estas características. Una vez instalado el SP1 , vamos a poder setear nuestro entorno para utilizar el esquema HTML5. Vamos a Tools-> Options -> Text Editor –> HTML –>Validation y podemos utilizar...