Compartiendo el conocimiento » Programación

Conferencia de Chema Alonso en “Internet es tuyo 2010″

Pere Tufet — Sun, 03 Oct 2010 14:27:16 +0000

Entretenida conferencia sobre seguridad informática impartida por Chema Alonso durante el Evento “Internet es tuyo 2010“, organizado fantásticamente por Ismael El-Qudsi.

La facilidad de ‘colar’ phishing en Gmail

…

Los metadatos ocultos en los ficheros

…

Datos ocultos en una fichero JPG

Compartir - Enviar

Layouts de diseño

Pere Tufet — Wed, 26 Mar 2008 10:17:49 +0000

He encontrado un web que ofrece 40 layouts (estructuras) que pueden servirte de base para un diseño web. De varias columnas (1,2 o 3) y proporciones (fijo, liquido…) y todas ellas con su CSS.

Enlace: 40 layouts con CSS

Compartir - Enviar

Instalar varios navegadores en un ordenador

Pere Tufet — Tue, 22 Jan 2008 14:29:15 +0000

Cualquier desarrollador web debería consultar sus estadísticas de visitas para conocer cuales son los navegadores y versiones más utilizados por sus visitantes.

En el caso de este blog:

72.9 % utiliza Microsoft Internet Explorer
21.5 % Firefox.

En cuanto a las versiones:
Microsoft Internet Explorer 7.0 34.2 %
Microsoft Internet Explorer 6.0 38.3 %
Firefox 2.0.0.11 18.5 %

Eso quiere decir que si reviso la compatibilidad de la web con estos tres navegadores, tendré asegurado más del 90%

Puedes hacer tu web compatible con muchos más navegadores, pero revisar compatibilidades con navegadores y versiones que usan menos del 1% no merece la pena. A no ser que sólo tengas una web y mucho tiempo libre.

Si eres programador y deseas tener varias versiones de los principales navegadores instalados en tu ordenador, para comprobrar la compatibilidad de tus desarrollos, te recomiendo que leas esta guía:
Entorno de prueba para desarrolladores web (Windows)

Compartir - Enviar

Google Chart – Gráficos para tu web

Pere Tufet — Thu, 17 Jan 2008 09:03:34 +0000

Una de las últimas novedades de Google es su API de gráficos ‘Google Chart‘.

Lanzando una url como esta,
http://chart.apis.google.com/chart?&chs=400×150&cht=lc&chd=s:AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAktrtt004th911osow4vvlqqxydhkhqA&chxt=x,y&chxl=0:|19/09/2007|18/11/2007|16/01/2008|1:||30|60&chg=20,50&chtt=Usuario%20Registrados&chts=000000,18

conseguimos que nos devuelva una imagen como esta:

Tan simple como eso. Mediante peticiones http://chart.apis.google.com/chart?… Google nos devuelve gráficos de barras, lineas, circulares, etc…

Si vas profundizando verás que puedes personalizar bastante cada gráfico.

Ya tenemos otra herramienta interesante para nuestros desarrollos web.

APi de Google Chart: http://code.google.com/apis/chart/

Compartir - Enviar

PhpBB 3 ya disponible

Pere Tufet — Fri, 21 Dec 2007 10:00:31 +0000

Hace unos días, el archi famoso sistema de foro PhpBB ha lanzado ya por fin su versión 3.0, que incluye un montón de mejoras respecto a la actual.

Lista completa de mejoras (comparativa de Phpbb 2 y PhpBB 3)

Y si estás dudando entre instalar este sistema de foros u otro, aquí tienes una comparativa de PhpBB 3 con otros como Invision Power Board, vBulletin o Simple Machines Forum.

Si quieres ya te puedes descargar el PhpBB3 también llamado “Olympus”.

Compartir - Enviar

80 buenas soluciones en AJAX

Pere Tufet — Mon, 12 Nov 2007 12:09:59 +0000

Los desarrolladores web están cada día utilizando más la tecnología AJAX.

En la web Smashing Magazine han realizado una buena recopilación de desarrollos en AJAX, la mayoría gratis.

Si conoces alguna otra fuente de buenos recursos en AJAX, no dejes de comentarla.

Compartir - Enviar

Plugin ‘Frase del día’ para WordPress

Pere Tufet — Tue, 05 Jun 2007 08:16:04 +0000

Recientemente presenté en la I Jornada de Negocios el plugin ‘Frase del día‘ para WordPress de sabidurias.com (una web especializada en citas y frases célebres de calidad).

Instalando este plugin, cada día aparecerá una bonita frase en tu blog. Ninguna frase se repite nunca y todas están seleccionadas a mano para ofrecer realmente frases interesantes, bonitas y a veces divertidas.

Para instalar el plugin de ‘Frase del día’:

1.- Descarga este fichero (Frasedia-Sabidurias-v1.zip)
2.- Descomprímelo y sube la carpeta dentro de wp-content/plugins/ de WordPress.
3.- Activa el plugin en la administración de WorpPress.
4.- Copia y pega este código donde quieras que aparezca la frase.

<br /> <style type="text/css">  </style> <p> <?php if (function_exists('frasedia_sabidurias')) { frasedia_sabidurias(); } ?>

Si instalas el plugin en tu blog, avísame y te añadiré a la lista de ejemplos:

Compartiendo el Conocimiento
Marcos García

Enlace: Plugin ‘Frase del día’ WordPress

Compartir - Enviar

¿Cuanto hace que no modifican esta página?

Pere Tufet — Tue, 03 Apr 2007 11:51:51 +0000

Con este sencillo truco podremos saber cuanto hace que no modifican una pagina web concreta.

Paso 1: Visita la web que quieras analizar (por ejemplo www.wikipedia.org)

Paso 2: Una vez que la pagina web este cargada, introduce en la url el siguiente comando: javascript:alert(document.lastModified)

Pulsa enter y te aparecerá la fecha de última modificación de esa pagina concreta en el servidor. En este caso veo que la pagina principal de la Wikipedia se modifico hace 3 dias.

El sistema no funciona con todas las paginas. Si el resultado muestra el día, hora, minuto y segundo de ahora mismo es que con esa página este método no funciona.

Compartir - Enviar

Diseña pestañas CSS sin esfuerzo

Pere Tufet — Mon, 19 Mar 2007 11:37:45 +0000

Si quieres diseñar unas petañas en CSS, ahora lo tienes más fácil que nunca. Solo tienes que instalarte este programa (gratuito) con el que podrás diseñar visualmente más de 60 tipos de pestañas, tanto horizontales como verticales.

Visto en : 86400

Compartir - Enviar

Comentar código en HTML y PHP

Pere Tufet — Wed, 21 Feb 2007 23:33:11 +0000

Comentar el código es importante, no solo para cuando alguien tenga que entender tu programación, sino también para ti. Te permite poner notas, avisos, identificar zonas, etc…

En HTML

En PHP
Tienes dos formas de hacerlo, según sea para una o varias lineas:

// Si es de una línea, lo puedes poner así

/* Esto es un comentario de varias lienas. Esto solo lo puedo ver con el editor
y no en el navegador */

La cosa no tiene mucha más explicación, pero si quieres leer un poco más, puedes hacerlo aquí para php y aquí para html.

Compartir - Enviar