Cmacias.com

Pués si, que no tengo perdón de Dios. Tanto tiempo sin escribir, y para una vez que lo hago no es para poner un script chulo, ni un código ni nada, aunque esta ocasión lo merece.

Ya se ha abierto la inscripción de SubFlash 2010, que se ha convertido en un clásico, como el Ramón de Carranza en la pretemporada, la ensalada de pasta en verano, que bello es vivir en navidades y los granos en primavera.

Como cada Agosto, tenemos a Marcos preparándolo todo a pesar de que lleve 3 años diciéndole que le voy a echar una mano para poder montarlo en Galicia (y suerte que no me haga caso).

Este año es en Bilbao,  y en un simpático post del blog de SubFlash, nos comenta de que van a hablar y de como puedes inscribirte.

Para ello nos da 9 razones de peso:

1. La gente guay.
2. Sé el buen amigo de tu bolsillo.
3. Igual hasta los 90 euros te los regalamos.
4. Los tacaños también tienen sitio.
5. Aprender.
6. Una experiencia.
7. El lugar.
8. Tú.
9. La experiencia.

Al igual que en los años anteriores, Marcos, te auguro nuevamente un gran éxito. Mucha suerte !

Subflash, 2005, 2006, 2007, 2008, 2009… y ahora te toca a ti en el 2010!

Al maquetar con css un sitio web – por lo general – se suele utilizar un reseteador de css, que deja a cero las propiedades de todos los elementos.

Esto nos permite poder moldearlos a nuestro antojo, permitiendo que en la gran mayoría de los navegadores se visualice de la misma manera.

Sin embargo, nuestro querido Firefox, se guarda una desagradable sorpresa y probablemente más de uno se haya dado cuenta. Y es que cuando tratamos de meter – por ejemplo – dentro de un elemento <button> una etiqueta – por ejemplo un <span>, este nos deja un pequeño padding que nos impide colocar el <span> a nuestro gusto por mucho padding que le quitemos, por lo que terminamos metiendo una posición absoluta y pasamos el trago.

No es una solución que me agrada, ya que un simple padding a cero, debería bastar. Para conseguir arreglar esto, debemos añadir la siguiente línea a nuestro reseteador.

<style>
   /** Eliminando el padding de los botones **/
   button::-moz-focus-inner { padding:0;border:none }
</style>

Ahora podemos maquetar a gusto dentro de los elementos <button> sin miedo a nuevas e inesperadas sorpresas … o no ?

El ministerio de igualdad acaba de sacar un decreto en el que presentan un logo acompañado de la tipografía “Comic Sans“. No voy a emitir opinión alguna con respecto a la tipografía utilizada. Los que me conocen ya saben que opino. Si este logo lo sacan el 28 de Diciembre hubiera sido una muy buena inocentada

Dreamweaver CS4 viene con soporte de serie para Subversion, y reconozco que no consigo configurarlo como Dios manda para que funcione. El caso es que hay otra alternativa – creo que más sencilla – que además de afectar al DWCS4, nos permite disfrutar de Subversion en versiones anteriores (probado al menos hasta la versión 8 )

Cuales son los requisitos necesarios ?

Tener instalado un repositorio de Subversion en el servidor y un servidor Linux.

Y que Software necesitamos?

• Dreamweaver versiones 8 a CS4
• WinSCP
• SVN4Dw (Extensión para dreamweaver)
• TortoriseSVN
• Putty

Instalamos todo el software ya mencionado y extraemos el contenido de “putty.zip” en una carpeta (archivos de programa/putty)

Ejecutamos “putty“. Introducimos el host o la IP del servidor y un nombre para poder guardar la sesión, tratando de que sea distinto del host (p.ej SVN_Session). Guardamos la sesión y la volvemos a abrir.

Mediante la línea de comandos, nos logueamos en nuestra cuenta del servidor con el nombre y usuario (en caso de no disponer de una cuenta, habría que ponerse en contacto con el administrador de sistemas) y escribimos los siguientes comandos.

[~]$ ssh-keygen -t rsa

– Presionamos la tecla enter en cada prompt –

[~]$ chmod 700 .ssh
[~]$ cd .ssh
[~]$ cp id_rsa.pub authorized_keys
[~]$ chmod 600 authorized_keys
[~]$ chmod 711 ~
[~]$ exit

Abrimos ahora el WinSCP y añadimos el host o IP del servidor, nombre de usuario, contraseña y seleccionamos “SCP” como protocolo. Hacemos click en Login.
Ahora, en la carpeta “.ssh“, hay un archivo llamado “id_rsa“. Descarga este archivo a la carpeta “keys” de la carpeta en la que hayas descomprimido el “putty“. En caso de no existir esta carpeta, la creamos.

Dentro de la carpeta de Putty, ejecutamos “puttygen.exe“, y en el menú “conversions“, hacemos click en “import key“. Seleccionamos entonces la clave “id_rsa” que anteriormente descargamos con el WinSCP. Hacemos click en “open” y nos aseguramos de que “SSH-2 RSA” está seleccionado. Hacemos click en “Save private key”, y nuevamente hacemos click en “Yes” cuando nos pregunte si deseamos guardar sin contraseña. Guardamos el archivo con el mismo nombre de la sesión (SVN_Session)

Ejecutamos nuevamente putty.exe, seleccionamos la sesión guardada y hacemos click en “load > Connection > SSH > Auth“, clickamos en “Browse/Examinar” y seleccionado el archivo .ppk creado anteriormente. Hacemos scroll hacia arriba y seleccionamos la sesión. La guardamos y la abrimos. Escribimos el nombre de usuario cuando se nos solicite y debería aparecer un mensaje de la forma “Authenticating with public key…”. Si hay algún mensaje de error, comprueba que has seguido los pasos correctamente.

Estamos llegando al final. Nos vamos ahora a “Mi PC” y nos ubicamos en una unidad de disco (por ejemplo C:\). Hacemos click con el botón derecho del ratón y seleccionamos “SVN Checkout“. La Url del repositorio debería ser similar a “svn+ssh://nombredeusuario+SVN_Session/home/ruta al repositorio de tu servidor“.

Seleccionamos ahora un directorio donde ubicar el “Site” en Dreamweaver, hacemos click en “OK” y esperamos a que todos los archivos sean descargados.

Ahora abrimos Dreamweaver y creamos un nuevo Sitio web. Para la ruta local, seleccionamos el directorio que hemos seleccionado para descargar del repositorio.

Cada vez que modifiquemos un archivo, utilizamos el menú creado por la extensión antes instalada “SVN4Dw“, llamado “SVN“. Utilizamos los comandos “Commit” para añadir un archivo al repositorio (archivos modificados por nosotros) y “Update” para descargar los nuevos archivos (actualizados por otros usuarios).

Ya esta todo listo para poder utilizar el “SVN” desde Dreamveaver.

Por cierto, para simplificar estos pasos, es posible crear atajos de teclado desde el menú “Edición > Métodos abreviados de teclado” desde el propio Dreamaweaver.

La entrada anterior y el comentario de Martin me hizo dudar por un momento. En ocasiones nos obcecamos de tal manera que no vemos que la solución es mucho más sencilla de lo que parece.

En Javascript el objeto “location” tiene algunas propiedades más que útiles para poder llegar al resultado deseado sin tener que crear una función como la anterior.

Estas propiedades son las siguientes :

• href
  Es una cadena que contiene la URL completa.
• hash
  Cadena que contiene el nombre de la URL (aparece a la derecha de # en caso de tenerla)
• protocol
  Cadena que contiene el protocolo utilizado(dos puntos incluídos).
• host
  Cadena que contiene el nombre del host y el puerto.
• hostname
  Cadena que contiene el nombre de dominio o IP.
• pathname
  Cadena que contiene la URL sin nombre de dominio, protocolo y hash.
• port
  Cadena que nos devuelve puerto del servidor.
• search
  Cadena que guarda las variables que pasemos por la URL

Click para ver un ejemplo

Para un proyecto y por necesidades de “producción” necesitábamos saber cuál era el dominio base desde Javascript y a poder ser, sin utilizar php.

La solución: capturar la url actual, separar el protocolo por un lado y el dominio junto con sus subdominios por otro lado (si los hubiere), y separar estos últimos, siendo el primier elemento resultante el nombre del dominio.

El resultado es algo así.

<script type="text/javascript">

function dominio_base()
{
    // capturamos la url
    url_site      = document.location.href

    // La separamos por la doble barra
    url_pos      = url_site.indexOf('//');

    // por un lado tenemos la url sin protocolos
    url_limpia   = url_site.substr(url_pos+2);

    // y por otro lado el protocolo usado
    url_prot    = url_site.substr(0,url_pos+2);

    // separamos todas las posibles carpetas
    url_split 	  = url_limpia.split('/');

    // y obtenemos el dominio actual
    url_base 	= url_prot + url_split[0];

return url_base;
}

</script>

Al llamar a la función, simplemente nos devuelve el dominio

<script type="text/javascript">
    // mostrarlo en un alert
    alert(dominio_base());

    // escribirlo en un documento
    document.writeIn('mi dominio es ' + dominio_base());
</script>

En principio esto no sería complicado sabiendo que hay muchos plugins que lo hacen, y en otras muchas webs te explican como hacerlo desde el propio código con funciones.

Pero claro, estos plugins o explicaciones están fundamentados en el uso de la herramienta media del propio wordPress.

Sinceramente, hay algo que no me gusta mucho de esta herramienta, y es que guarda todos los elementos (imágenes, audio, video) en la tabla wp_post de la base de datos, justo donde se guardan los post y las páginas, por lo que si eres amigo de adornar los post con imágenes, esta tabla termina saturada con – a mi entender – contenido innecesario.

Es por eso que utilizo editores externos para la inserción de imágenes, por lo que los que las soluciones para extraer las imágenes de un post no son válidas.

Para esto, se podría crear una función de este tipo, que extraiga todas las imágenes de un post, y seleccione la primera encontrada.

function get_first_image_thumb()
{
    // Recuperamos el post
    $Html = strtolower(get_the_content());

    // Extraemos todas las imagenes
    $extrae = '/<img .*src=["\']([^ ^"^\']*)["\']/';

    // Extraemos todas las imágenes
    preg_match_all( $extrae  , $Html , $matches );

    // donde
    // [1] -> segundo elemento del array "texto/imagenes"
    // [0] -> primera imagen del array de "imagenes"
    $image = $matches[1][0];

    if($image)
    {
        echo '<div class="entry-thumb"/>
              <img src="'.$image.'" alt="" />
              </div>';
    } else {
        return false;
    }
}

Eso si, el tamaño de la miniatura ya dependería de vosotros. En mi caso como las imágenes no son muy grandes, modifico su tamaño con css.

Ahora simplemente nos quedaría llamar a esta función en la entrada del blog

<div class="entry">
    <?php get_first_image_thumb(); ?>
    <?php the_excerpt(); ?>
</div>

Esta función es extrapolable a cualquier otro cms. Simplemente habría que cambiar el valor de la variable “$Html” por el del texto del cuál queramos extraer las imágenes.

6 meses después de salir “al aire” – y con casi un año de desarrollo por detrás – al fin presentamos en sociedad BidoBido.com.

Han sido unos meses muy intensos, de mucho trabajo y muchas horas invertidas. Más de 100.000 líneas de código, más de 40.000 actualizaciones y el resultado hasta el momento no puede ser mejor, más de 50.000 productos y más de 3000 usuarios registrados.
Pero ahí no acaba la cosa. No nos dormimos y seguimos trabajando, preparando nuevos servicios que harán que BidoBido crezca aún más.

Y es por eso que el día 24 de Septiembre, a las 11:30 de la mañana, en el piso 30 del “Hotel Eurostars Madrid Tower” de Madrid, nos presentamos sin la etiqueta de versión Beta, junto a Rudy Fernández, que dará su última rueda de prensa antes de volver a Portland y retransmitido en directo desde BidoBido, con la prensa, amigos, y algunos personajes de la blogosfera siguiendo el evento en vivo y en directo.

Y en esa puesta de largo, se venderán en BidoBido, y al precio de 1 Euro algunas de las camisetas (de los Portland Trail Blazers) y balones firmados por el mismo Rudy. Además también se regalarán cupones por valor de 30 Euros para poder gastar en la BidoBido.com.

En el Blog de BidoBido podréis obtener más información del evento.

Agradecer desde luego, el haber llegado hasta aquí a gente como Nacho, Luis, Mamel y Oscar como desarrolladores, a Cata como compañero de “dibujitos y colorines”, Sandra, Vicky, Ana, Lourdes, Merel, Abraham, Montse, Karima, Isa y Luis, aguantando las rarezas de los desarrolladores, como soporte a clientes de BidoBido, colaborando y aportando ideas. Y como no, a Jacobo, cabeza pensante del proyecto.

Por todo esto y más, BidoBido.com, sorteará en este Blog, un cupón de 30 Euros entre todos los comentarios a esta entrada, desde el día de hoy hasta el 24 de Septiembre, para poder gastarlos donde ya sabéis.

[ BidoBido.com ] [ Blog de BidoBido ] [ en FaceBook ] [ en Twitter ]

Google Street View es una herramienta que nos permite movernos por entre las calles y los edificios de determinadas ciudades dentro de GoogleMaps.

Este servicio, es bienvenido por muchos y repudiado por otros, que no permiten la publicación de fotografías para uso empresarial (aunque sea para el disfrute público).

En Japón, Google ha presentado este servicio de una forma muy simpática.

[ Vía yahoraque.net ] [ GoogleMaps ]

Bidobido.com quiere invitar a los usuarios de Bitacoras.com a que prueben el servicio de compra/venta/envío, así que si te animas a probarlo y contar la experiencia en tu blog -y hacer ping del post a Bitacoras.com – entrarás en el sorteo de tres estupendas consolas: una Wii, una PlayStation 3 y una Xbox 360. Además recibirás 10 euros de saldo en tu monedero de Bidobido.

Bases de la promoción:

• Esta promoción es válida hasta el próximo día 27 de septiembre de 2009 para usuarios residentes en España.
• Cada participante recibirá un número. Los ganadores de la consola Wii, PlayStation 3 y Xbox 360 será aquellos cuyos números coincidan con las últimas cifras de los sorteos de la ONCE a celebrar los próximos días 28, 29 y 30 de septiembre de 2009 respectivamente.
• En el caso de salir un mismo número en estos sorteos, se pasará al sorteo del día siguiente hasta que los regalos los ganen personas diferentes.

En el apartado del concurso de BidoBido.com dentro de Bitacoras.com podrás ver el listado de participantes en el sorteo. ¡Mucha suerte a todos!.