Videotaller: Formulario con validación jQuery y pre-validación sobre la marcha

Taller sobre como crear un formulario con validación jQuery, paso a paso, y con campos con pre-validación sobre la marcha de forma asíncrona.

Archivos adjuntos para el taller: http://www.megaupload.com/?d=55IZEUQJ

Parte 1: http://www.youtube.com/watch?v=iWrr3NICnsA
Parte 2: http://www.youtube.com/watch?v=tTxCDZEeBCs
Parte 3: http://www.youtube.com/watch?v=xvWx4dMW280

****½7votes
Sin comentarios »  | Categorías:  videos, videotaller | Tags: , , , , , , ,

CSS: capa centrada horizontal y verticalmente con overflow

Hola de nuevo, ésta es la tercera entrada referente a CSS. A este ritmo tendré que acabar haciendo una recopilación XD.
En algunas ocasiones nos puede interesar maquetar una página web que no se salga de los márgenes (como si fuera hecha íntegramente en flash), y por tanto usaremos barras de scroll dentro de las propias divs en vez de usar la del navegador. […]

Visita el artículo original en mi página:
http://www.hcosta.info/blog/css_capa_centrada_horizontal_y_verticalmente_con_overflow.html

****½2votes
Sin comentarios »  | Categorías:  css | Tags: , , , , , , ,

CSS: fondo con 100% de altura y wrapper de contenido transparente

Continuando con CSS, hoy os cuento una de las formas que utilizo para crear fondos con wrappers transparentes. Los wrapper son capas que indican el límite del contenido, y vienen muy bien para añadir un efecto de transparencia en nuestras páginas y blogs. En la próxima entrada os enseñaré como centrar verticalmente capas. […]

Visita el artículo original en mi página:
http://www.hcosta.info/blog/css_fondo_con_100_de_altura_y_wrapper_de_contenido_transparente.html

**** 1vote
Sin comentarios »  | Categorías:  css | Tags: , , , , , , ,

Problemas con CSS: Opacidad heredada en capas hijas

Si eres maquetador web o estás metido en el mundo de las hojas de estilo CSS últimamente debes estar harto de usar la propiedad opacity, filter: alpha(opacity=?) en Internet Explorer. Y seguramente te has encontrado más de una vez con el problema de la opacidad y la herencia, y es que las capas hijas se pasan por el forro si les defines una nueva transparencia […]

Visita el artículo original en mi nueva página:
http://www.hcosta.info/blog/problemas_con_css_opacidad_heredada_en_capas_hijas.html

*****2votes
Sin comentarios »  | Categorías:  css, tips | Tags: , , ,

Wget para Windows? Fuck yeah!

¿Quién no ha tenido la necesidad de ello?

Pues los de GNU tienen unos binarios mu bien compilaos:

http://gnuwin32.sourceforge.net/packages/wget.htm

Descargar, instalar, meter en el PATH de windows y ale, a navegar cual Richard Stallman XD

****½3votes
Sin comentarios »  | Categorías:  internet, windows | Tags: , ,

Howto: Codeigniter 2.0 + Ckeditor 3.6 + Kcfinder 2.21

CLICA AQUI PARA IR AL MANUAL ACTUALIZADO PARA CodeIgniter 2.1 + Ckeditor 3.6.1 + kcfinder 2.51

Os presento la forma más cómoda de tener un editor WYSIWYG con capacidad para subir ficheros e imágenes al server, integrado en el Framework PHP CodeIgniter! La alternativa a la librería multimedia CKFinder (que es de pago), es KCFinder, y como no he encontrado en ningún sitio una guía explícita sobre como hacerlo os lo explico en este HowTo.

CodeIgniter
CKEditor
KCFinder

Asumiendo que tenemos CodeIgniter y los ficheros descargados…

(more…)

****½4votes
23 Comentarios »  | Categorías:  howto, PHP | Tags: , , ,

Reflexionando sobre seguridad en Internet

Hola compañeros, indagando por Internet, hace unos días un desarrollador profesional se preguntaba hasta que punto es fiable la seguridad en Internet. Explicaba por ejemplo que hoy en día, en la India y otros países, tienen a gente trabajando descifrando captchas manualmente, y que esas empresas se dedican a extorsionar a grandes portales en días críticos de tráfico.

Decía que en una época donde el spam está hasta en la sopa y que las redes zombie se multiplican como conejos, lo último que le puede interesar a un hacker es saber tu número de visa, ya que en esta época en la que vivimos, la industria del malware se ha profesionalizado.

El que se dedica a crear botnets para venderlas, y  las empresas que las compran y hacen ataques DoS con ellas, difícilmente son los mismos.

En el peor de los casos venderán las credenciales y datos de los usuarios sobre los que tienen acceso, y en algún país africano, donde las leyes son prácticamente inexistentes, alguien retirará el dinero o hará las transferencias desde sus cuentas bancarias a algún paraíso fiscal…

Hoy en día, Windows ha dejado de ser el objetivo para dar paso a otras aplicaciones como Reader, Flash, WinZip o la mismísima JVM…

Cuando por el simple hecho de abrir un JPG podemos estar ejecutando un malware, cuando en un PDF nos pueden anidar código malicioso, o por el simple hecho de visualizar una animación flash o un applet de java pueden hacernos cualquier cosa… da un poco de miedo.

Dicen los expertos que lo mejor es el sentido común, no abrir correos raros, no entrar a enlaces que sean sospechosos, que ante la duda lo ejecutemos en una máquina virtual o sandbox … y luego instalar un firewall, pero siendo realistas, ¿cuanta gente va a hacer eso?

**** 3votes
Sin comentarios »  | Categorías:  filadeatras, reflexiones | Tags: , , , ,

Restaurar home del usuario con rsync

En este post explicaré como restaurar de manera sencilla el home de un usuario con rsync. Lo usamos en el instituto para restaurar el home del alumno al estado por defecto y evitar que degraden en exceso su directorio personal.

Lo primero que tendremos que hacer es configurar el home del alumno hasta tenerlo como lo queramos. Una vez lo tenemos todo preparado ejecutamos:

rsync -a --delete /home/alumno /root/backup_home_alumno

Con esto tendremos guardada una copia del home del alumno en la carpeta del root.

A continuación creamos un script con el siguiente contenido:

#!/bin/bash
rsync -a --delete /root/backup_home_alumno /home/alumno
chown -R alumno:alumno /home/alumno

Este script deberemos colocarlo en la carpeta /etc/init.d/ para que se ejecute al iniciar el sistema y de esta manera restaurar el home del alumno.

Hay que tener en cuenta que siempre que hagamos una modificación en el home del alumno deberemos volver a ejecutar el rsync para actualizar la copia del home que guardamos en la carpeta del root.

****½3votes
Sin comentarios »  | Categorías:  administración, gnu/linux | 

Tareas FTP en un script Bash

Pongamos por caso que necesitas hacer el backup de un archivo por FTP cada día (un backup para los amigos) y te gustaría automatizarlo. Pues creas un script como el siguiente:

#!/bin/bash
ftp -inv servidor.ftp<<EOF
user usuario password
binary
cd backups
lcd /backups/
put backup_de_hoy.tar.gz
bye
EOF

NOTA: Rsync lo hace mucho mejor en estos casos, pero no se me ocurría otro caso de uso …

*****2votes
Sin comentarios »  | Categorías:  administración, gnu/linux | Tags: , , ,

Utilidades del comando dd

Bueno hace ya mucho que no escribo y como os veo muy puestos algo habrá que hacer. Me he decidido a hacer un pequeño post con algunas utilidades del comando dd ya que cada vez lo uso mas a menudo y se pueden hacer bastantes cosillas con el.

Sintaxis del comando
dd if=origen of=destino

Crear usb bootable

dd if=imagen.iso of=/dev/sdX

sdX será nuestro dispositivo usb. Lo uso mucho para instalar mis sistemas operativos GNU/Linux y no desperdiciar CD’s.

Crear imagen ISO de un CD o DVD
dd if=/dev/dvd of=dvd.iso
dd if=/dev/cdrom of=cd.iso

Luego podemos usar esta imagen iso y montarla en nuestro sistema con el siguiente comando:
mount -t iso9660 -o loop imagen.iso /media/iso

Clonar disco duro o partición
dd if=/dev/sda of=/dev/sdb # Clonar disco duro

Para hacerlo con una partición es lo mismo sólo que tendremos que indicar el numero de la partición:
dd if=/dev/sda2 of=/dev/sdb2 # Clonar partición

Formatear a bajo nivel
dd if=/dev/zero of=/dev/sdX

/dev/zero és un tipo de archivo que viene en sistemas Unix y que nos va a permitir rellenar el disco duro con caracteres null sobrescribiendo con ellos todo el contenido de nuestro disco duro o partición.

Backup de un disco duro o partición y restaurarla
dd if=/dev/sdX of=backup.img

Para restaurarla ejecutamos el comando intercambiando el origen y el destino:
dd if=backup.img of=/dev/sdX

*****4votes
Sin comentarios »  | Categorías:  administración, gnu/linux |