domingo, 14 de julio de 2013 (Hace 131 dias)

Ya supongo que los habrán visto escritos en Twitter ☮ ó Facebook ☠ esos caracteres y símbolos tipográficos que adornan frases ó dibujan alguna ñoñería. Como en tantas ocasiones bien usados y con moderación tienen su gracia y ayudan a enfatizar frases normalmente cortas.
Muchos de estos caracteres se obtienen mediante combinaciones del teclado. Del mismo modo que la tecla MAYÚSCULAS modifica el carácter c y lo convierte en C, la tecla ALT-GR lo modifica en ¢ y ALTGR+MAYÚSCULAS ©. Prueben, pulsen ALT+GR y vayan pulsando q, w, e, r, t… Esto es más o menos válido para todos los sistemas, pero no todos símbolos son accesibles mediante combinaciones de teclas, muchos lo son mediante la escritura de códigos ASCII o HEXADECIMALES que deben ser interpretados y admitidos por la aplicación (el navegador en este caso) que los va a mostrar.

El siguiente formulario ayuda a componer frases con los símbolos más habituales (no todos obviamente, que son varios cientos). Podéis acceder a todos los símbolos disponibles en vuestro sistema entrando su codificación decimales o probar solo algunos usand los botones que he puesto debajo. Luego basta seleccionar el texto, copiarlo y pegarlo donde queráis usarlo.
Si escribís en el formulario, por ejemplo, ➚ ó ➛ ó ➜ veréis algunas algunos símbolos de flechas. Los caracteres de letras y números de escritura habitual están situados en los 128 decimales primeros, más concretamente entre el 32 (  para el símbolo de ESPACIO) y el 122 (z para la z minúscula).
En el grupo de arriba los símbolos más útiles y comunes, en la de abajo símbolos combinables (afecta al símbolo que les precede). Si mantenéis el cursor sobre el botón un instante veréis su codificación decimal.

Caracteres especiales




































Símbolos para combinar












martes, 2 de abril de 2013 (Hace 234 dias)

Una década, que se dice pronto. 10 añitos desde que escribí el primer post por aquí, aunque claro, ese por aquí ha cambiado setenta veces siete. Sólo faltaba cambiarlo otra vez.

Para celebrar el aniversario del Cuaderno de campo les invito a probar el re-renovado estilo oscuro del blog (re-re porque ya estuvo activo en una ocasión, pero por problemas con la caché lo acabé deshabilitando). Creo que esta puede ser la refinitiva, a pesar de que está en fase Beta.
Para probar el nuevo estilo solo es necesario cambiar las triple www de la dirección por dark, así: http://dark.trebol-a.com

Después de multitud de pruebas e inventos ha resultado infinitamente mas fácil implementar el nuevo CSS a la par que elegante y extensible (la idea es generar un m.trebol-a.com para móviles, txt.trebol-a.com modo texto para frikies) y sin una sobrecarga excesivamente gratuita para mi servidor casero.
Básicamente ha consistido el cambio en generar un regla mod_rewrite en htaccess para aplicar un CSS u otro según el HTTP_HOST solicitado y añadir un par de líneas al plugin SUPER_CACHE para que atienda dos subdominios al mismo tiempo. Como decía, si la cosa funciona y perdura lo contaré con más detalle por aquí.
Mientras tanto pasen ustedes un buen día de aniversario, tómense lo que quieran que ya iré yo a pagarlo.

domingo, 17 de marzo de 2013 (Hace 250 dias)

En realidad, más que un explorador de Flickr es un explorador de usuarios de Flickr, pero por abreviar.

Estaba (estoy) desarrollando una galería de fotos con javascript y como siempre me ha gustado bastante el estilo de presentación web que hace Google+ me construí una función que construye una galería con imágenes de Flickr usando este estilo.
Esto es: frente a la presentación clásica (de flickr, digikam, facebook, youtube, etc… ) consistente en reservar un área cuadrada para la imagen independientemente de las proporciones que esta tenga GooglePlus (PicasaWeb) prioriza la ocupación del espacio en pantalla llenando la línea a base de reescalar las miniaturas manteniendo sus proporciones y buscando cuadrar el renglón.

La otra alternativa para llenar el renglón sería la que estoy usando actualmente en las galerías y que consiste en recortar la imagen para emparejar la fila y homogeneizar el aspecto final del conjunto. Es un método más drástico, pero en cualquier caso cada vez me prefiero más estas presentaciones en las que la fotografía tiene más relevancia que su interfaz.

Claro, el método usado por Google+ de método de representación tiene dos claros perdedores: las imágenes verticales ven reducida su escala mucho más que las apaisadas y (lo peor) las fotos extremadamente panorámicas (proporcion 4:1 ó más) o bien son ampliadas al tamaño de su fila ó (casi peor) arrastran consigo a sus compañeras de fila generando una fila con una altura ridícula.

FullscreenFullscreen

Podéis ver y probar la susodicha función javascript en esta página flickrExplorer.html

Para facilitar su uso he incorporado un breve formulario con el que podéis probar rápidamente a ver vuestras fotos en Flickr (lógicamente solo las fotografías etiquetadas como públicas).
La página está idealmente pensada para visualizarse a pantalla completa, así que os aconsejo pulsar F11 y recargad la página (F5). Si no queréis verla a pantalla completa sino en una columna basta cambiar la linea 7 por la 6 y poned en esta el valor que queráis. Podéis cambiar la cantidad de imágenes a cargar en la línea 12 (100 es la cantidad por defecto de flickr). Podéis probar también a cambiar la altura de las miniaturas modificando el valor en la línea 8 (tened en cuenta que las miniaturas serán del tamaño que pongáis ahí o -casi siempre- más pequeñas y que estamos solicitando a flickr miniaturas de hasta 240px) y para los revagos he incluido la opción de leer la variable fUser directamente desde la url de la página, para hacer verlas con
http://www.trebol-a.com/publicar/flickrExplorer.html?fotos_de=merche sanz ó bien
http://www.trebol-a.com/publicar/flickrExplorer.html?fotos_de=Taybridge project

viernes, 1 de marzo de 2013 (Hace 266 dias)

He hecho algunos campos en el diseño de la web. Si veis algo icono fuera de sitio probablemente será algún problema con la caché del navegador, simplemente recargad (F5) la página.
El cambio fundamental está en las galerías de fotografía, vídeos y panorámicas que ahora incorporan la posibilidad de dejar comentarios.

He estado trajinando con los archivos y basededatos de WordPress para adaptar las funciones, y bueno, todavía está sin acabar, pero creo que suficientemente estable. Un pequeño cambio estético, un follón de cambio de programa.

domingo, 27 de enero de 2013 (Hace 299 dias)

En realidad el blog está preparado para dispositivos móviles (tabletas, teléfonos) desde hace ya tiempo, pero solo en teoría. Instalé el plugin WordPress Mobile Edition que aplica un tema (skin) diferente al blog cuando se detecta que el visitante está usando algún dispositivo mobil para acceder al blog y que adapta los contenidos a una resolución y a una descarga de datos más pequeña. El problema es que teniendo el blog tan hackeado a todos los niveles el aspecto era descuidado ya que se aplicaban estilos y funciones que fuera de la «piel standard» no funcionan.

Lo voy solucionando. He incluido un par de funciones que buscan imágenes en los apuntes y dependiendo de donde procenden (flickr/google por ahora) las reemplaza por su versión de resolución baja.
La url para Flickr sigue más o menos este esquema (más o menos porque ha cambiado en los últimos años por lo que fotos antiguos tendrán otro patron)
http://farm1.staticflickr.com/93/245363225_5d9407692f_m.jpg
En la url de Flickr la última m define el tamaño de la imagen, las opciones son (de menor a mayor) si no recuerdo mal: s,t,m,b,z,o.
La siguiente expresión regular me permite reemplazar las imágenes publicadas en el blog y reemplaza su link a la galería por un enlace a una imágenen mediana:
(<a[^>]*>)?(<img[^>]*)(http:\/\/farm[0-9]\.static\.?flickr\.com\/[0-9]*\/)([0-9]*_)([0-9a-zA-Z]*)(_[a-z])?\.(jpg|png)([^>]*\/?>)(<\/a>)

Idem para las imágenes alojadas en los servicios de Google/Picassa/Blogspot, el patrón vendría a ser algo como: Sigue leyendo…

viernes, 4 de enero de 2013 (Hace 322 dias)

Impresionantes los fondo cartográficos del IGN (Instituto Geográfico Nacional) que @GeoAndresM enlaza desde twitter. Una extensa colección de mapas cartograficos terrestres y marítimos de la península al completo o algunas áreas específicas tal y como se veían/conocían los siglos XVI a XIX.
Creo que el mapa más antiguo data de 1600 y hay verdaderas joyas en la galería con las cuales descubrir nombres originales de poblaciones, caminos todavía innexistentes, tamaño de nucleos habitados (impresionante ver Cartagena reducida al casco antiguo, Barrio de la Concepcion y Sta Lucía) ó incluso la importancia relativa que tenían algunos elementos geográficos que hoy carecen de relevancia. Mirad sino como dibujan el «islote» (imagino que la isla de Escombreras) en la entrada de la dársena del puerto de Cartagena.

Reino de Murcia, 1778Reino de Murcia, 1778

Podeis acceder a todos los mapas desde esta página de Fondos Cartográficos del IGN donde se encuentran perfectamente organizados por provincias, estatales y locales, usables directamente en el navegador o, todavía mejor, descargables a gran resolución a nuestro disco duro. Ahora es cuando se echa de menos una buena impresora en A2.

Cuaderno de campo es un blog desarrollado y mantenido por Trebol-a y en el que escriben Trebol-a, Miguel, Merche y Mónica
Si quieres saber algo más sobre los autores acude a la página acerca-de, si quieres contactar con alguno de nosotros hazlo a través de contactar ó de Google+

Creative Commons: Todo el contenido de la web (imágenes, textos, vídeos, a excepción de aquellas obras de otros autores enlazados por Cuaderno de Campo) se acoge a los términos expresados en la licencia Creative Commons