logo El diario de Pepe Molina (Caricatos)

yo

En este diario mostramos mucho código y por eso nos ha parecido necesaria una categoría que reúna los apuntes que lo contengan.[página 1]


Última caricatura

Andrés Iniesta: Futbolista español. En la actualidad juega en el Barcelona.

Andrés Iniesta

RSS de las imágenes: rss


La Cita

El tiempo es la imagen de la eternidad en movimiento

Platón, filósofo griego (427-347 a.C.).


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

Apuntes de la categoría: Programación (1) rss

webmaster En este diario mostramos mucho código y por eso nos ha parecido necesaria una categoría que reúna los apuntes que lo contengan.

Los que más se podrán ver son en lenguajes de la web (html, css, javascript, php), aunque no descartamos otros lenguajes de programación de distinta índole, o tal vez pseudo-código.

Mapa de España SVG II: Herramientas

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

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

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

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

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

emoticón de Caricatos 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: de wmf a svg

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




Recordatorios

emoticón de Caricatos Publicado el día 12 de enero de 2015

Muchas veces entramos en páginas que nos pide un nombre de usuario y una contraseña, para tener acceso a elementos personales

.....

Leer apunte completo...




Etiquetando mapa SVG

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




Ajax para copiar ficheros

emoticón de Caricatos Publicado el día 12 de julio de 2014

Hemos visto como subir archivos con Ajax, donde contábamos de un formulario y un control para seleccionar ficheros, pero cómo lo haríamos sin esa selección...

.....

Leer apunte completo...




Subir archivos con Ajax

emoticón de Caricatos Publicado el día 01 de julio de 2014

Hasta hace poco, la forma de subir archivos era a través del envío de un formulario, y se podía "simular" el uso de la tecnología "Ajax" dirigiendo el resultado a un iframe

.....

Con el nivel 2 del objeto XMLHttpRequest y los objetos FormData se puede lograr subir ficheros sin tener que pulsar el botón destinado al envío de un formulario

.....

Usando el evento de cambio de estado de un control file vamos a subir el fichero que elijamos

.....

function tag(id) {return document.getElementById(id);};
function subir_con_Ajax()	{
	fd = new FormData(tag("formulario"));
	Ajax = new XMLHttpRequest();
	Ajax.open("POST", tag("formulario").action, true);
	Ajax.onreadystatechange = function() {
		if	(Ajax.readyState == 4 && Ajax.status == 200) {
			alert(Ajax.responseText);
		}
	}
	Ajax.send(fd);
}

.....

Leer apunte completo...




SVG vs. Ajax

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

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

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

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




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




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

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

Zona de comentarios

Esta categoria aún no tiene comentarios.

Evaluación

Valoración de esta página: (categoria.Programación) 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 11870 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-2017 www.pepemolina.com
RSS rss | Ver Mapa del sitio