elWebmaster.com

HTML5 | Canvas | basico

HTML5: Introducción a Canvas

html5logowideUno de los instrumentos más importantes en la caja de herramientas de un pintor es su lienzo. Esto le da la libertad para expresar todo tipo de sentimientos, impresiones, ideas, y así sucesivamente, en variaciones y combinaciones casi ilimitadas. Y esa libertad puede ser restringida sólo por dos cosas: su nivel de habilidad y de su imaginación. Seguir leyendo

30/jun/14, 07.32 contenido Comentar

CSS | javascript | videojuegos

Crea el efecto de pantalla derretida de Doom en tu sitio web utilizando Javascript y Canvas

doom-wide¿Recuerdas la presentación del clásico Doom, donde una pantalla se derretía para pasar a la siguiente? En este artículo recrearemos el efecto utilizando Javascript y Canvas. ¿Estás listo? Seguir leyendo

26/jul/13, 08.22 Morton Comentar

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

juego | tutorial | videojuego

Crea tu propio juego con HTML5 y Box2D

html5logowideHTML5 está creciendo más rápido de lo que cualquiera hubiese imaginado. Poderosas y profesionales soluciones están siendo desarrolladas día a día… ¡Incluso en el mundo de los videojuegos! Hoy, te enseñaremos a hacer tu primer juego utilizando Box2D y la propiedad canvas de HTML5. Seguir leyendo

21/feb/12, 14.28 Morton 3 comentarios

javascript | emulador | ActionScript

JSC64: Emulador de Commodore 64 hecho en Javascript

jsc64wideResulta sorprendente este emulador de Commodore 64 realizado integramente en Javascript. Su creador, Tim de Koning, adaptó otra de sus creaciones para lograr esta aplicación, completamente funcional desde tu navegador.
Seguir leyendo

09/ene/11, 08.49 Morton Comentar

navegador | recursos | javascript

5 librerías Javascript que te facilitarán el diseño

javascript_125x125En esta nota estaremos buscando a las 5 bibliotecas JavaScript que realmente pueden facilitar el desarrollo de modernos y atractivos sitios web.

Las bibliotecas que estaremos viendo no son bibliotecas como jQuery o YUI, sino que son mucho más pequeñas y mucho más especializadas. Seguir leyendo

14/oct/09, 09.05 Micaela 4 comentarios

javascript | tag | accesibilidad

HTML5: Dibuja utilizando el tag Canvas y Javascript

html5-draganddropEntre la serie de ventajas que incluyen las especificaciones HTML5 se encuentra Canvas, que es una forma de dibujar de manera programada mediante Javascript.

En esta nota exploraremos las cosas buenas y malas de Canvas, demostrando lo que es posible lograr gracias a este recurso mediante ejemplos y links. Seguir leyendo

30/sep/09, 09.02 Micaela 9 comentarios

recursos | javascript | siFR

Cufón, la alternativa de sIFR con Canvas/VML

cufonProbablemente la característica CSS más requerida por los diseñadores es la posibilidad de personalizar las fuentes de los sitios web. Actualmente la única forma real de hacer esto es confiar en Flash, ya sea construyendo todo el sitio con este programa o utilizando el script sIFR.

Aquí te presentamos otra alternativa: Cufón. Se trata de una interface web que busca reemplazar a sIFR, evitando tener que utilizar software de propietario y optando, en su lugar, por canvas/VML para lograr la misma meta. Seguir leyendo

27/mar/09, 09.03 Micaela Comentar

plugin | fotos | imágenes

jQuery: plugin y guía para rotar imágenes

Wilq32.RotateImage es un plugin Canvas de jQuery desarrollado por Pawel Witkowski. La gran virtud de este plugin es la posibilidad de rotar fácilmente imágenes cargadas por usuarios (del lado del cliente) sin tener que husmear en interminables códigos o ingeniárnosla para ver cómo se hace.

El plugin nos permite elegir tanto la cantidad de grados que deseamos que rote, como la animación que nos gustaría que tenga. Conoce un poco más sobre este script, su uso, bugs y notas importantes. Seguir leyendo

17/feb/09, 09.15 Micaela Comentar

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