| | | | |

Página de error 404 personalizada para Word Press

El otro día hablábamos sobre el modo de personalizar la página de error de página no encontrada. Decíamos que se le podría añadir una lista de entradas relacionadas con la url que hemos introducido incorrectamente. Y como no hay nada mejor que los ejemplos, vamos a explicar como se podría realizar para Word Press.

Read More “Página de error 404 personalizada para Word Press”

|

Tutorial del API de Google Maps

Un manual básico del API de Google Maps en inglés que nos puede ser de gran utilidad, explicado bastante bien y con ejemplos. El tutorial se divide en dos partes:

  • Leer y entender los principios del API
  • Uso de ejemplo como plantillas, las cuales podemos incluir en nuestras páginas web.

Es necesario conocer Javascript para no perderse.

Google Maps API Basic Tutorial

Vía / Menéame

Colección de diseños de tablas mediante CSS

Para aquellos que no sean hábiles en el diseño y necesiten de ideas para mejorar el aspecto de las tablas, existe una galería con diseños de tablas mediante CSS.

Hasta ahora hay un total de 71 diseños, que se pueden visualizar en la misma lista, no son screenshots, ni popups, ni enlaces a otras páginas, cuando queremos ver uno de los estilos, se recarga la página y muestra la lista con el estilo seleccionado. También hay una serie de tutoriales sobre tablas y CSS que nos pueden ser de utilidad. Cualquier ayuda siempre es bienvenida.

CSS Table Gallery

Vía / Digg

| |

Elemento CANVAS en HTML

CANVAS es un elemento no estándar que permite dibujar gráficos directamente sobre el HTML. Inicialmente lo implementó Apple para Safari, pero ahora es WHATWG quien se encarga de su estandarización.

Al no ser un estándar, se han levantado voces en contra de ello, sobre todo existiendo el SVG que realizaría la misma función. La cuestión sobre cual es más correcto, si el SVG o CANVAS, es algo de lo que ya se ha tratado y aunque en ambos casos se puede hacer lo mismo, parece que el SVG gana por ser un estándar y sobre todo cuando se quiere que haya interacción con el usuario, aunque CANVAS sea más útil a la hora de dibujar.

Más información

Ejemplos

Performancing, estadísticas para nuestro blog

PerformancingNo solo de Google vive el blogger y aunque su sistemas de estadísticas Google Analytics es de los mejores (aunque ahora sea imposible obtener una cuenta por lo solicitado que está), no quiere decir que no se puedan usar otras alternativas.

Una nueva herramienta de estadísticas nos viene de la mano de Performancing, una alternativa gratuita enfocada para el blogger profesional, que entre sus características se puede destacar:

  • Múltiples blogs para un mismo usuario
  • Poder obtener las estadísticas mediante RSS
  • Datos de Adsense
  • Información sobre motores de búsquedas…

Performancing Metrics

Vía / Digg

|

phpGMapTrips, tus viajes en Google Maps

phpGMapTripsphpGMapTrips es una aplicación PHP, la cual podemos incluir en nuestro site, que permite mostrar los destinos de tus viajes mediante Google Maps. Con ella se pueden crear distintos viajes, cada cual con los sitios en los que hemos estado.

Como característica más destacable diría que no es necesaria ninguna base de datos, ya que guarda la información en un XML. Otros aspectos a tener en cuenta son los siguientes:

  • Exportar los viajes a ficheros kml para ser vistos en Google Earth
  • Página de administración
  • Mostrar los viajes mediante tag cloud…

Bueno, quien dice para tus viajes, dice para cualquier otra cosa, como por ejemplo algo parecido a Jacktracker.

phpGMapTrips

Demo

Vía / Googling, Blogging & PHP

|

Drag and drop de capas en páginas web

Cada día internet está mas llena de aplicaciones web que de documentos. El objetivo de un documento es mostrar información, mientras que en una aplicación se le debe añadir cierta interactividad.

Mover capas como si se tratara de las ventanas del sistema operativo es algo que nos puede aportar cierta vistosidad a nuestra página web, claro, que tampoco se debería abusar de ello. Con unas simples modificaciones en el diseño y un pequeño script, podremos crear este efecto.

Mostrar ejemplo

Read More “Drag and drop de capas en páginas web”

| |

Cómo acceder a contenidos mediante la URL

Una de las opciones que más me gusta de la Wikipedia es la posibilidad de buscar contenidos usando la url. Para ello tan solo hay que escribir lo que queremos buscar después de esta dirección:
http://es.wikipedia.org/wiki/
Por ejemplo, si queremos buscar información sobre La Habana deberíamos poner lo siguiente:
http://es.wikipedia.org/wiki/La_Habana
Si encuentra algo lo muestra y si no es así, o te muestra una lista de posibilidades o te muestra una página de error 404.
Para poder incluir algo parecido en nuestro site deberemos modificar la configuración de Apache y crearnos un script (en este caso en PHP). Puede sernos muy útil si usamos tags o similares.

Read More “Cómo acceder a contenidos mediante la URL”