2009-11-30

Clase para hacer pantallazos

Estoy buscando en mi ordenador un snippet sobre hacer pantallazos de páginas web. Lo necesito para un nuevo directorio en el que quiero poner una foto de cada página web.

Recuerdo que la receta era un archivo bash en el que le dabas la orden Firefox - url y te generaba la imagen. También me suena que podías restringirle el tamaño y tal.

La idea es hacer los pantallazos en local y subirlos por ftp al servidor.

No lo encuentro así que tendré que hacerlo con esta otra librería:

http://www.phpclasses.org/browse/package/918.html Page snapshot

También con python:

python /path/to/webkit2png http://www.google.com/

http://www.paulhammond.org/webkit2png/

ó

http://www.blogs.uni-osnabrueck.de/rotapken/2008/12/03/create-screenshots-of-a-web-page-using-python-and-qtwebkit/


Me da que al final lo haré con python.

2009-11-29

VectorsOnFire.com

VectorsOnFire.com es una web donde hay vectores de una altísima calidad. Conviene darle un repaso y tenerla presente para futuros desarrollos.

http://www.vectorsonfire.com/

VectorsOnFire.com provides only the best free vector graphics on the net, from acclaimed graphic designers in the world. All the graphics in our collection are real vectors, in real vector formats (Ai, EPS, SVG etc). And most importantly all the works are approved by their authors. Enjoy!

280slides.com

280slides.com es un sitio donde puedes diseñar presentaciones online sin necesidad de tener instalado el powerpoint o algo parecido



Muy recomendable y útil.

Detectando selectores css no utilizados

A menudo comienzas un proyecto basándote en un proyecto anterior o en una plantilla. Con el paso del tiempo no depuras las hojas de estilo y te encuentras con archivos grandes con mucho contenido superfluo.

Por ejemplo:

No has puesto formulario y en la plantilla que te basabas si que había por lo que todo el código css asociado no es utilizado.

Existen numerosas herramientas que nos detectan este código y nos ayudan a depurar nuestras hojas de estilo optimizando el tamaño de la descarga.

http://www.sitepoint.com/dustmeselectors/: es una extensión para firefox.

http://www.highdots.com/css-editor/waznew.html


No hay tantas jejeje

2009-11-24

Buscando empleo en infojobs

Actualmente estoy tratando de ampliar mi horizonte laboral y busco trabajo para gente con conocimientos de html, xhtml, css, seo, sem, php, python...

En realidad voy a lanzar varias proyectos en enero pero todavía falta un mes y voy más bien flojo de liquidez.

Si necesitan externalizar maquetación, programación o posicionamiento en buscadores pueden contactarme.

La oferta laboral en Valencia es bastante flojita. Miren lo que he visto:

Número de trabajadores: 1
Sede central en: Valencia/València
Descripción de la empresa: Empresa lider en el sector de las Tecnologías de la Información y la Comunicación.


Como se puede decir que eres una empresa lider si sólo trabajas tú . Queda muy mal aunque sea la verdad.

A partir de ahora incluyo en el footer de cada post el botón de donación. Podéis donarme lo que queráis si os ha parecido interesante el artículo y si os sobra el dinero jejeje yo voy muy escaso.

2009-11-23

Nube tags - etiquetas en php

Os dejo esta sencilla función para crear una nube de etiquetas en php:

function nube( $data = array(), $min, $max,$cuantos ) {

$numero_array = count($data);
$rand_keys=array_rand($data,$cuantos);
for($i = 0; $i < $numero_array; $i++){
$size = floor(rand($min, $max));

echo '<a style="font-size: ' . $size . 'px'
. '" href="http://avanzaweb.net/search/label/'.$data[$rand_keys[$i]].'" title="Apuntes sobre ' . $data[$rand_keys[$i]] .
'">'
. htmlspecialchars( stripslashes( $data[$rand_keys[$i]] ) ) . '</a> ';
}

}

Esta función crea la nube de etiquetas a partir de un array en el se indican las palabras. Debes introducirle el valor mínimo y máximo en pixeles para las etiquetas y cuantos valores quieres que salgan. La función realiza una reordenación aleatoria de las etiquetas que hace que la nube vaya cambiado para cada usuario.

Para invocarla bastaría con poner:

nube($datos,10,30,20);

$datos sería el array con los datos como $array("sexo","seo","segovia","sebas");
10 el tamaño mínimo
30 el tamaño máximo
20 el número de tags que van a aparecer.

Está pensada para que se tenga una lista larga de tags y que vayan rotando por la nube.

2009-11-18

Comprar online

Comprar online se ha convertido en una rutina. Me cuesta mucho menos esfuerzo y dinero encargar las cosas por la red que ir directamente a comprarlas.

Tengo varios clientes con tiendas online y de vez en cuando me pasan algunas de las objeciones que pone la gente a realziar la compra online:

- tengo que dar los datos de mi tarjeta
- puedo devolver los productos
- es segura la web

(todo esto con interrogantes)

Son las mismas preguntas que deberían preguntarse cuando van a comprar a una tienda física y que en realidad casi nunca lo hacen por que están acostumbrados a ese canal de ventas.

Hoy por hoy considero la venta online mucho más segura que la de las tiendas físicas. Además de que el trato si surge algún problema suele ser mucho mejor que el de una tienda física.

Ayer mismo realicé una compra y esta mañana me he dado cuenta de que lo que había comprado ya no me servía.

Al dar con las búsqueda acana gatos compré un pienso especial para mi gato que tiene diarrea. el problema es que al poco tiempo me dí cuenta que ese pienso ya no le funcionaba.

Llamé a www.LaCasaDeLasMascotas.com y enseguida me cancelaron el pedido. Me hicieron un gran favor no sólo por el coste monetario. Sino porque llevo probando piensos de gato un tiempo y ya no sé que hacer con tantas bolsas.

Lo dicho. No tengas miedo a comprar online y estas navidades prueba con las cestas de navidad online

El final de Bidvertiser

Hoy he quitado todos mis anuncios en la red de Bidvertiser. Funcionaba bien en aquellos sitios en los que no quería utilizar adsense pero esta mañana he ido a mi cuenta y me han comunicado que mmi cuenta estaba cancelada y que tenía que ingresar 20 dólares y los datos de mi tarjeta bancaria.
Según ellos esos 20 dólares no los ingresaba yo sino que eran un regalo y sólo se quedarían con dinero de mi tarjeta en el caso de que siguiera anunciándome.

Que te pidan tu tarjeta para algo que sabes que no vas a utilizar no tiene ningún sentido.

No les auguro un buen final a esta red publicitaria.

2009-11-11

Bajar videos desde redtube

En los últimos días me ha dado por hacer un script que sea capaz de bajar videos desde redtube. Para mi gusto la mejor web en cuanto a videos porno.

Me los bajo de forma manual de forma muy sencilla utilizando la extensión de firefox http headers. Esta extensión se encarga de ver todo el tráfico entre tu ordenador y las páginas web que estás visitando.

Los programadores de redtube ponen en su código fuente un hash que después será reconvertido en la dirección completa del video en formato .flv.

Lo que busco es averiguar el método para sacar esa ruta del arhivo.

Como ejemplo os pongo este video que me descargué el otro día:


http://bv9q.redtube.com/
467f9bca32b1989277b48582944f325afa3374/
0000024/J2XFIA1QG.flv/
eefef5f61d496cdc8794321d34b057c5/
4af5d9d9?start=0


y este sería el código que ponen en redtube:

var so = new SWFObject("/_playerrt/player_27.swf", "redtubeplayer", "584", "458", "9.0.124.0", "#000000");
so.addParam("allowfullscreen","true");
so.addParam("allowscriptaccess","always");
so.addParam("autostart", "true");
so.addParam("flashvars","id=24700
&width=584
&height=458
&vname=26657d5ff9020d2abefe558796b99584
&hash_flv=/7744437e4657780a7947cfb4ecda629c/4af5db2c
&secured=true
&hash_mp4=/f0639b2c6055de3fdef7702b7c60f9f8/4af5db2c
&secured=true");



En este hilo parece haber un script en perl que lo resuelve, pero no me ha dado tiempo de probarlo.

Dejo la información en el blog y así sé que no la pierdo.

Colección de vectores

Hay páginas que te sirven como repositorios para buscar imágenes, herramientas... en este caso os propongo que os paséis por el blog de Diego Mattei. Me ha gustado mucho su categoría sobre vectores y sé que voy a ir a visitarla de vez en cuando:

http://www.diegomattei.com.ar/category/vectores/

2009-11-10

Easy Slider

Con unas pocas fotos ya puedes tener una página web con cierta creatividad. Si las imágenes son buenas.

Easy Slider te pone las imágenes y los textos e incluye diversas opciones:

1. Auto Slide
2. Slide Continuo
3. Botones para “Ir al principio” e “Ir al final”
4. Esconder los botones
5. Personalización de los botones
6. Hacer un Slide vertical
7. Múltiples Slides por pagina

Las demos están aquí:

http://cssglobe.com/post/4004/easy-slider-15-the-easiest-jquery-plugin-for-sliding

Cinco propiedades css

Los chicos de webdesignerwall.com nos ofrecen un recopilatorio de cinco sencillas propiedades css que nos pueden hacer la vida mś fácil a la hora de crear nuestros diseños web.

http://www.webdesignerwall.com/tutorials/5-simple-but-useful-css-properties/

2009-11-09

Recopilatorio de diseños grunge

Una definición simple de los diseños grunge diría que tienen ruido.

En http://spyrestudios.com/grunge-web-design-examples-best-practices/

Un buen recurso apra portar nuevas ideas a nuestros diseños.

2009-11-05

Script mostrar las imágenes de una carpeta en Php

Este ejemplo lee los ficheros de una carpeta. Detecta las imágenes que sean jpg, utiliza el nombre de la imagen para la etiqueta alt y detecta la anchura de la imagen. De esa forma le asigna una anchura si se pasa de una determinada medida. En este caso 650 píxeles.

//le decimos la carpeta
$path = "";

//abrimos la carpeta
$dir = opendir($path);

//Mostramos los archivos
while ($elemento = readdir($dir))
{

if (substr($elemento, -3)=='jpg'){

$alt_img=substr($elemento, 0, -4);
$alt_img=str_replace('-',' ',$alt_img);
$anchura = ImageSX($elemento);
if ($anchura > 650) {

echo "<img src=\"".$elemento."\" alt=\"".$alt_img."\" width=\"650\"/>";
}
else{

echo "<img src=\"".$elemento."\" alt=\"".$alt_img."\" />";
}

}
}

//Cerramos la carpeta
closedir($dir);