Archivo para la Categoría ‘Blog’

De mudanzas

Estoy en proceso de mudanza desde Blogger a WordPress, en breve procederé a redirigir el dns del dominio al nuevo sitio que tengo ya prácticamente preparado.

Importar las entradas y los comentarios ha sido bastante sencillo siguiendo la guía publicada en tecnologiadiaria.com, también he conseguido (eso creo) que las urls sigan igual para no romper enlaces, lo que no he logrado conseguir es que los feed rss mantengan su dirección así que los pocos que estén suscritos tendrán que actualizar el feed rss si quieren seguir recibiendo las actualizaciones. El feed pasará de http://blog.obraencurso.es/feeds/posts/default a http://blog.obraencurso.es/feed

Con el cambio por una parte consigo pasarme de la plataforma de blogs de software propietario Blogger a un cms de software libre WordPress y por otra parte descentralizar los servicios de forma que dependo un poco menos de los servicios centralizadores de Google. La Idea de los servicios en la nube esta bien, pero la idea de una nube descentralizada esta mucho mejor. EL blog lo he instalado en el hosting español MBI, bastante barato (que estamos en crisis) con respecto a otros hosting en España, ¡a ver que tal resulta el servicio!.

Aparte del blog, también he pasado el sitio pyarq, hecho con drupal, desde el servicio gratuito dreamhostapps al hosting, la verdad que dreamhostapps no terminaba de funcionar muy bien y tenia problemas frecuentemente, pero realiza muy bien su labor, primero te deja instalar varios cms para que pruebes y una vez que los has probado ves que la cosa no funciona del todo fina y que si quieres continuar con el sitio necesitas un hosting de verdad para que sea mas estable y sobre todo para personalizar el sitio con plugins y temas, sin plugins para controlar el spam un sitio se hace imposible de mantener.

Aprovechando que ahora tengo hosting propio, también he instalado otros servicios:

  • Piwik, un servicio de estadísticas para saber cuanto se usa el sitio (cuatro gatos), es una buena alternativa para Google Analytics.
  • Tiny Tiny rss, un cliente rss en la nube de código abierto, buena alternativa para Google Reader. Que aprovecho también para hacer una selección de las entradas que he visto mas interesantes de otros blog y sitios y enlazarlas en mi blog con el plugin rss de WordPress.
  • EyeOS, un escritorio web en la nube de código abierto, creado por una startup española.

Me falta por instalar o al menos probar:

  • Feng Office conocido también como OpenGoo, una aplicación web ofimática libre, buena alternativa a Google Docs.
  • Un servidor personal de identicad OpenID, para usar como acceso en los servicios que no importe mucho la seguridad.
  • Pasar de usar los servidores smtp/pop3/imap de gmail de google apps a los servidores del hosting.
  • Un servicio web con el que pueda usar el dominio como servidor jabber, posibles alternativas son Google Apps o Hosted.im

SocialDNS: Dominios alternativos con metadatos

Social DNS

Desde gnuticias.es me entero de la existencia de SocialDNS. SocialDNS es un nuevo sistema de dominios que complementa al existente sistema de dominios actual añadiendo metadatos como etiquetas y geolocalización. El registro de dominios es libre y gratuito, sin mas que dar de alta un usuario ya se puede registrar ilimitados dominios, también se puede gestionar subdominios e incluso dominios de nivel superior (TLD Web). El sistema además de la redirección de dominios consta de un buscador de dominios por nombres del TLD, propietarios o etiquetas así como un buscador geográfico de dominios basado en Google Maps.

Una cosa que resulta curiosa es que aparte de poder poner etiquetas y geolocalización a los dominios también se puede hacer lo mismo con los usuarios, con lo que con esta funcionalidad se puede hacer perfiles de usuarios y buscar perfiles afines, así que en parte puede considerarse el sistema como una especie de red social.

Son los propios usuarios los que resuelven los conflictos en los registros lo que hace imposible e inútil la especulación de dominios, ya que los dominios se darán al verdadero dueño en cuanto surja un conflicto. Se pueden registrar dominios que pertenezcan a otros si se hace que apunten a la página esperada y cuando el propietario pida el control del dominio se debe ceder.

Para que el sistema funcione en nuestro sistema es necesario instalar un plugin para el navegador, existe actualmente plugin para Firefox e Internet Explorer, yo instale el de Firefox desde la página de plugins de mozilla, una vez instalado el plugin el navegador ya puede resolver los enlaces go:// sin problema.

Registré el dominio obraencurso así que ya se puede acceder a este blog desde el enlace go://obraencurso y como me resultaba gracioso también desde el enlace go://miblog.

Ya tengo dominio

Me dio por comprar un dominio y ya lo tengo obraencurso.es.

El blog lo he puesto en el subdominio blog.obraencurso.es/ aunque aún no tengo nada que poner directamente en el dominio, a ver si encuentro algún hosting gratuito para hacer una página con algún CMS, algo que sea sencillo, intente redireccionar obraencurso.es a blog.obraencurso.es entre tanto pero no lo conseguí, me da la sensación que esto no lo permite hacer blogger.

No se si fue por el cambio de dominio o por otra cosa pero se perdio el enlace con las imágenes del diseño del blog que tenia en picasa, al final como no sabia arreglarlo de otra forma las subí a photobucket.com y parece que así funciona bien.

Borde redondeado con xhtml y css

Como me ha parecido curioso lo que hay que hacer para poder hacer un recuadro con esquinas redondeadas, escribo esta entrada.
De entrada parece que no existe forma de indicárselo directamente al navegador en el css y que el navegador dibuje los bordes redondeados de un marco con un radio determinado, cosa que no entiendo con la cantidad de páginas que hay con bordes redondeados.

La única forma que parece existir es usando pequeñas imágenes tanto para las cuatro esquinas como para los cuatro laterales del recuadro.

En teoría esto se puede hacer de dos formas usando tablas o con xhtml y css, pero parece ser que el uso de tablas no es bueno para maquetar las páginas porque es muy rígido y no funciona bien con contenido dinámico entre otras muchas razones que dan los diseñadores web, se podría decir que cada vez que alguien maqueta con tablas El Monstruo de Espagueti Volador mata un gatito. Así que la forma correcta de hacerlo es mediante el uso de xhtml y css.

El primer paso entonces es crear las imágenes, en este caso las esquinas tienen un tamaño de 8×8 pixeles, y los laterales 8×1 (están ampliados a 8×8 para que sea vea algo):

Esquina superior izquierda Lateral superior Esquina superior derecha
Lateral izquierdo Lateral derecho
Esquina inferior izquierda Lateral inferior Esquina inferior derecha

El código xhtml sería algo semejante a esto:


<div id="recuadro">
<div class="recuadro_arriba">
<div class="recuadro_esquina_superior_izquierda"> </div>
<div class="recuadro_esquina_superior_derecha"> </div>
</div>
<div class="recuadro_contenido">
<div class="recuadro_lateral_derecho">
Contenido
</div>
</div>
<div class="recuadro_abajo">
<div class="recuadro_esquina_inferior_izquierda"> </div>
<div class="recuadro_esquina_inferior derecha"> </div>
</div>
</div>

El código css sería algo como esto:


.recuadro { background:color_del_fondo_del_recuadro }
.recuadro_lateral_derecho { padding:8px 8px;background:url(imagenes/lateral_derecho.jpg) right repeat-y;}
.recuadro_contenido { background:color_de_fondo_del_recuadro url(imagenes/lateral:izquierdo.jpg) repeat-y;}
.recuadro_arriba{ height:8px;background:url(imagenes/lateral_superior.jpg);position:relative;}
.recuadro_esquina_superior_izquierda, .recuadro_esquina_superior_derecha, .recuadro_esquina_inferior_izquierda, .recuadro_esquina_inferior_derecha{ width:8px;height:8px;line-height:1px;font-size:1px;}
.recuadro_esquina_superior_izquierda{ float:left;background:url(imagenes/esquina_superior_izquierda.jpg);}
.recuadro_esquina_superior_derecha{ float:right;margin-right:0px;background:url(imagenes/esquina_superior_derecha);}
.recuadro_lateral_inferior{ width:100%;height:8px;line-height:0px;font-size:1px;background:url(imagenes/lateral_inferior.jpg) repeat-x bottom;height:8px}
.recuadro_esquina_inferior_izquierda{ float:left;background:url(imagenes/esquina_inferior_izquierda.jpg);}
.recuadro_esquina_inferior_derecha{ float:right;margin-right:0px;margin-down:0px;background:url(imagenes/esquina_inferior_derecha.jpg);}

El resultado:
Bordes redondeados
Se agradecen correcciones

Personalizando el Blog

Rodillo pontando

Llevo unos días trasteando con la plantilla que elegí para el blog, intentando dejar la apariencia a mi gusto, la verdad que yo había pensado que me resultaría mas fácil, pero se me resisten algunos cambios. Parece ser que tendré que aprender o al menos familiarizarme mas con Xhtml y CSS para poder hacerlo. Así que dejaré la plantilla mas o menos como está ahora hasta que entienda bien como funciona el asunto.

Me ha dado la sensación que esto del diseño web es mas difícil de lo que debería ser, como si estuviese artificialmente diseñado para que sea complicado, incluso a veces produciendo resultados impredecibles. Supongo que esta sensación será debido a que no conozco bien como funcionan las cosas. Lo de separar la página en columnas “flotantes” me tiene bastante intrigado, no encuentro explicación a la forma en que se comportan.

Supongo que esto de la complicación es debido a que el lenguaje html no ha sido diseñado tal como es sino que ha ido evolucionando con el tiempo y adoptando tecnologías de unos y de otros, y sobre todo a eso que la gente suele llamar “la guerra de los navegadores”

En cuanto a blogger en si, parece bastante sencillo y cómodo de usar aunque hay algunas cosas que no me gustan.
Una de ellas es que se tenga que ir a otra página para escribir un comentario y no se pueda hacer desde la propia página de la entrada, he visto en alguna página que se puede cambiar eso, pero no he conseguido cambiarlo,… seguiré intentándolo.
Otra es que no se pueda tener ninguna otra página secundaria donde poner algunas cosas como los datos de contacto, enlaces, la licencia, etc. Solo existe la portada con los ultimas entradas y las entradas una por una y nada más, aunque claro esta puedo escribir lo que quiera en una entrada y enlazarla, pero no me parece lo ideal.
También he intentado hacer una sección en la que los artilugios se añadan en horizontal en vez de en vertical con la opcion growth=”horizontal” y parece no funcionar.

No declaración de intenciones.

Inicio este blog sin ninguna pretensión, sin tener claro de sobre que temas escribiré ni si quiera si escribiré a menudo, simplemente por probar que es esto de los blogs, siempre me ha picado la curiosidad de si le interesaría a alguien si escribo algo, incluso muchas veces se me han quedado cosas rondando por la cabeza que me hubiera gustado plasmar en algún sitio y no he encontrado donde expresarlas, así que me ha dado por iniciar este blog, aun sabiendo que mis dotes como escritor y conocedor del idioma dejan mucho que desear, por algo soy de ciencias y no de letras, así que intentaré en lo posible ser correcto con el idioma.

Es de esperar que escriba sobre temas variados que me interesen, por mis estudios y trabajo, lo mio es la construcción y la arquitectura y por afición internet, la informática en general y en especial el software libre, aunque no se si escribiré sobre esto o sobre cualquier otro tema que este de actualidad por la red o me ronde por la cabeza.

A ver en que queda esto, tendré que revisar esta nota cuando lleve un tiempo con el blog si es que dura.

Saludos,
Miguel Ángel