Layouts de diseño

Diseño, Programación, Usabilidad, Trucos y consejos Comenta esta noticia »

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.

Layouts

Enlace: 40 layouts con CSS

Instalar varios navegadores en un ordenador

Buscadores, Diseño, Internet, Navegadores, Programación, Trucos y consejos 1 comentario »

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

Instalar varios navegadores

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)

Google Chart - Gráficos para tu web

Programación, Trucos y consejos Comenta esta noticia »

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:
Ejemplo Google Chart

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/

PhpBB 3 ya disponible

Internet, Programación Comenta esta noticia »

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.

Phpbb3 - comparativa con phpbb2

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

80 buenas soluciones en AJAX

Diseño, Internet, Programación Comenta esta noticia »

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.

AJAX

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

Plugin ‘Frase del día’ para WordPress

Citas, Gadgets, Programación, Wordpress, Trucos y consejos Comenta esta noticia »

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

Frase del díaInstalando 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.

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

¿Cuanto hace que no modifican esta página?

Curiosidades, Internet, Programación, Trucos y consejos Comenta esta noticia »

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)

Javascript

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

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.

Diseña pestañas CSS sin esfuerzo

Diseño, Internet, Programación, Usabilidad, Trucos y consejos 1 comentario »

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.

Pestañas en CSS

Visto en : 86400

Comentar código en HTML y PHP

Navegadores, Programación, Trucos y consejos 1 comentario »

Teclado programador 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
Comentar codigo 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.

¿Qué busca la gente en tu blog?

Programación, Wordpress 2 comentarios »

Buscador en el blog - WordPressCon este sencillo plugin “Search Meter” podrás ver las estadísticas de uso de tu buscador en el blog (para WordPress)

Con ello podrás conocer los gustos de tus visitantes, y saber también si encuentran o no lo que están buscando.

Instalación

1. Descárgate este fichero.
2. Copialo en wp-content/plugins (crea una carpeta para él)
3. Desde la administración de WordPress ves a Plugins y actívalo.

Para ver las estadísticas

Solo tienes que ir al Tablero, donde te aparecerá una nueva pestaña ‘Seach Meter’
Si lo deseas puedes incluso mostrar las ‘TOP búsquedas’ en tu blog

Realmente fácil y altamente interesante.

Vía: Search Meter


WordPress Theme & Icons by N.Design Studio
Entries RSS Comments RSS Identificarse
Cerrar
E-mail It