Tutos

tutoriales

Estructurar una web con css

Cuando maquetamos una web, lo primero siempre es tener una estructura definida bien sólida 2 columnas -3 filas, 4 filas- 2 columna,.. etc. Siempre he defendido el trabajo sin tablas, y si eres iniciado y crear estas filas y columnas te cuesta, puedes optar por descargártelas desde  este link. Los chicos de IronMyers se han molestado en crear una serie de plantillas con muchas combinaciones. Como verás, el código quedará más limpio y estructurado, con la consecuente perdida de peso en…

Leer Más

Modelo Vista Controlador

Posiblemente, si te dedicas a la programación, habrás oido hablar del Modelo Vista Controlador (MVC), ese mismo que tus profesores te insistían en usar tanto. El objetivo de este tipo de modelos es de intentar repetirse lo menos posible y de tenerlo todo organizado o sea hacer una distinción entre la lógica de toda la aplicación y presentación. Los Fundamentos básicos del MVC son los siguientes: Modelo: Esta sirve como representación específica de toda la información con la cual el…

Leer Más

Ajax en php

Hoy en día resulta algo feo ver una página que no utiliza ajax, a los usuarios no nos gusta mucho ver como nuestras páginas vuelven a cargar a la hora de enviar un formulario, subir una imagen etc, etc. La manera más sencilla de empezar a utilizar ajax si no controlamos javascript (javascript es el lenguage del futuro, intenta aprenderlo!), es con la clase xajax, que nos trae un cumulo de funciones que simplifican nuestra tarea. Está bastante bien implementada,…

Leer Más

Unos cuantos hacks css

Estoy totalmente en contra de los hacks css, siempre hay otro camino para conseguir el diseño que queramos (Por favor, no uses nunca tablas. ¡ese no es el camino!). Pero cuando no queda otro camino hay que usarlos, aquí dejo una lista de ellos. _left barra delante de la propiedad ejemplo:( .menu{ left:40em;_left:30em;}). La barra solo actua en IE6. .left punto delante de la propiedad ejemplo:( .menu{ left:40em;.left:30em;}). El punto actua tanto en IE6 e IE7. .menu, x:-moz-any-link {left:40em}. Estilo…

Leer Más

Crear un captcha

Es habitual que se nos cuele mucho spam por formularios, y es que los spamers, suelen crear aplicaciones para enviar miles y miles de correos por formularios vulnerables, que envían copia del e-mail al autor, por ejemplo. Voy a iniciar un pequeño tutorial para crear un captcha, para “obligar a los usuarios a demostrar que son humanos”. Primera Parte <?php session_start(); //Creamos una cadena aleatoria de caracteres $md5 = md5(microtime() * mktime()); //Reducimos a 5 los caracteres $string = substr($md5,0,5);…

Leer Más

Asignar a multiples zips, nombre que contiene dentro del .zip

Hace poco, por una razón X, he tenido que renombrar todos unos zips del tipo 92832.zip al contenido que tenían dentro. Con esté script que pongo a disposición de todos, se puede lograr en un rato, está en php. define(‘ZIP_DIR’,’zips/’); define(‘ZIP_DIR_NUEVO’,’zipsNuevos/’); if(!dl(‘php_zip.dll’)) die(‘Necesita la extension ZIP’); $zipDir = dir(ZIP_DIR); while(false !==($zipArchivo = $zipDir->read())) { $zipDirArchivo = ZIP_DIR.$zipArchivo; if(‘.zip’==substr($zipArchivo, -4) && is_file($zipDirArchivo)) { $zip = zip_open($zipDirArchivo); if($zip) { $zipEntradaNombre = basename(zip_entry_name(zip_read($zip))); $zipEntradaExt = strrpos($zipEntradaNombre, ‘.’); $zipNuevoNombre = substr($zipEntradaNombre, 0, ($zipEntradaExt?$zipEntradaExt:strlen($zipEntradaNombre))); $zipNuevoNombre…

Leer Más

Una imagen para cada navegador

Si necesitamos que una imagen de nuestra web, varíe, dependiendo del navegador lo podremos realizar sin necesidad de usar javascript ni ningún hack css, simplemente html de la siguiente manera: < img /srcx00=”ie.gif” /”srcx00=”firefox1_5.gif” /”src=”firefox2_0.gif” /””src=”gecko_others.gif” “sx00rc=”safari2.gif” “src=”safari3.gif” “”src=”konqueror.gif” srcx00=”w3m.gif” srcx0c=”opera.gif” src=”others.gif” src=”lynx.gif” /> Reconoce Firefox2.0, Firefox1.5, otro motor Gecko, Safari2, Safari3, Opera, IE, w3m, Lynx, y otros navegadores.

Leer Más

Fuentes para ubuntu

Si te encuentras falto de fuentes en tu equipo y deseas ampliar la lista de de fuentes disponibles, traigo una lista de 465 fuentes libres disponibles para hacer lo que nos de la gana con ellas. Para agregarlas, solo tendremos que llevar a cabo los siguientes pasos: 1.- Añadimos a los repositorios: sudo gedit /etc/apt/sources.list Y añadimos las siguientes lineas al final: deb http://ppa.launchpad.net/corenominal/ubuntu gutsy main deb-src http://ppa.launchpad.net/corenominal/ubuntu gutsy main 2.- Actualizamos: sudo apt-get update 3.- Instalamos: sudo apt-get install…

Leer Más

Abrir terminal desde carpeta

Este truco nos instala una opción muy útil en Nautilus (el gestor de las ventanas). Ubuntu no trae por defecto la posibilidad de abrir un Terminal desde una carpeta con la ruta ya seleccionada, y hay que hacerlo manualmente navegando por las carpetas desde la linea de comandos lo que es un poco engorroso dado los nombres largos de los archivos y carpetas. Para instalar ésta opción simplemente hay que teclear en una consola: sudo apt-get install nautilus-open-terminal Nos queda…

Leer Más