El diario de Pepe Molina (Caricatos)

Nos importa mucho el diseño, y por eso son muchos los apuntes donde ayudamos a resolver algunos de sus problemas. ¿Cómo obtener colores?, formato de texto, efectos con imágenes y otras cosas que los diseñadores día a día deben resolver.

Tal vez esta página no pueda usarse para ostentar méritos de diseño, pero lo que no debemos confundir es el gusto personal con el diseño.

Mapa de España SVG II: Reflexiones

Publicado el día 07 de diciembre de 2017

Después de usar las "herramientas" del apunte anterior, vamos a hacer algunas valoraciones.

.....

Leer apunte completo...

Mapa de España SVG II: Herramientas

Publicado el día 12 de abril de 2017

Hemos retocado nuestra herramienta para nuestras nuevas pretenciones.

.....

Leer apunte completo...

Mapa de España SVG II: Vicisitudes

Publicado el día 29 de marzo de 2017

Teníamos pendiente actualizar el mapa de España por varios motivos y nos hemos puesto en ello.

.....

Leer apunte completo...

SVG: Zoom en mapa de imagen

Publicado el día 03 de febrero de 2017

Hacer zoom en una imagen SVG es más fácil de lo que se puede pensar. Recomendamos para obtener el mapa nuestra aplicación "Capturar áreas en imágenes".

.....

Leer apunte completo...

SVG: Dibujando mapas

Publicado el día 24 de enero de 2017

mapear una imagen ahora es fácil y preciso

.....

Leer apunte completo...

Mapear una imagen paso a paso

Publicado el día 07 de enero de 2017

Después de crear la página para "Capturar áreas en imágenes", pensaba que no tardarían en mejorar el sistema

.....

Leer apunte completo...

Mapas y formularios

Publicado el día 09 de abril de 2016

A veces hay problemas de sencilla solución pero encontramos referencias demasiado complejas.

.....

Leer apunte completo...

Clip-art: carpetas y ficheros

Publicado el día 11 de mayo de 2015

Hemos creado recientemente una "Colección de clip-art". Ahora explicaremos como la hemos gestionado.

.....

Leer apunte completo...

Colección de clip-art

Publicado el día 05 de abril de 2015

Después de convertir unos cuantos ficheros con extensión wmf, a su equivalente svg, estamos seleccionando los que consideramos interesantes para la confección de nuestras postales.

.....

Leer apunte completo...

Clip-Art: de wmf a svg

Publicado el día 08 de marzo de 2015

Hace algunos años las revistas sobre temas informáticos nos inundaron de dibujitos conocidos como "clipart" (o clip-art)

.....

Leer apunte completo...

Postales en SVG

Publicado el día 18 de febrero de 2015

Tenemos nuestras postales digitales también en formato svg

.....

Leer apunte completo...

Fondos con SVG

Publicado el día 28 de diciembre de 2014

Las imágenes SVG también pueden servirnos para personalizar los fondos de nuestras páginas, o de algunos de sus elementos.

.....

Leer apunte completo...

Etiquetando mapa SVG

Publicado el día 19 de noviembre de 2014

El resultado, aunque parece bastante bueno, nos ha movido a estudiar más a fondo el mapa escogido.

.....

Leer apunte completo...

SVG vs. Ajax

Publicado el día 01 de junio de 2014

Después de añadir a nuestro Mapa de España las ciudades autónomas de Ceuta y Melilla hemos hecho algunas reflexiones

.....

Intentaremos saber si nuestro navegador permite el formato svg simplemente cargando la imagen que vamos a usar

.....

en un futuro apunte trataremos de estudiar más a fondo

.....

Leer apunte completo...

Este diario: Listado de Archivos

Publicado el día 14 de mayo de 2014

Entre los recuadros que encontramos a los lados del diario, a la derecha y hacia el final de la página encontramos este listado

.....

En los primeros párrafos hemos indicado que el listado estaba comprimido, pero de manera visual, ya que realmente lo que hemos hecho es expandir el mismo...

.....

La mencionada "accesibilidad" podemos distinguirla porque los elementos desplegables son a la vez enlaces que funcionan como tal en navegadores con javascript desactivado.

.....

Leer apunte completo...

Lightbox sin librerías

Publicado el día 28 de abril de 2014

En muchas páginas encontramos este efecto que oscurece la pantalla del navegador y presenta algún contenido en primer plano, destacándolo.

.....

Viendo el comportamiento de estas ventanas "tipo lightbox" podemos deducir que existe un elemento que cubre toda la pantalla y va incrementando su opacidad

.....

Leer apunte completo...

Iconos

Publicado el día 21 de marzo de 2014

Hace algunos años hemos empezado un proyecto para crear los iconos que necesitemos en nuestras páginas a partir de cualquier imagen o recorte de ellas.

.....

Leer apunte completo...

Ceuta y Melilla

Publicado el día 11 de febrero de 2014

Vamos a editar África para conseguir la ubicación de Ceuta y de Melilla en nuestro "Mapa de España".

.....

Considerando que el polígono del mapa con las coordenadas que queremos tiene como identificador el valor "africa" (id="africa"), hemos usado el siguiente código:

.....

puntos_africa = [];
function inicio_CyM()	{
	_puntos_africa = document.getElementById("africa").getAttributeNS(null, "points");
	_los_puntos = _puntos_africa.split(",");
	while(_los_puntos.length > 1)	{
		_x = _los_puntos.shift();
		_y = _los_puntos.shift();
		_x_y = {"x": _x, "y": _y};
		puntos_africa.push(_x_y);
	}
};

.....

Uno de los controles más importantes será el que nos permita ampliar nuestra imagen. La idea es usar códigos sencillos y eficaces.

.....

Leer apunte completo...

Postal navideña 2013 paso a paso

Publicado el día 12 de enero de 2014

Nuestro último apunte tenía la intención de felicitar a nuestros visitantes por estas entrañables fechas utilizando una de nuestras postales.

.....

Seguidamente insertamos del listado de aves el pajarraco negro que acompaña a la escena. Tras unos pocoa ajustes más, nos hemos enviado la postal a nuestro propio correo con motivo de tener el código que genera nuestro sistema en nuestro gestor de correos.

.....

Con la postal en formato svg mostrada en el navegador tenemos que guardar su código en un fichero con extensión svg

.....

Leer apunte completo...

¡Feliz Navidad 2013!

Publicado el día 21 de diciembre de 2013

Un fuerte abrazo a los seguidores de esta humilde página web.

.....

.....

Si pinchamos sobre la miniatura que acompaña a estos párrafos podemos descargarla

.....

Leer apunte completo...