elWebmaster.com

CSS | juego | javascript

C贸mo crear una demo de Street Fighter usando animaciones CSS y JavaScript

street-fighter-wideEsta vez vamos a ense帽arte una聽manera de animar sprites en PNG a trav茅s de la propiedad steps () de las animaciones de CSS3. La idea de esta t茅cnica es recrear un gif animado pero con los tiles de un sprite PNG.聽 Un juego muy popular entre todas las generaciones es el famoso Street Fighter, que usaremos de ejemplo para este art铆culo. 驴Est谩s preparado? Seguir leyendo

27/feb/13, 11.38 Morton 2 comentarios

plugin | javascript | Layouts

Nested: plugin de JQuery para crear layouts de columnas m煤ltiples

nested-wideNested es un plugin jQuery que te permite crear layouts de columnas m煤ltiples. A diferencia de otras librerias y plugins de jQuery similares, Nested te permite realizar layouts libres de huecos, lo que te ahorrar谩 espacio en tu p谩gina. Seguir leyendo

05/feb/13, 15.42 Morton Comentar

mobile | API | javascript

JavaScript: API para utilizar vibraci贸n en tu sitio web mobile

javascriptwide2Muchos de las nuevos APIs disponibles est谩n enfocados m谩s al desarrollo mobile que al usuario de escritorio. Un ejemplo es el API de vibraci贸n, que nos permite lograr que el dispositivo que el usuario controla vibre de una determinada forma por un determinado lapso de tiempo. Seguir leyendo

08/dic/12, 07.56 Morton Comentar

API | javascript | pantalla

JavaScript: API para activar la pantalla completa desde tu sitio web

javascriptwide2Mientras el mundo avanza a una red de verdaderas aplicaciones web, las APIs de JavaScript est谩n haciendo lo mejor posible. Una muy simple y efectiva es la que nos permite activar la pantalla completa en el navegador directamente desde un bot贸n en nuestro sitio. 驴Quieres probarlo? Seguir leyendo

11/nov/12, 14.09 Morton 3 comentarios

CSS | javascript | Canvas

Fokus: Sorprendente efecto de selecci贸n de texto para tu sitio web

javascriptwide2Es bueno encontrar librer铆as de JavaScript que realizan tareas sumamente espec铆ficas. Este es el caso de Fokus, una utilidad que, cuando algo es seleccionado en la p谩gina, oscurece todos los demas elementos del sitio. Es ver para creer, y es m谩s sencillo de implementar de lo que crees. Seguir leyendo

06/oct/12, 09.12 Morton 4 comentarios

javascript | bot贸n | escape

JavaScript: C贸mo crear un bot贸n de emergencia y no dejar registro en el historial

javascriptwide2Imaginemos este escenario: a un dise帽ador encargado del sitio web de un programa de concientizaci贸n sobre la violencia dom茅stica, se le solicita que los visitantes puedan esconder la ventana de su navegador antes de ser atrapados visitando el sitio. 驴C贸mo podemos lograr algo as铆? Existe un m茅todo muy efectivo. Seguir leyendo

19/ago/12, 08.22 Morton 2 comentarios

javascript | array | clonar

C贸mo clonar un array con JavaScript

javascriptwide2Aunque no lo creas, hay muchas razones para usar frameworks de JavaScript m谩s all谩 de las animaciones. Una de estas razones es tambi茅n, una de sus utilidades b谩sicas: la habilidad de clonar un array. Aunque no lo creas, es m谩s f谩cil de lo que parece. Seguir leyendo

06/ago/12, 09.03 Morton 1 comentario

javascript | historial | search

Almacenar b煤squedas anteriores en tu sitio web con JavaScript

javascriptwide2No hay dudas de que el poder de Javascript nos permite hacer cosas diversas. En esta ocasi贸n, utilizando LocalStorage en una p谩gina de b煤squeda basada en Ajax, podremos recordar las b煤squedas anteriores que el visitante realiz贸.

Seguir leyendo

22/jul/12, 13.20 Morton Comentar

javascript | imagen | png

Javascript: C贸mo convertir una imagen a canvas, y viceversa

javascriptwide2No hay dudas que JavaScript es una gran herramienta que nos brinda amplios recursos. En este art铆culo no s贸lo les explicaremos como convertir su imagen a canvas, sino que a su vez indicaremos los pasos para convertir el canvas de vuelta en imagen. Seguir leyendo

15/jun/12, 07.11 Morton Comentar

Firefox | API | javascript

Javascript: API para obtener informaci贸n sobre el nivel de bater铆a

javascriptwide2Mozilla Aurora 11 (el canal de pruebas de Firefox) ha sido actualizado recientemente con un pu帽ado de nuevas herramientas.聽 Una de sus nuevas herramientas es su implementaci贸n inicial de Battery Status API. Este API te provee de informaci贸n acerca del nivel de bater铆a que posees, su estado de carga, y te permite ser notificado de cambios a trav茅s de algunos eventos. Seguir leyendo

31/ene/12, 09.27 Morton Comentar

© 2007 - 2008 elWebmaster.com | Powered by Wordpress | Diseño CSS y XHTML válido. | Algunos íconos basados en FamFamFam Mini
Acceder