logo El diario de Pepe Molina (Caricatos)

yo

Es el nombre que recibe el texto que en la pantalla de un dispositivo electrónico conduce a otro texto relacionado[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 silencio del pueblo es un aviso para el rey

Anónimo, Proverbio francés.


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 etiqueta: enlaces (1) rss

Mundo Los enlaces han sido desde los comienzos de Internet algo fundamental, justamente se trata de la verdadera esencia de las páginas web, ya que html son las siglas de hipertext markup language (lenguaje de marcado de hipertexto), y el concepto de hipertexto es:

"Es el nombre que recibe el texto que en la pantalla de un dispositivo electrónico conduce a otro texto relacionado".

Asociación Española de Caricaturistas

emoticón de Caricatos Publicado el día 21 de marzo de 2016

"La Asociación Española de Caricaturistas nace con el objetivo de apoyar y promocionar a los artistas profesionales de la caricatura y dignificar este arte a nivel nacional e internacional."

.....

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




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




SVG: más que mapas

emoticón de Caricatos Publicado el día 23 de enero de 2013

Hemos usado el formato svg para crear mapas interactivos muy sencillos; ahora iremos ampliando las posibilidades de este formato.

.....

El efecto en la provincia de Málaga, no solo cambia el color de la provincia, también muestra un icono previamente ocultado con estilos. De la misma manera podríamos tener escondidos otros elementos salpicados por el resto del mapa.

.....

Por último, crearemos dinámicamente una provincia -Gerona-, y la enlazaremos al apunte sobre el Congreso que aconteció el año 2011.

.....

Leer apunte completo...




Mapas interactivos svg

emoticón de Caricatos Publicado el día 04 de diciembre de 2012

Volvemos a la temática sobre imágenes svg para mostrar otro mapa pero con nuevas características, como la redimensión (la "S" en Svg corresponde a "eScalable").

.....

También vemos que podemos variar los colores, resaltando si fuera necesario zonas concretas, y sin usar el lenguaje de programación habitual

.....

Para facilitar la creación de mapas para otros objetivos, hemos generado unos ficheros que esperamos sean de utilidad

.....

Leer apunte completo...




Este diario: Agrupando apuntes

emoticón de Caricatos Publicado el día 27 de noviembre de 2012

Tenemos muchos apuntes que en realidad son parte de un tema común, así que hemos decidido crear un sistema para agruparlos.

.....

Se navega fácilmente con un menú que accede a los grupos; y en éstos tenemos enlaces a los apuntes, y al acabar cada apunte hay un par de botones "svg" que enlazan al tope de la página y al menú de grupos.

.....

Para terminar vamos a recordar que en la sección "Extras" del diario hemos añadido un enlace con la leyenda grupos de apuntes.

.....

Leer apunte completo...




Este diario: sitemap.xsl

emoticón de Caricatos Publicado el día 26 de octubre de 2012

Hemos visto como generamos nuestro sitemap.xml, ahora toca hablar de como lo mostramos: sitemap.xsl

.....

Ya habíamos mostrado códigos "xsl", que puede considerarse como una mezcla de html y xml; como todo código html puede tener estilos y scripts, y como todo xml debe estar bien formado.

.....

Luego, al cargarse la página, recorremos todos los enlaces para discriminar los enlaces en sí, de las imágenes; que a la vez incrementan sendos contadores ("_paginas" e "_imagenes") que nos servirán para mostrar datos estadísticos básicos

.....

Como consecuencia de la elaboración de nuestro sitemap y su hoja xsl asociada, hemos notado que podemos mejorar algunos aspectos de nuestro sistema.

.....

Leer apunte completo...




Este diario: sitemap.xml

emoticón de Caricatos Publicado el día 17 de octubre de 2012

Hemos tenido un pequeño problema con la generación de nuestro "sitemap.xml" debido a que ha crecido bastante el contenido de esta página, por lo que hemos decidido revisarlo minuciosamente.

.....

La referencia de imágenes en el sitemap puede hacerse simplemente con su URL (ubicación), o adjuntando más información como un título o una descripción:

.....

//$item es el objeto con los datos de una entrada del sitemap
//$item["images"] es el array de imágenes asociado al "$item"
while (count($item["images"]) > 0)	{
	$imagenes = array_pop($item["images"]);
	$lista .= "\n\t<image:image>";
	foreach($imagenes as $itemImage => $itemsito)
		$lista .= "\n\t\t<image:$itemImage><![CDATA[".$itemsito."]]></image:$itemImage>";
	$lista .= "\n\t</image:image>";
}

.....

Omitiremos explicar las tres últimas líneas del código ya que solo sirven para obtener los datos de las secciones "archivos", pero puede notarse que se van generando elementos del array "$listados" con los datos que usaremos en cada etiqueta "url" de nuestro sitemap.

.....

Tenemos más para contar, pero lo dejaremos para más adelante...

.....

Leer apunte completo...




SVG: Mapas con coordenadas relativas

emoticón de Caricatos Publicado el día 02 de septiembre de 2012

En un tema de los foros del web: Mapa de imagenes con coordenadas relativas, la única respuesta hasta ahora ha sido la mía recomendando el uso de imágenes svg.

.....

Para justificar mi recomendación me propuse hacer un ejemplo, pero para no saturar de "Mapas de España" este diario he decidido usar otro viejo ejemplo: "Rollover en mapa: Creando recortes circulares".

.....

Para poder comparar los resultados, a continuación mostramos el mismo "mapa" sin reducir.

.....

Y si revisamos los códigos, la única deferencia entre ambos mapas se encuentra en los atributos width y height de las etiquetas svg.

.....

Leer apunte completo...




Formularios y Ajax

emoticón de Caricatos Publicado el día 01 de agosto de 2012

Después de integrar un sistema para editar y borrar mensajes en nuestro libro de visitas nos encontramos en la necesidad de evitar cambiar de página por cada nueva modificación.

.....

Fieles a nuestras recomendaciones, debemos poder navegar perfectamente sin javascript (descativándolo), y así sucede, porque para lo único que lo usábamos era para mostrar una advertencia. Es el momento de añadirle a nuestro sistema inicial las modificaciones necesarias para nuestro objetivo...

.....

De la respuesta solo nos interesa que se han recibido los datos, así que simplemente obtenemos el código de color, y según ese valor actualizamos el mensaje. Con el rojo eliminamos el mensaje (en nuestro caso cambiamos su color), y en el servidor generamos una transacción "delete" en la base de datos. El código negro significa que lo hemos desactivado, y mostramos el mensaje con opacidad; y ya sea negro o azul, modificamos el mensaje con los cambios realizados.

.....

Es de destacar que el fichero que procesa cada formulario en el servidor es el mismo que tenemos para ese cometido sin usar Ajax.

.....

Leer apunte completo...




SVG: Mapa de España

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

A partir de las coordenadas que ya hemos obtenido de las provincias de España, trataremos de generar el mapa de España en formato svg.

.....

Hemos copiado del apunte :"Mapa de España", el array de las áreas de provincias que puede verse en su sección script: script.mapa_hispano, y luego hemos creado los polígonos con un sencillo bucle:

.....

for (i in areas) {
	area = "<a xlink:href='http://es.wikipedia.org/wiki/" + i + "' xlink:title='" + i + "'>";
	area += "\\n\\t<polygon fill='#00FF00' points='" + areas[i].coors + "'>";
	area += "\\n\\t\\t<set attributeName='fill' from='#00FF00' to='#FF0000' begin='mouseover' end='mouseout'/>";
	area += "\\n\\t\\t<set attributeName='stroke' from='#00FF00' to='#000000' begin='mouseover' end='mouseout'/>";
	area += "\\n\\t</polygon>\\n</a>\\n";
	tag("textarea_mapa").value += area;
}

.....

También es de destacar la forma de enlazar de cada área.

.....

Leer apunte completo...




Este diario: Top 10

emoticón de Caricatos Publicado el día 19 de junio de 2012

Como habíamos adelantado, hemos reemplazado la sección "Últimos apuntes" por otra que llamamos "Top 10" (los 10 apuntes más leídos).

.....

La petición Ajax es exactamente igual (se puede comprobar forzando el enlace, tal vez en una nueva ventana o pestaña), enlazando a la misma página con los mismos parámetros, pero mostrando los resultados con otro formato. Por ejemplo, la descripción o definición se asigna al atributo title de cada enlace.

.....

Quiero destacar que esas peticiones no son redundantes, ya que por cada petición se crea una lista nueva, ocultando la anterior para tan solo modificar los estilos de visualización si necesitamos volverlas a mostrar. Sabiendo que será la primera página la única visible y existente, inicializamos una variable con ese dato:

.....

ultimo_tope = "1";
var lista_tope = {};
lista_tope[ultimo_tope] = {"visible": true};

.....

Para luego considerar esa existencia a la hora de paginar.

.....

Leer apunte completo...




Libro de visitas

emoticón de Caricatos Publicado el día 09 de junio de 2012

En los libros de visita podemos dejar constancia de nuestra presencia en los distintos sitios donde los encontremos. En las páginas web pasa lo mismo.

.....

Habíamos eliminado el formulario para firmar debido al spam que recibíamos, pero al tener mayor experiencia, podemos evitarlo (cosa que haremos pronto). También habían abusado cuando se permitieron etiquetas html, por lo que hemos eliminado esa característica. Ahora nos queda realizar algunas tareas administrativas que listaremos a continuación:

.....

  • Mejorar la presentación de mensajes (por ejemplo la fecha).
  • Un sistema para editar y/o borrar mensajes.
  • Validación y seguridad.
  • Paginación.

.....

Leer apunte completo...




Top 10 con Ajax (paginación)

emoticón de Caricatos Publicado el día 27 de mayo de 2012

Últimamente hemos modificado la página para mostrar los apuntes creados cada mes en la sección archivos, por lo que la sección "Últimos apuntes" tiene ahora poco sentido mantenerla. Por otro lado, en otro apunte hemos mostrado los 10 apuntes más leídos del diario, y hemos pensado que es lo que podría sustituir la sección antes mencionada.

.....

Otra modificación que hemos realizado es obtener el resumen al igual que hemos hecho con el apunte anterior. Tan solo falta saber cuántas páginas habrá, o aún mejor, cuántos apuntes... ¡Ya tenemos dos motivos para realizar consultas "Ajax"!

.....

Después de obtener ese dato (el número de apuntes) obtenemos la primera de las páginas y concluímos con los ajustes finales.

.....

Tan solo nos queda revisar detalles secundarios pero no menos importantes como las actualizaciones en los elementos que indican dónde estamos, ya sea enfatizando el vínculo actual (en nuestro caso hemos incrementado el tamaño de la letra/número), o actualizando ese valor en la zona informativa.

.....

Leer apunte completo...




Ajax, con X de XML

emoticón de Caricatos Publicado el día 08 de mayo de 2012

Hace algunos días me preguntaron en los foros del web si tenía un ejemplo simple de lectura de datos estructurados XML con Ajax...

.....

La conclusión ha sido crear un sistema que despliegue la lista de apuntes del sector "Archivos", a la derecha de este diario.

.....

Para que sea XML hemos pensado que podría tener una estructura como los ficheros RSS y de esa manera conseguir que sea visible fácilmente usando la hoja XSL que ya teníamos hecha para nuestro sistema de sindicación.

.....

Aunque pueda parecer mucho código, la parte "Ajax" es bastante sencilla: se lee el fichero XML/RSS correspondiente al enlace pinchado y se genera la lista desordenada con sus enlaces asociados.

.....

Otra parte fundamental del código y tal vez la razón de su extensión, es la que evita realizar más de una vez una misma consulta.

.....

Leer apunte completo...




Comentarios y evaluación en otras páginas del dominio

emoticón de Caricatos Publicado el día 21 de abril de 2012

Hemos integrado algunas de las antiguas páginas de este dominio, y ahora también podemos comentarlas y evaluarlas.

.....

Para lograr este objetivo, hemos tenido que seguir unos sencillos pasos que comentaremos a continuación.

.....

En primer lugar hemos tenido que conseguir un perfecto aislamiento de los elementos que necesitaremos que podríamos etiquetar como módulo de valoración y módulo de comentario.

.....

Luego, para crear las funciones de inicio, las agrupamos en una función "iniciar_todo()", y más adelante:

.....

poner_evento(window, "load", iniciar_todo);

.....

Leer apunte completo...




Este diario: filtrando historial de navegación

emoticón de Caricatos Publicado el día 18 de febrero de 2012

A medida que vamos visitando las distintas páginas del diario (empiezan a ser muchas), notamos como se va incrementando el historial de navegación que tenemos a pie de página.

.....

Leer apunte completo...




1001 errores de rastreo

emoticón de Caricatos Publicado el día 08 de febrero de 2012

Si nos refiriésemos a "Las 1001 noches" pensaríamos en algo maravilloso, pero tratándose de errores de rastreo en un famoso buscador, la idea que se nos pasa por la cabeza es de algo caótico; pero veremos que no es para tanto.

.....

Leer apunte completo...




Banderitas flameantes

emoticón de Caricatos Publicado el día 25 de septiembre de 2011

Vamos a plantear una selección de contenidos por idioma usando banderas flameantes indicando el idioma activo.

.....

Leer apunte completo...




Este diario: Mapa del sitio vs. sitemap

emoticón de Caricatos Publicado el día 30 de julio de 2011

A la derecha de la página junto al enlace de sindicación, podemos encontrar el "Mapa del sitio" donde estamos intentando que se localicen todas las páginas del diario y también del dominio.

.....

Leer apunte completo...

Páginas: [ 1 ] [ 2 ]

Zona de comentarios

Esta etiqueta aún no tiene comentarios.

Evaluación

Valoración de esta página: (etiqueta.enlaces) 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 8901 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/clipart/fondos/BCKGRD44.svg
http://www.pepemolina.com/clipart/fondos/1673.svg
http://www.pepemolina.com/postales/aves/ocellot2.gif
enlace a la postal
Copyright © 2002-2017 www.pepemolina.com
RSS rss | Ver Mapa del sitio