Archive for Julio, 2009
Subir mas de un archivo
by Desendoll on Jul.20, 2009, under Flash, JavaScript
Subir mas de un archivo al mismo tiempo es imposible con un input file. Existe un script.js que lo simula pero tienes que ir seleccionando los archivos uno a uno.
Pero para hacer una selección de toda una carpeta la solución pasa por utilizar flash, y si no quieres programarlo de 0 puedes utilizar un par de scripts muy útiles.
El mas nuevo y que no conocía asta ahora es un pluguin para jquery uploadify muy fácil de implementar, con tan solo:
<input type="file" name="fileInput" id="fileInput" />
<script type="text/javascript">
$(document).ready(function() {
$('#fileInput').fileUpload ({
'uploader' : 'uploader.swf',
'script' : 'upload.php',
'cancelImg' : 'cancel.png',
'auto' : true,
'folder' : '/uploads'
});
});
</script>
Y el segundo, que es el que he venido usando hasta ahora es el SWF Upload, tal vez un poco mas complicado de utilizar pero permite muchas mas configuraciones.
Imprimir solo una parte de la web
by Desendoll on Jul.04, 2009, under CSS
Si queremos imprimir solo una parte de nuestra web, debemos crear un archivo .css distinto al habitual. Que lo lincaremos así:
<link rel=”stylesheet” type=”text/css” media=”print” href=”css/print.css”>
De esta forma el navegador interpreta este css en el caso que se tenga que imprimir la web.
En este css tenemos que ocultar el body, y después mostrar todo aquello que queramos modificando los estilos como mas nos convenga en una impresión. De esta forma podemos obtener un aspecto mas optimo para papel de la web.
Ejemplo print.css:
body { visibility: hidden; }
#nuestro_div{visibility: visible; position:absolute; top:0; left:0;}
Wireframe: esbozos de paginas web
by Desendoll on Jul.02, 2009, under Aplicaciones Online, Diseño
Wireframe: dice se de Algoritmo de renderización del que resulta una imagen semitransparente, de la cual sólo se dibujan las aristas de la malla que constituye al objeto. De ahí su nombre (wikipedia). Yo me quedo igual, pero aclarándolo un poco se refiere a un esbozo de nuestro proyecto, ya sea en arquitectura, ingeniería, diseño web…
Muchos pensareis que utilizar papel y lápiz para realizar el diseño es mucho mas rápido, pero estáis equivocados. Que pasa si queréis añadir un recuadro de vídeo en donde pusisteis texto, tachar, borrar… en cambio con un buen software podemos crear y modificar nuestros proyectos como nos plazca.
En esta blog encontraremos mucha información y mas de un sofware interesante.
En AIR existe una aplicación ligera y fácil de usar muy intuitiva.
Codificar imagenes en base64 (Imagenes como texto)
by Desendoll on Jul.01, 2009, under PHP
Si tienes un hosting restrictivo o cualquier impedimento para subir imágenes, esta es la solución. Como hacen algunos temas para incorporar imágenes? pues codificando las imágenes para que sean solo texto.
En PHP tenemos dos funciones base64_encode y base64_decode. En este caso nos interesa obtener el código de la imagen, por lo que utilizaremos la base64_encode. Para obtener la imagen codificada:
$code = base64_encode(file_get_contents(‘DONDE/ESTE/LA/IMAGEN.png’))
Y ahora ya podemos utilizar nuestra imagen como texto en un background css, en una imagen directamente…
Tan solo debemos saber que nuestra imagen sera:
data:image/png;base64,asdfasdEasdf23dsafcas….

