LeeMiBlog

 


Web sobre Informática, Internet y Nuevas Tecnologias.

Un lugar en el que podrás encontrar articulos, noticias, tutoriales, trucos, ayudas, etc...

Inicio   Categorias   Contactar   Politica de Privacidad

Items Tagged With javascript

¡Impresionante Tetris en Javascript!
Written By: Manu
Section:

Category:

2007-11-08 21:33:45

Lo de impresionante no es por la calidad del juego, sino por los impresionantes 565 bytes que ocupa el codigo.

Tetris realizado en Javascript
Via www.anieto2k.com


Zoom espectacular en Javascript
Written By: Manu
Section:

Category:

2008-02-20 22:00:00

Libreria para zoom en Javascript Bueno hace tiempo que no publico nada sobre Javascript, a pesar de la buena acogida que tuve el artículo sobre los calendarios en Javascript, pero acabo de ver esta librería para hacer un Zoom con efecto que me pareció muy bueno, así que aquí os lo comento para compartirlo con vosotros.

Esta librería, cuya web del autor para ampliar información y/o bajaros el fichero zip con ella es: http://www.cabel.name , nos permite mostrar fotos e imágenes en linea sin necesidad de cargar páginas web separadas, ni modificar html, ya que capturará cualquier enlace a una imágen en vuestra página y la sustituirá automáticamente con el zoom en la misma página en la web del autor podeis ver una demo de como funciona.

A continuación os explico como instalarla y sus principales características.

Las características de esta librería  son las siguientes:

  • Esta orientada ha conseguir un efecto de zoom suave y muy bien acabado.
  • Escala las imágenes automáticamente desde cualquier enlace, sin cambios en el HTML.
  • Hace precarga de las imágenes a tamaño completo, de fondo, para el evento "mouseover".
  • No usa recursos muy pesados y está programado desde cero.
  • Muestra un efecto de sombra en la imagen mostrada a tamaño completo.
  • Solo necesita incluir dos lineas de código en tu HTML.
  • Chequeado y funcionando con Safari, Firefox, IE7, e IE6. (se ve mejor en navegadores modernos).

Y las instrucciones para instalarlo son muy fáciles:

  1. Bájate el paquete de FancyZoom de la web del autor de  aquí.

  2. Con tu cliente FTP sube a tu servidor las dos carpetas que hay en el zip al directorio raiz u otro (pero entonces ten encuenta cambiarlo en el código del siguiente punto).

  3. Añade las dos siguientes lineas a la sección <head> de tu fichero html

<script src="/js-global/FancyZoom.js" type="text/javascript">
</script>
<script src="/js-global/FancyZoomHTML.js" type="text/javascript">
</script> 

  4. Añade onload="setupZoom()" dentro del tag <body>

<body id="elquesea" [...] onload="setupZoom()"> 

   5. Y ya está el resto es automático, los enlaces a imágenes de tu página harán el zoom automático en la misma página.

<a href="/image.jpg"><img src="/image-thumbnail.jpg" /></a>

     Fácil ¿eh?



Los mejores calendarios en Javascript
Written By: Manu
Section:

Category:

2008-03-24 22:00:00

A comienzos del pasado Noviembre (2007) publiqué un post sobre una librería en Javascript para crear unos calendarios que tenían muy buena pinta, esta librería aún sigue en fase alfa, y aunque espectacular, no nos sirve por ejemplo para los típicos pop-ups para elegir fechas que tanto se necesitan a la hora de crear sitios web, de diferentes temáticas.

Así que hoy me decidí a crear este post donde comentaré otros scripts para calendarios tanto al estilo del de MooMonth del post que comentaba, como para hacer pop-ups de selección de fechas.

Calendario Javascript HTML CSS PHP

Empezaremos por uno cuya filosofía y aspecto nada tiene que envidiar al MooMonth este es Monket, el aspecto y usabilidad para el usuario final están bastante bien, nos permite crear eventos multi-dias, es drag & drop (arrastra y suelta), permitiendonos así cambiar evento de días.

Luego en el mismo estilo y también con un 'look' muy bueno tenemos 'Plans Calendar' donde además podremos crear eventos recurrentes (repetitivos: cada semana, etc), con soporte para almacenar el calendario en un base de datos, permite la utilización de temas para cambiarle el aspecto y es open soruce (de código abierto), creo que no se le puede pedir más!

Calendario Planning / Planificacion eventos


Y ahora os presento otros dos pero más orientados a hacer la típica selección de fecha en un formulario web, no tan espectaculares como los anteriores, pero evidentemente si muy útiles. El primero viene de la mano de DynaArch totalmente en DHTML y Javascript, se puede usar como pop-up o integrado en el formulario, y dispone también de temas para los colores de muy buena calidad.

Calendario popup seleccion fecha hora

Y por último tenemos el de CodeThatCalendar Objective que se puede usar gratuitamente para uso personal / educacional, y forma parte de una batería de utilidades en Javascript de la misma empresa, y también de muy buena pinta.

Selección fecha y hora

Bueno espero esta pequeña selección de todo lo disponible sea una buena representación, de todas formas os invito a dejar un comentario con aquellos otros que podais estar usando.



Liberada la versión Studio 1.0 de Aptana
Written By: Javi
Section:

Category:

2007-11-05 20:02:15

Aptana El pasado 2 de Noviembre fue liberada la versión Studio 1.0 del plugin Aptana para Eclipse, sin duda una buena noticia para aquellos que utilizan esta combinación como entorno de desarrollo web.

Enlace: http://www.aptana.com



Excelente calendario en Javascript
Written By: Manu
Section:

Category:

2007-11-07 20:23:24

Aquí os traigo una interesante aplicación para incluir calendarios en vuestros diseños web, tiene muy buena pinta y está totalmente desarrollada en javascript.

MooMonth

Muy configurable y personalizable. Incorpora suaves transiciones entre las distintas vistas. Y aún está en una fase alpha, así que pasarán varias semanas antes de que esté listo para ser probado en un entorno de producción. Pero creo que podeis empezar a probarlo porque creo que va a ser un producto final que merecerá la pena.

Características para los usuarios

  • Vistas por día, semana, mes, *año, y con zoom.
  • Transiciones entre vistas suaves
  • *Controles específicos para cada vista
  • **Eventos para arrastrar y redimensionar
  • **Eventos para todo un día y recurrentes
  • **Soporte para zonas horarias
  • **Listas de cosas pendientes que se pueden ordenar

Características para los desarrolladores

 

MooDate Añade algunas funciones útiles al objeto Date de javascript
*MooMonth Events Para manejar una buena colección de eventos Ajax
*MooMonth Event Crea, Lee, Modifica, Destruye un evento con Ajax
MooMonth Date Usa la características de MooDate para crear un árbol de fechas para un mes
MooMonth Size and Resize Controla el tamaño del interfaz de usuario y anima los cambios
MooMonth Element Crea y configura el interfaz de usuario
MooMonth Constructor Inicializa un calendario, *selector de fecha, o personaliza tu propia aplicación

* Característica aún sin acabar
** En planes futuros, aún no empezada

Aquí puedes ver un demo: http://moomonth.com/demo/index.html

Enlace: Web de MooMonth






There are 8 items tagged with javascript. You can view all our tags in the Tag Cloud

<< Start < Previous 1 2 Next > End >>
Page 1 Of 2
   
 

Sitios interesantes

LeeMiBlog recomienda:

Clicky Web Analytics

Clicky

 
Contenido liberado bajo licencia CC por LeeMiBlog.
Joomla!
es un software libre publicado bajo la licencia GNU/GPL.
Top