Últimamente estamos incluyendo muchos plugins y efectos en JQuery en las páginas web que diseñamos. También lo utilizamos mucho para desarrollar “mini aplicaciones” con Ajax y PHP. Un ejemplo de ello es la calculadora de instalaciones eléctricas que implementamos para la web de Alumbrado Inteligente de Normalux. Todos los controles de validación y la gestión de los componentes de la instalación están controlados mediante consultas con Ajax a la base de datos para así evitar la recarga continua de la página.

Para realizar estos trabajos a veces necesitamos pequeños tutoriales o ejemplos de la utilización de los métodos o efectos de JQuery. A continuación os dejo el enlace a una de las páginas de donde sacamos ésta información.

Visual JQuery

¡Espero que os sirva de ayuda!

El jueves 14 de abril a las 19:30 h, FENA Business School, será la sede de un Pecha Kucha cuyo tema será la “Comunicación 2.0″.

Fernando Maltrana, director técnico de ticmedia, intervendrá como ponente para hablarnos de “Verdades y Mentiras del mundo SEO”.

Otros participantes son,

1.- Néstor Torre: ¿Qué y qué beneficios tiene para las pequeñas empresas la comunicación 2.0?
2.- Luz Martín: ¿Qué es y qué cualidades debería tener un Community Manager?
3.- Jesús Portilla: ¿Cómo cuantificar el beneficio de la comunicación 2.0?
4.- Javier Prieto: Futuras tendencias del marketing 2.0

Pecha Kucha (ペチャクチャ) o Pecha Kucha Night es un formato de presentación original de Japón en el cual se expone un trabajo de manera sencilla e informal.

La idea fundamental de Pecha Kucha es permitir compartir las ideas de diversos presentadores durante una noche, manteniendo un nivel de interés y atención alto mediante presentaciones muy concisas. Para ello se creó el formato 20×20 de Pecha Kucha: a cada presentador se le permite usar 20 imágenes o diapositivas, cada una de de las cuales es mostrada durante 20 s. En total, cada presentación transcurre durante 6 min y 40 s, tras lo cual se hace una breve pausa y el siguiente presentador sube al escenario. Cada evento consta normalmente de 14 presentaciones.

La entrada es libre hasta completar el aforo. Creemos que será muy interesante y esperamos veros a todos en las instalaciones que FENA tiene en Gijón en C/Tomás y Valiente, 1, 3º.

Hasta ahora siempre hemos usado el Lightbox para tratar imágenes. Aquí os dejo una adaptación para realizar un lightbox de un mapa de Google. Es muy útil cuando no queremos poner el mapa en un tamaño muy grande por falta de espacio o simplemente por estética.

Podéis descargaros los archivos necesarios haciendo click aquí

Es muy sencillo, vamos a especificar los pasos.

1. Descargamos el archivo y descomprimimos su contenido
2. Guardamos en la carpeta de la web las imágenes, el css y el script.
3. Enlazamos el css y el script dentro de la página:
   <link href=”gmlightbox.css” rel=”stylesheet” type=”text/css” />
   <script src=”gmlightbox.js” type=”text/javascript”></script>
4. Tenemos que ir a la web de Google Maps y buscar la dirección que queremos.
5. En el “href” del enlace desde donde queremos ampliar el mapa colocamos la que nos da Google para enlazar un mapa en una web.
   

Al enlace le podemos poner un atributo “title” para mostrar el título que le queremos dar al mapa. Al final el enlace nos tendría que quedar de la siguiente manera:
<a href=”URL_GOOGLE” rel=”gmap” title=”Mapa de ejemplo”>Mostrar mapa</a>

Podéis ver un ejemplo haciendo click aquí.

¡Espero que os sirva de ayuda!

Usaremos estas normas para que nuestro código sea más legible

Tabs o Espacios
En el contenido dentro de corchetes, siempre se identará este contenido con tabs.

Cabecera del archivo

Es recomendable que todos los archivos .php inicien con una cabecera específica que indique información de la versión, autor de los últimos cambios, etc.

//-----------------------------------------------------------------------------------
// Funciones Genéricas de manejo PHP
// Escrito por fulanitin el día asdfasdfasd

(más…)

Normas para llevar un trabajo ordenado y mejorar nuestra productividad

Organización de los archivos

Para mejorar los cambios de diseño y forma sin afectar otras áreas, dividimos en varias básicas todos nuestros estilos.

• formato_de_plantilla.css: Todo lo relacionado con posicionamiento, plantilla del diseño, etc. Exclusivamente.
• archivo.css: Todo lo relacionado con un archivo en particular
• funcionalidad.css. Todo lo relacionado con funcionalidades detalladas (galerías de fotos, ajax…)

(más…)