El diario de Pepe Molina (Caricatos)

Las imágenes se han convertido en elementos imprescindibles en las páginas web. Los ratios de compresión y velocidades vertiginosas de conexión a la red, a la vez de capacidad de los servidores han facilitado enormemente su uso.

Ya hemos publicado algunos apuntes que creo son muy interesantes sobre este tema como Imágenes sin imágenes o Fotos con esquinas redondeadas, pero aún tenemos en el tintero muchas cosas más que asociaremos a esta etiqueta.

Caricaturas en Córdoba

Publicado el día 10 de diciembre de 2017

Los días 17 y 18 de noviembre de este año 2017, se ha celebrado en Córdoba la Asamblea anual de la Asociación Española de Caricaturistas.

.....

Leer apunte completo...

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...

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...

SVG: Recorridos circulares

Publicado el día 01 de diciembre de 2013

Juguemos a encontrar diferencias entre las dos imágenes que vemos junto a este párrafo... Ambas tienen el mismo color, el mismo borde y la misma forma.

.....

La intención de usar dos arcos para crear un círculo, en nuestro caso es para adaptar un texto a esos arcos.

.....

También podemos valernos de uno solo de los arcos mencionados para alinear un texto a la línea base de un semicírculo.

.....

Leer apunte completo...