logo El diario de Pepe Molina (Caricatos)

yo

Listado de los últimos apuntes de El diario de Pepe Molina (Caricatos) [página 1].


Última caricatura

Martin Schulz: político europeo de origen alemán, conocido diputado del Parlamento Europeo y actual Presidente del Parlamento Europeo

Martin Schulz

RSS de las imágenes: rss


La Cita

A veces, cuesta mucho más eliminar un sólo defecto que adquirir cien virtudes

Jean de la Bruyere, escritor francés (1645-1696).


En esta zona están las páginas personales del autor.


Mis clientes ahora también son mis amigos (aunque les cobre).


En Mis amigos Informáticos hay una pequeña colección de páginas de colegas webmasters..


En Mis amigos artistas podemos encontrar artistas de cualquier índole (dibujantes, pintores, escritores...)


Las recomendaciones que proponemos son de índole variada.


Aquí un cajón de sastre de enlaces.


Nos referencian desde sitios de toda índole.


Puede contribuir a mantener esta página con su donativo.


botón pay-pal

Últimos apuntes (1)

Bienvenidos a "El diario de Pepe Molina (Caricatos)". Nos encuentramos en la página 1 del listado de apuntes del sitio. También se puede ver el listado de los apuntes más leídos.




Iconos

emoticón de Caricatos 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

emoticón de Caricatos 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...




Software Portable

emoticón de Caricatos Publicado el día 18 de enero de 2014

Hoy en día, cuando el almacenamiento de datos digitales es relativamente barato, nos podemos encontrar con otros tipos de problemas con el software que usamos para manipular esos datos.

.....

Para quienes nos dedicamos a hacer páginas web, el ejemplo es muy sencillo, un servidor web para mostrar páginas de forma local.

.....

paquetes ofimáticos, editores gráficos, edición multimedia, sincronización de datos. etc.

.....

También existen gestores de programas portables, y programas portables que convierten programas normales en portables.

.....

Leer apunte completo...




Postal navideña 2013 paso a paso

emoticón de Caricatos 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...




Este diario: resumen del año 2013

emoticón de Caricatos Publicado el día 07 de enero de 2014

A lo largo del año 2013 hemos tratado de ampliar nuestros conocimientos

.....

Aunque pueda parecer poco contenido, se han tratado de manera bastante minuciosa.

.....

Se nos ha olvidado hacer un resumen del pasado años, así que ahi va.

.....

constantemente quieren "colarnos" mensajes de "spam"

.....

Leer apunte completo...




¡Feliz Navidad 2013!

emoticón de Caricatos 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

emoticón de Caricatos 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...




Migración Sudo-Captcha: sucaricatura.com

emoticón de Caricatos Publicado el día 04 de noviembre de 2013

Estabamos recibiendo constantes ataques de spammers

.....

La migración se ha planeado intentando que pueda ser reversible y/o modificable.

.....

Aparte de las tareas indicadas fueron necesarios otros retoques debido a estar la página hecha en dos idiomas.

.....

El sistema que usamos habitualmente (y aconsejamos) consiste en tener un arreglo (array) de mensajes de error en un principio en blanco, y por cada error detectado insertar en ese arreglo el mensaje correspondiente.

.....

Leer apunte completo...




Sudo-Captcha: Sudoku y Captcha

emoticón de Caricatos Publicado el día 11 de octubre de 2013

Debemos evitar los mensajes basura en los formularios, ya que si queremos tener una copia en nuestro correo, posiblemente el gestor los eliminará

.....

esperemos ganar esta batalla contra el spam...

.....

Seguiremos desarrollando este captcha y veremos si se nos ocurre algo mejor...

.....

Leer apunte completo...




Sistema de comentarios paso a paso: Seguridad

emoticón de Caricatos Publicado el día 29 de septiembre de 2013

Debemos tener una lucha encarnizada contra el spam...

.....

Los códigos "captcha" por mucho tiempo han sido los más usado para evitar los mensajes "basura", consistente en una imagen que representa la clave que se debe introducir en un control del formulario, y de coincidir, realizar la transacción.

.....

Estamos trabajando en un nuevo sistema que en breve presentaremos, pero a pesar de que en principio pueda parecer eficaz, debemos seguir pensando que "los malos" pueden encontrar alguna vulnerabilidad. Por lo pronto seguiremos dejando los comentarios ocultos, mostrándolos tras una sesión administrativa de los mismos.

.....

Leer apunte completo...




Gradientes... y svg

emoticón de Caricatos Publicado el día 04 de agosto de 2013

Conseguir fondos en colores degradados (o gradientes) cada vez es más fácil.

.....

De los tres gradientes que hemos expuesto, el primero es una imagen generada con un código similar al que expusimos al principio de este apunte. El segundo de los casos es simplemente una capa con estilos; que es precisamente lo que nos interesa, pero a día de hoy no es estándar, aunque es de esperar que pronto lo sea.

.....

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1"
x="0" y="0" width="200" height="10" preserveAspectRatio="none" viewBox="0 0 200 10" id="gradientes_svg">
	<defs>
		<linearGradient id="rojo_azul_svg" x1="0%" y1="0%" x2="100%" y2="0%" >
			<stop offset="0%" stop-color="red"/>
			<stop offset="100%" stop-color="blue"/>
		</linearGradient>
	</defs>
	<rect fill="url(#rojo_azul_svg)" width="100%" height="100%" />
</svg>

.....

Leer apunte completo...




Sudokus de colores

emoticón de Caricatos Publicado el día 05 de junio de 2013

¡Lo que faltaba...! Sudokus de colores...

.....

Si asociamos a cada número de un sudoku un color cualquiera, todos distintos; podríamos omitir mostrar esos números, pero mostraríamos un sudoku; tan solo tenemos que saber cuales son los emparejamientos número <=> color.

.....

  • rojo (red) <=> 1
  • azul (blue) <=> 2
  • verde (green) <=> 3
  • amarillo (yellow) <=> 4
  • celeste-agua (aqua) <=> 5
  • lima (lime) <=> 6
  • rosa (pink) <=> 7
  • naranja (darkorange) <=> 8
  • magenta (magenta) <=> 9

.....

Para adaptar este sistema de colores, hemos tenido que retocar un poco algunos códigos; para muestra mostraremos como ha quedado la función para mostrar el sudoku de colores:

.....

var paleta = ["red", "blue", "green", "yellow", "aqua", "lime", "pink", "darkorange", "magenta"];
function entrar_sudoku(cadena) {
	casillas = cadena.split("");
	for (i = 0; i < 9; i++)	for (j = 0; j < 9; j++)	{
		n = casillas.shift();
		poner = ("123456789".indexOf(n));
		if (poner == -1)
			tag("casilla_" + i + "_" + j).style.fill =
				(((parseInt(i / 3) + parseInt(j / 3)) % 2) == 0) ? "white":"#abcabc"
		else
			tag("casilla_" + i + "_" + j).style.fill = paleta[poner];
	}
}

.....

Leer apunte completo...




1001 sudokus

emoticón de Caricatos Publicado el día 28 de mayo de 2013

Empezamos con un sencillo ejemplo cuya miniatura hemos adjuntado a este párrafo de muy fácil resolución, y hemos terminado con una extensa lista de diferentes dificultades; pero hubiéramos podido obtener una lista mucho más amplia basándonos en ese primer ejemplo y simples modificaciones que iremos explicando.

.....

Hemos visto que podemos referir o definir a un sudoku con una lista de 81 números, donde el 0 se corresponde con la casilla vacía, y con cualquier lenguaje de programación es muy sencillo invertir esa lista...

.....

String.prototype.inverso = function()	{
	return this.split("").reverse().join("");
}
sudoku = "014500032369001004000000010007604090690087020020300000100800070000000008802400603";
ukodus = sudoku.inverso();
// ukodus = "306004208800000000070008001000003020020780096090406700010000000400100963230005410"

.....

Si a cada una de esas listas menores se aplica el método "inverso()" que hemos definido al principio del apunte, obtendremos el efecto reflejo horizontal.

.....

Si a la matriz traspuesta le aplicamos el reflejo horizontal, el efecto resultante es el de rotación de 90º.

.....

Nos quedan muchas combinaciones más que justifican el título de este apunte.

.....

Leer apunte completo...




Resolver sudokus

emoticón de Caricatos Publicado el día 01 de mayo de 2013

Para poder resolver sudokus sencillos hemos buscado los números candidatos, discriminando los existentes en el recuadro (grupo de casillas adyacentes mostradas del mismo color), fila y columna de la casilla en cuestión.

.....

Hemos resuelto ese inconveniente dándole interactividad a nuestro sudoku, permitiendo modificar su valor pinchando sobre la casilla que quisiéramos modificar. Podemos verlo en este otro apunte: SVG interactivo: sudokus.

.....

Si introducimos algún número repetido, podemos creer que estamos resolviendo bien nuestro sudoku, así que aún nos falta implementar si el estado actual de un sudoku es correcto. Para ello tenemos que poder detectar números repetidos en filas, columnas y recuadros (3 filas x 3 columnas).

.....

Leer apunte completo...




Imágenes embebidas

emoticón de Caricatos Publicado el día 09 de abril de 2013

Seguimos tratando sobre imágenes, pero en este caso sin necesidad de que existan físicamente, sino insertando directamente el contenido en una etiqueta html o svg.

.....

Sólo cuatro (4) líneas de código en el lenguaje php

.....

Y de esas pocas líneas, podemos omitir tres (3), ya que sabemos el valor correspondiente a la variable $mime.

.....

Leer apunte completo...




Polígonos: svg vs. canvas

emoticón de Caricatos Publicado el día 01 de abril de 2013

Vamos a empezar con la imagen que vemos a nuestra derecha, que ya nos ha servido en el apunte: SVG: Preliminares para iniciar una serie de apuntes sobre este formato vectorial.

.....

Hay diversas formas para saber si una imagen tiene colores planos

.....

Ya con nuestra imagen mostrada en nuestra aplicación tan solo tenemos que pinchar en la forma que deseemos capturar para que obtengamos el resultado esperado.

.....

Leer apunte completo...




Sistema de comentarios paso a paso: Validar con javascript

emoticón de Caricatos Publicado el día 04 de marzo de 2013

Podemos mejorar nuestros formularios evitando que se envíen cuando no se han completado correctamente

.....

Siempre que pensamos en programar con javascript debemos considerar que nuestros visitantes pueden desactivarlo, no por ello haya que descartarse.

.....

Para terminar pondremos el típico código de seguridad para evitar el odioso spam

.....

Leer apunte completo...




SVG animado: algunos ejemplos sencillos

emoticón de Caricatos Publicado el día 15 de febrero de 2013

Hemos hecho un par de animaciones rotando nuestro logo y las manecillas de un reloj analógico.

.....

Ya habíamos usado animateTransform en nuestras anteriores animaciones y eran del tipo "rotate" (rotación); en este caso hemos usado translate (traslado), y su uso es similar, así que no nos detendremos en explicarlo.

.....

El otro recorrido "path" es diagonal

.....

Leer apunte completo...




SVG interactivo: sudokus

emoticón de Caricatos Publicado el día 09 de febrero de 2013

Veremos como podemos resolver un sudoku introduciendo los números por teclado.

.....

Hemos asignado un identificador "id" a cada casilla de forma que la primera tiene id="casilla_0_0" y la última : id="casilla_8_8"

.....

Leer apunte completo...




SVG: creación dinámica

emoticón de Caricatos Publicado el día 01 de febrero de 2013

Volviendo a las imágenes SVG, vamos a crear nuestro mapa de forma dinámica.

.....

... y veremos aparecer pausadamente y de forma caótica todas las provincias españolas.

.....

Al tratarse de un fichero svg, a la vez es un fichero xml, que nos vale para obtener datos con la tecnología Ajax.

.....

Leer apunte completo...

Páginas: [ 1 ] [ 2 ][ 3 ][ 4 ][ 5 ][ 6 ][ 7 ]

Zona de comentarios

Hemos encontrado 5 comentarios.

#Mensaje enviado por Alejandro Del Mar
Comentario escrito el día 04 de febrero de 2013, a la hora 04:31:44
email: alejandro.delmar@gmail.com

Sencillo. Estoy diseñando una actividad web para entornos linux. Es sobre ejercicios de estadística. Requiero hacer un conteo a rayas en línea. Es decir, el niño observa una imagen donde hay diversas frutas, luego, debajo de la imagen debe contar cada fruta "escribiendo con el ratón" una línea, Por ejemplo ve tres manzanas, pues por cada una de ellas, mueve el ratón y marca esto: ||| Es algo sencillo, sólo se requiere pulsar el botón del mouse, moverlo y soltarlo hasta conseguir la línea. el tamaño de la línea siempre debe ser el mismo y puede ser una línea horizontal, vertical y diagonal con un ángulo de 45°. Gracias si puedes ayudarme, no sé si tu librería libgraf pueda hacerlo.


#Mensaje enviado por Alguien
Comentario escrito el día 12 de abril de 2012, a la hora 02:19:33
email: alguienquedasugerencias@gmail.com

Muy buena la web, habría que actualizar el diseño pero, en fin.

Saludos!

#Mensaje enviado por Pepe Molina
Comentario escrito el día 12 de de 2012, a la hora 09:58:11
url: http://www,pepemolina.com

Hola:


Gracias por el comentario. Cada día trabajamos para mejorar la página, dándole mayor importancia al contenido, aunque intentando no descuidar el diseño.

Estamos abiertos a sugerencias.


Saludos mi emoticón


#Mensaje enviado por Juan
Comentario escrito el día 12 de abril de 2012, a la hora 02:16:42
email: juanmartinfernandez@gmail.com

En el comentario superior a la zona de comentarios dice: Eesta <- con dos 'E'.

#Mensaje enviado por Pepe Molina
Comentario escrito el día 12 de de 2012, a la hora 09:53:10
url: http://www.pepemolina.com

Hola Juan:


Muchas gracias por la observación. Acabo de corregir el problema.


Saludos mi emoticón

Evaluación

Valoración de esta página: (index) valor

Valoración evaluar evaluar evaluar evaluar evaluar evaluar evaluar evaluar evaluar evaluar

Respuesta: Zona de mensajes (proceso de evaluación)

Historial de navegación

Esta página ha sido visitada en 210847 ocasiones


Disponemos de rss sindicar

Y del Mapa del sitio, además del sitemap.xml.


Aquí podemos encontrar los apuntes más visitados.

"Top 10" reemplaza a la sección Últimos apuntes.


Una buena forma de buscar un apunte es a partir de su categoría.


También es posible buscar apuntes por medio de las etiquetas (tags).


Hemos decidido poner al alcance de todos algunos comodines.

Adjuntamos una versión reducida del "buscador interno" que vemos en la lista anterior:

Buscar en apuntes

También estamos recopilando antiguas páginas del sitio.


Desde este recuadro se puede hacer una búsqueda cronológica.


Se puede crear una postal nueva desde el enlace del sector "Otras páginas del dominio", o editar la que sale en el recuadro, pulsando sobre ella..

http://www.pepemolina.com/postales/Fondos/santa.gif
http://www.pepemolina.com/postales/animales/gato8t.gif
Feliz Navidad
Feliz Navidad
enlace a la postal
Copyright © 2002-2014 www.pepemolina.com
RSS rss | Ver Mapa del sitio