Contenido

Calendario para MooTools y jQuery

29 Oct

+ 13

Manuel García me avisa de que ha desarrollado un sistema de calendario para MooTools y jQuery. El resultado es muy elegante y depurado.

calendariomoojquer.png

Instalación

MooTools

<script src="javascript/mootools.v1.1.js" type="text/javascript"></script>
<script src="javascript/calendar.js" type="text/javascript"></script> 

//HTML 
<input value="click here" class="ncalendar" name="q" size="10" maxlength="20" id="q" type="text" />

jQuery

<script src="javascript/jquery-1.1.4.pack.js" type="text/javascript"></script>
<script src="javascript/calendar-jquery.js" type="text/javascript"></script> 

//HTML 
<input value="click here" onclick="new jQuery.calendar(this);" class="ncalendar" name="q" size="10" maxlength="20" id="q" type="text" />

Como podemos ver la instalación es realmente sencilla, simplemente tendremos que llamar al fichero .JS entre nuestros tags <head></head> y  despues le damos al <input /> que queramos la clase ncalendar para que se añada la funcionalidad.

Demos

[MooTools][jQuery

Elegante listado simulado para nuestras aplicaciones

29 Oct

+ 1

Aúnque técnicamente no se trata de un listado, se trata de uno de los “listados simulados” más elegantes que he visto nunca. Aunque con un poco de mano, podría convertirse en un listado semáticamente más correcto, creo que vale la pena conocerlo.

nicenumberedlists.jpg

HTML

<div class="comment-box">
      <h2 class="number">X</h2>
      <p>CONTENIDO</p>
   </div>

CSS 

h2.number {
	position: relative;
	top: 0px;
	left: 0px;
	font-size: 10em;
	color: #ccc;
	float: left;
	margin-right: 10px
}

.comment-box {
	margin: 0px 0px 50px 50px;
	padding: 20px;
	width: 240px;
	border: 1px solid black;
	float: left;
}

[Demo][Descargar]

Recopilación de bugs de IE

28 Oct

+ 0

Ya conocemos algún que otro error de Internet Explorer y con el que podemos hacer que el navegador se cuelgue, pero eso no es todo. El navagador más usado tiene una buena colección de bugs.

WordPress 2.3.1 Final

27 Oct

+ 14

Ya tenemos disponible la versión 2.3.1. de WordPress, despues de solo unos días con la RC1 aparece la versión 2.3.1 corrigiendo una buena tanda de bug y mejorando aspectos que ya teníamos disponibles.

  • Soporte de tags para Windows Live Writer
  • Corregidos bug en el login.
  • Mejoras en peticiones a la base de datos referentes a los tags.
  • Correcciones en los importadores de links.
  • algunas más

Me ha llamado la atención el mesaje de actualización, el primero que he visto, ya que la versión 2.3 integró el famoso y polémico notificador de actualizaciones y con esta versión ha sido la primera vez que lo hemos visto en acción.

notificador-actualizacion-wordpress.png

[Descargar]

WordPress 2.3.1 RC1 disponible

25 Oct

+ 1

WordPress ha anunciado la versión 2.3.1 RC1 en la que corrigen más de 20 errores, añaden nuevas funcionalidades y optimizan el sistema taxonómico. [Descargar]

Como leer PDF desde el iPhone/iPod Touch

24 Oct

+ 26

La pantalla grande del iPhone/iTouch, es idea para leer documentos, libros, páginas web,… además de mostrar imagenes, gráficos, videos,… por ese motivo era obvio que Apple, incluyera un lector de PDF en forma de extensión para Safari.

Si accedes a un fichero .PDF desde tu navegador podrás leerlo con la aplicación desarrollada aposta, los que la hayan visto sabrán que es bastante buena para leer grandes documentos. Pero, ¿que pasa si no tenemos acceso a Internet? Menos mal que hay cabezas pensantes que solucionan nuestros problemas.

De las posibles soluciones, he recopilado y probado estas:

1) Usar PDFViewer

Me detecta los .pdf, pero no me los visualiza… descartada.

2) Enviartelo por mail

Una solución es enviarte el fichero .pdf al mail y una vez descargado es posible ejecutarlo desde el cliente de correo.

3) Usar MobilePreview

Esta solución, requiere que se instale MobileFinder y MobilePreview, esto nos permitirá navegar por el sistema de ficheros y ejecutar el fichero .pdf que queramos.

4) Convierte el .PDF en una URL (O.o)

Al principio, cuando lo leí dije (¿como?), pero luego caí en los Data:Url, y pensé que podía probarlo:

  1. Descargué Filemark Marker (para Mac), versión Online
  2. Arrastré el fichero .pdf a la aplicación .app que había dentro del zip.
  3. Copié la URL que Safari me dio
  4. La envié por mail al iTouch
  5. Leí mi PDF sin problemas 😀

Magia!! 😀

5) Usa el servidor Web

Esta es la primera solución que se me ocurrió y puse en práctica:

  1. Instalamos Lighttpd ( o Apache)
  2. Subimos via FTP, SSH el fichero .pdf a la carpeta /private/var/root/Sites
  3. Accedemos desde Safari a la ruta local (127.0.0.1) junto al nombre del PDF (http://127.0.0.1/fichero.pdf)
  4. Leemos nuestro libro.

Opcional

Tambien podemos hacer que el servidor web nos liste los ficheros por defecto, de esta forma además tendremos una biblioteca de .pdf’s.

  1. Editamos el fichero lighttpd.conf de /usr/local/etc/
  2. Añadimos dir-listing.activate = "enable" y "mod_dirlisting"
  3. Reiniciamos el iPhone
  4. Podemos mejorar estéticamente la salida de este listado y conseguir algo bastante interesante.

Protejete del SPAM con un Drag&Drop

24 Oct

+ 5

¿Estás harto del SPAM? ¿Cada día tienes más mensajes de SPAM que comentarios? Pues puedes evitarlo de una forma muy original con un drag&drop, nada de Captchas molestos y que ensucian la página.

dropcomment.png

A simple vista le veo un problema de accesibilidad considerable, ya que obliga a que el navegador disponga de Javascript, pero como opción, es tan válida como las demás.

Código

En el ejemplo podemos ver, que se ha usado jQuery para realizar la funcionalidad.

<script type="text/javascript">
$(document).ready(function(){
	
	jQuery('#draggable-handle-div').draggable({
			helper: 'clone',
			opacity: 0.6,
			dragPrevention: 'a,input,textarea',
			handle:'div'
	});
		
	jQuery("#dropbox").droppable({
			accept: 		'#draggable-handle-div',
			activeClass: 	'droppable-active',
			hoverClass: 	'droppable-hover',
			tolerance: 		'touch',
			drop:
			function(ev, ui) {
				if (jQuery('.commname').val() == '') {
					alert('You must fill in your name!');
				} else {
					var name = jQuery('.commname').val();
				}
				if (jQuery('.commtext').val() == '') {
					alert('You can\'t submit an empty comment!');
				} else {
					var text = jQuery('.commtext').val();
				}
				if (jQuery('.commname').val() != '' && jQuery('.commtext').val() != '') {
					var currentTime = new Date();
					jQuery("<li><p class='comment-text'>"+ text +"</p><p class='comment-username'>by "+ name +"</p><p class='comment-date'>Posted "+ currentTime +"</p></li>").appendTo(".comments").fadeIn(2000);
                 			jQuery('.commname').val('');
						jQuery('.commtext').val('')
					}
				 }
			}
		);	

});
</script>

Via 

El volante de Hamilton

24 Oct

+ 5

Mucho se está hablando del volante de Hamilton, que si accionó el botón de reset, que si no existe tal botón… os traigo esta imagen (la he hecho rápido y cutre, aposta :D) para demostrar que resetear el volante es posible.

volante_hamilton3.JPG

ScummVM para el iPhone/iPod Touch

23 Oct

+ 6

Grata sorpresa me he llevado al ver que los creadores de ScummVM, el emulador aplicaciones Lucas Art’s por excelencia están trabajando en una versión para el iPhone/iTouch. Desde que tengo memoria, recuerdo estos juegos con los que me he ido curtiendo y he hido creciendo.

scummvm_0_8_1-full.pngscummvm_0_5_1-full.png

  • Maniac Mansion
  • The Secret of Monkey Island
  • Day of the Tentacle
  • Sam & Max- Hit the Road
  • The Dig
  • etc…

Que recuerdos!! Estoy deseando que salga para poder volver a sentirme un niño delante de la pantalla 😀

Imagenes

iphonescummvmsplash.jpgiphonescummmain.jpgimagen-1.png

Video 

Como podemos ver, en el video, está bastante avanzado el tema, aunque seguro que faltarán pulir ciertos detalles antes de sacarlo publico. Mientras tanto, podemos descargarlo a la plataforma que más nos guste

Interface para YouTube muy al estilo Apple

23 Oct

+ 1

Mirar que bonita interface desarrollada en Flash para mostrar las páginas de YouTube, no he logrado ver ningún video, pero me he mareado un rato intentando hacer que parara de girar O.o!