Alfredo Juarez

jQuery.timepickr fue creado con la intención de mejorar el proceso de selección de hora de la manera más fácil y natural posible.

Está diseñado para ser unobstrusivo, y soporta “jQuery UI theme Switcher“, por lo que es completamente customizable.

Sus objetivos son:

• Ser inobstrusivo
• Uso máximo de 2 clicks.
• Navegación de teclado intuitivo.
• Ser usable en dispositivos táctiles.
• Compatible con browsers nuevos y viejos (Degrade Gracefully)

Requisitos: jQuery Framework
Demo: http://haineault.com/media/jquery/ui-timepickr/page/

[Via WebAppers]

Start Slide Show with PicLens Lite

Primero que nada instalaremos Apache 2.2.x, para eso vamos a hacer lo siguiente:

# cd /usr/ports/www/apache22
# make install clean

Luego de instalarse, debes de saber que el “web root” por defecto está en “/usr/local/www/apache22/data/” (aqui es donde pondrás todas las páginas y/o archivos que quieras prublicar en la web. Y por otra parte el httpd.conf está en “/usr/local/etc/apache22/httpd.conf“.

Ahora sigue decirle al sistema que queremos que arranque el apache junto con él, para eso agregamos la siguiente linea al archivo /etc/rc.conf.

apache_enable="YES"

Con esa linea el demonio debería iniciar durante el booteo de nuestro servidor.
(ACTUALIZADO) 08 de Marzo de 2010
Antes de iniciar el demonio de Apache deberás agregar una linea al archivo /boot/loader.conf, para lo cuál ejecutamos el siguiente comando:

# echo 'accf_http_load="YES"' >> /boot/loader.conf
Para iniciar Apache manualmente escribimos el siguiente comando:

# httpd -k start

O bien podemos reiniciar el sistema (reboot) para que el demonio inicie solo.

Luego comprobamos que apache esté corriendo correctamente, ingresando en el navegador la IP o dominio del servidor donde lo hayas instalado. Si ves alguna página de apache todo salió perfecto, si no, revisa los pasos anteriores algo hiciste mal .

Ahora bien, seguimos con PHP, para instalarlo habrá que seguir los siguientes pasos:

# cd /usr/ports/lang/php5
# make config
# make install

Cuando estés en el cuadro de diálogo de configuración asegurate de seleccionar el Módulo para Apache, de lo contrario todo saldrá mal.

Una vez instalado, continuaremos con los siguientes módulos:

/usr/ports/databases/php5-mysql - Soporte para MySQL
/usr/ports/www/php5-session	- Sessiones
/usr/ports/graphics/php5-gd - Librería GD
/usr/ports/lang/php-extensions - Diversas Extensiones para PHP

Ahora solo resta agregar a la configuración de Apache (/usr/local/etc/apache22/httpd.conf) las siguientes lineas, para decirle que tenemos PHP instalado.

# Apache 2.x
LoadModule php5_module        libexec/apache/libphp5.so

Si lo instalaste por Ports y si ya tenias Apache instalado, esta linea ya debería de estar.

Ahora busca la sección DirectoryIndex en el httpd.conf y modificalo para que quede como esto:

DirectoryIndex index.php index.html index.htm

Ahora resta agregar las siguientes lineas al httpd.conf para decirle a Apache que debe parsear los archivos .php:

AddType application/x-httpd-php .php
AddType application/x-httpd-php-source .phps

CONFIGURANDO PHP

El archivo de configuración de PHP se encuentra en /usr/local/etc/php.ini, vas a tener que copiarlo desde /usr/local/etc/php.ini-dist.

# cp /usr/local/etc/php.ini-dist /usr/local/etc/php.ini

Después de que ya quedaron todas las configuraciones, debemos de reiniciar Apache para que los cambios hagan efecto. Ahora sigue probar que todo haya salido bien:

# echo "<?php phpinfo(); ?>" >> /usr/local/www/apache22/data/test.php

Ahora apunta el navegador a la dirección: http://localhost/test.php Si ves una página con información de las configuraciones del PHP todo salió bien.

En caso contrario, deberás revisar todas las partes que escribiste, posiblemente algo se te barrió.

Start Slide Show with PicLens Lite

Lo primero que debemos tomar en cuenta a la hora de implementar atajos de teclado en una aplicación Web es no redefinir los atajos por defecto del navegador o sistema operativo, ya que se pudiera dar el caso de que el usuario intente hacer una acción común y la aplicación web lo interprete de otra manera, por ejemplo: Imaginemos que el usuario quiere cerrar la pestaña y presiona Ctrl+W, pero tu definiste Ctrl+W para otra acción dentro de la aplicación, el usuario verá su intento frustrado por querer cerrar la pestaña.

Como puedes saber, Javascript tiene muchos “escuchadores de eventos”. Para los atajos del teclado usaremos onkeyup, el cual permite efectuar una acción cuando una tecla es presionada. Entonces, solo tenemos que comparar el valor del código de teclado retornado con nuestros atajos de teclado.

Los códigos de teclado consisten en 2 o 3 numeros, cada tecla tiene su propio código (vea la lista completa al final).

EJEMPLOS

En el siguiente ejemplo vamos a ejecutar una acción si la tecla combinación de teclas Ctrl+S es presionada:

var isCtrl = false;
document.onkeyup=function(e) {
    if(e.which == 17) isCtrl=false;
}document.onkeydown=function(e){
    if(e.which == 17) isCtrl=true;
    if(e.which == 83 && isCtrl == true) {
         alert('Guardando...!');
         return false;
    }
}

Ahora veamos el mismo ejemplo, pero utilizando jQuery:

var isCtrl = false;$(document).keyup(function (e) {
if(e.which == 17) isCtrl=false;
}).keydown(function (e) {
    if(e.which == 17) isCtrl=true;
    if(e.which == 83 && isCtrl == true) {
        alert('guardando... Con jQuery');
 	return false;
 }
});

En estos ejemplos, empezamos verificando si la tecla Ctrl fue presionada, Si fue presionada, el valor inicial de la variable isCtrl será “true“. si las teclas son liberadas, a isCtrl se le asignará “false” de nuevo.

Una vez hecho esto, tenemos que verificar si la segunda tecla presionada es S, como nuestro atajo consiste en una combinación de teclas, también debemos verificar si la variable isCtrl es “true“.

Si las dos teclas fueron presionadas, mostraremos una alerta para mostrar un mensaje, por supuesto, en una aplicación real, podemos agregarle más funcionalidad.

Referencia de códigos

El articulo original fue publicado en CatsWhoCode, traducido por mí.

New York 2008 from Vicente Sahuc on Vimeo.

Vicente Sahuc ha realizado un gran trabajo ya que utilizando una Casio EX-F1 a 300 fps logró crear un video muy profesional. Para hacerlo utilizó patines y un estabilizador Steadicam Merlin.

Para lograr ese efecto polaroid en el video extrajo todos los fotogramas con Quicktime y los trabajó como imágenes independientes utilizando Photoshop para luego unirlos junto con la musica en Adobe Premiere.

[Via Alt1040]

Ya que empieza a pegar el calorsito, este video les serviría de mucho para construir su propio aire acondicionado USB, con poco dinero.Solo es cuestión de conseguir un ventilador (desarma tu PC y se lo quitas, o lo consigues por 8 o 10 dolares).
Un bote grande
Un disco compacto
etc…

Espero tener tiempo este fin de semana para hacer uno, ya que la verdad le veo mucha funcionalidad, y se ve relativamente facil de hacer. Solo es cuestión de estudiar bien el video, y seguir los pasos.