sep 07 2012
JQuery Plugin: Slider Touch La actualidad nos exige que nuestro sitio Web en HTML5 se comporte de la misma manera en una pc de escritorio, en una notebook, en una tableta o en un smartphone. Pero para lograr esto debemos tener en cuenta las distintas necesidades y funcionalidades de cada uno de estos dispositivos. Una …
Enlace permanente a este artículo: http://surpatterns.com/sitio/tutoriales-programacion-surpatterns/tutorial-jquery-en-espanol-flex-slider-touch-plugin/
ago 07 2012
HTML5: Ejemplo Tabs con JQuery – Vanity Si queremos tener un componentes web 2.0 de forma rápida, eficiente y que sea atractiva visualmente librerias como la de Vanity nos permite lograrlo. En este artículo vamos a desarrollar el componente Tabs (pestañas). Implementar los componentes de Vanity, es realmente muy fácil. Crearemos una página web donde haremos referencia a las librerias que nos proporcionan, …
Enlace permanente a este artículo: http://surpatterns.com/sitio/html5-en-espanol-surpatterns/tutorial-en-espanol-html5-ejemplo-tabs-con-jquery-vanity/
ago 01 2012
HTML5: Ejemplo Slider con JQuery – Vanity Si queremos tener un componentes web 2.0 de forma rápida, eficiente y que sea atractiva visualmente librerias como la de Vanity nos permite lograrlo. En este artículo vamos a desarrollar el componente Slider. Implementar los componentes de Vanity, es realmente muy fácil. Crearemos una página web donde haremos referencia …
Enlace permanente a este artículo: http://surpatterns.com/sitio/html5-en-espanol-surpatterns/tutorial-en-espanol-html5-ejemplo-slider-con-jquery-vanity/
jul 21 2012
HTML5: Videos con subtitulos WebVTT Gracias a HTML5 podemos empezar a incluir videos en nuestra web sin tener que usar Plugins; y a pesar de ciertos problemas con algunos codecs podemos decir que hasta la fecha el tema se encuentra estable. Pero solo poder reproducir videos en una web no nos lleva a nada sino …
Enlace permanente a este artículo: http://surpatterns.com/sitio/html5-en-espanol-surpatterns/tutorial-html5-en-espanol-html5-videos-con-subtitulos-webvtt/
jul 19 2012
HTML5: Polyfill Un polyfill puede ser un trozo de código o un plugin que permite usar las nuevas funcionalidades de HTML5 en navegadores que no lo soportan de forma nativa. La nueva etiqueta <meter> de HTML5 es soportada por algunos navegadores. Por ejemplo, Mozilla recíen puede utilizarla desde su versión 6. Ahora ¿qué pasa si …
Enlace permanente a este artículo: http://surpatterns.com/sitio/html5-en-espanol-surpatterns/tutorial-html5-en-espanol-que-es-un-polyfill/
jun 24 2012
HTML5: Slideshow El elemento Canvas en HTML5 es especial porque nos permite crear y modificar gráficos. Además, podemos usarlo como cualquier otro elemento en la página permitiéndonos utilizar animaciones JQuery en él, escuchar eventos e integrarlo fuertemente en nuestros layouts. En este artículo no vamos a realizar un juego o dibujar rectas sobre Canvas sino …
Enlace permanente a este artículo: http://surpatterns.com/sitio/html5-en-espanol-surpatterns/tutorial-html5-en-espanol-slideshow-con-canvas-y-jquery/
jun 23 2012
HTML5: Progress bar en Canvas En este nuevo artículo me propongo a mostrarles el código necesario para hacer una barra de progreso (comúnmente llamada progress bar) en HTML5 Canvas. Barra Empezamos con una barra rectangular, a la cual vamos a tener que redondear los ángulos de sus extremos con la ayuda de la función arc(), …
Enlace permanente a este artículo: http://surpatterns.com/sitio/html5-en-espanol-surpatterns/tutorial-html5-en-espanol-como-crear-una-progress-bar-en-canvas/
jun 13 2012
HTML5: Elemento Canvas El elemento de HTML <canvas> permite la creación de gráficos, diagramas, juegos y otros elementos visuales. También permite renderizar en 2D y 3D figuras e imágenes, vía JavaScript. Canvas es quizás la parte más visible del set de características de HTML5 con nuevos demos, proyectos, etc. Soporte de los Navegadores y …
Enlace permanente a este artículo: http://surpatterns.com/sitio/html5-en-espanol-surpatterns/tutorial-html5-en-espanol-ejemplos-practicos-de-html5-canvas/
jun 05 2012
HTML5: Elemento <audio> Tipos MIME Los tipos MIME (Internet Media Types) son una forma de definir formatos de archivos para que nuestro sistema sepa como manejarlos. Desde el Servidor Primero nuestro servidor debe ser configurado para servir correctamente los tipos MIME. En el caso de tener un servidor Apache, debemos incluir las siguientes filas en …
Enlace permanente a este artículo: http://surpatterns.com/sitio/html5-en-espanol-surpatterns/tutorial-html5-en-espanol-aprendiendo-sobre-el-elemento-audio/
jun 02 2012
HTML5: Formato de Revista/Mágazine En este artículo les presento una muy buena librería realizada en JQuery: Turn.js. Esta nos permite dar formato de revista/magazine a nuestras páginas HTML5. Es realmente muy fácil de utilizar y da un toque de personalidad con simplemente implementar unas líneas de código. Formato de Revista/Mágazine Primero debemos incluir la …
Enlace permanente a este artículo: http://surpatterns.com/sitio/html5-en-espanol-surpatterns/tutorial-html5-en-espanol-html5-con-formato-de-revistamagazine/
