Javascript

Funciones en Javascript

ByLuis October 13, 2009October 14, 2009

Normalmente el uso que hacemos de las funciones en javascript es bastante sencillo, pero en algún otro momento puede que necesitemos un uso más avanzado.

El tutorial que os paso explica detalladamente todos los usos que podemos realizar de funciones. Lo que yo desconocía era el uso de callee, que tiene un puntero a la función que se está ejecutando en ese instante, fundamental para la recursividad:

alert((function(n){ if(n <= 1){return 1;}else{return n*arguments.callee(n-1);}})(10));

Functional Javascript

Javascript | Tutoriales

Algo de Javascript avanzado

ByLuis August 31, 2006

Algo malo de dedicarse a la informÃ¡tica es que te puedes quedar anticuado con facilidad, algo bueno de ser blogger (al menos para mÃ) es que al querer dar buenas noticias y buenos scripts, te hace estar al dÃa.
AlgÃºn compaÃ±ero me ha preguntado alguna vez por partes de Javascript que no entendÃa, incluso me decÃa si realmente es Javascript. Supongo que a todos nos ha sonado raro el cÃ³digo Javascript cuando incluye JSON.
Lo malo es que cuando buscas por ese tipo de cÃ³digo que desconoces, buscas por tÃ©rminos como “javascript function”, “javascript avanzado”, y otras cosas que no suelen dar los resultados que esperamos. En el caso de “javascript function” nos suele dar cÃ³mo crear funciones, pero solo lo mÃ¡s bÃ¡sico, sin embargo, si hubieramos buscado por “javascript funciones anÃ³nimas” si hubieramos obtenido resultados deseados. Si buscamos por “javascript avanzado” solemos obtener directorios de efectos hechos en javascript y no las novedades que trae Javascript en sus nuevas versiones.
Por eso, si quieres aprender conceptos mÃ¡s avanzados de Javascript, te va a venir bastante bien este tutorial:
Quick guide to somewhat advanced JavaScript

Javascript

Canvas2Imagen: convertir canvas a imagenes

ByLuis April 11, 2008

El elemento CANVAS nos permite dibujar directamente en el HTML y el script que os muestro nos permite transformar el canvas en imagen (BMP, JPEG y PNG) o guardarla en nuestro disco duro.

Un ejemplo de uso es el siguiente:

var strDataURI = oCanvas.toDataURL("image/jpeg");

Canvas2Image

How to | Javascript | XHTML

Laboratorio: listas con descripción en HTML

ByLuis August 21, 2006

Muchas veces el diseÃ±o que creamos nos hace usar listas no ordenadas, las cuales queremos que tengan descripciÃ³n, pero por la falta de espacio, queremos que esta ocupe poco espacio.

Para crear este efecto, usaremos una lista y una capa por cada descripciÃ³n que queremos mostrar, a parte de un script que mostrarÃ¡ la descripciÃ³n cuando pasamos el ratÃ³n sobre el elemento de la lista.

Javascript

Modernizr: librería Javascript para detectar HTML5, CSS3 y más

ByLuis August 17, 2010

Modernizr es una librería que permite detectar las nuevas características de HTML5, CSS3, Canvas, … que admite el navegador. Tan sólo habrá que acceder a propiedades para saber si admite o no una característica en particular:

if (Modernizr.geolocation) {
  // Admite geolocalización
}
if (Modernizr.csstransitions) {
  // Transacciones CSS
}
if (Modernizr.rgba) {
  // RGBA
}

Las características que detecta son:

@font-face
Canvas
Canvas Text
HTML5 Audio
HTML5 Audio formats
HTML5 Video
HTML5 Video formats
rgba()
hsla()
border-image
border-radius
box-shadow
Multiple backgrounds
opacity
CSS Animations
CSS Columns
CSS Gradients
CSS Reflections
CSS 2D Transforms
CSS 3D Transforms
CSS Transitions
Geolocation API
Input Types
Input Attributes
localStorage
sessionStorage
Web Workers
applicationCache
SVG
SVG Clip paths
SMIL
Web SQL Database
IndexedDB
Web Sockets
hashchange Event
History Management
Drag and Drop
Cross-window Messaging

Modernizr

Javascript

GameJS: framework javascript para crear juegos 2D

ByLuis October 29, 2008

GameJS es una librería javascript pensada para desarrollar juegos en 2D. Aunque no tiene mucha lógica realizar juegos en Javascript, sobre todo cuando en Flash pueden realizarse mucho mejor, esta librería es aún así bastante curiosa.

Hace mucho uso de la etiqueta canvas, por lo que solo es posible usarla en los navegadores que lo soportan, posiblemente en IE también gracias a IECanvas, pero el rendimiento puede ser pobre. Dispone de varias clases de las que se hay extender para poder realizar nuestro juego.
GameJS
Vía / dzone

Javascript

UI.Layout: plugin de jQuery para crear layouts

ByLuis January 15, 2009

UI.Layout es un plugin para jQuery que nos permite crear layouts en nuestras aplicaciones web, ya sean complejos o sencillos. Con este plugin podemos añadir toolbars, menús, paneles de ayuda, status bars, …

Entre sus características encontramos:

Sencillez: potente pero fácil de usar y de aprender
Layouts ilimitados: 5 regiones por layout
Docenas de opciones: cada aspecto es personalizable, globalmente y por región
Control total de las CSS: docenas de clases auto-generadas crean cualquiero aspecto UI
Extensible: callbacks, métodos y utilidades especiales
Botones personalizados: puedes integrar tus propios botones
Collapsable: cada panel puede ser cerrado, usando la animación que desees
Ocultable: los paneles se puede ocultar completamente, de inicio o en cualquier momento
Redimensionables: cada panel se puede redimensionar, automáticamente o indicando límites
Slidable
Cabeceras y pies de página: para cada región
Hotkeys: puede usarse cursores o teclas para definir hotkeys
Se puede usar cualquier elemento para los paneles
Integrable con cualquier widget o plugin jQuery

UI-Layout

Vía / WebAppers

Similar Posts