Modelo entidad/relación de la base de datos de la wikipedia

En el siguiente enlace accederéis al modelo relacional completo de la base de datos de la wikipedia.

Modelo entidad/relación de la base de datos de la wikipedia.

Modelo entidad/relación de la base de datos de la wikipedia

PHPExcel – Crear y leer documentos Excel 2007 desde PHP

PHPExcel nos ofrece un conjunto de clases para PHP, con las cuales podremos escribir y leer ficheros Excel2007. Este proyecto ha sido construido usando el estándar OpenXML de Microsoft.

Permite establecer los meta datos (autor, título, descripción, …), usar múltiples hojas de trabajo (worksheets), distintos tipos de letra y estilos, bordes de celda, rellenos, gradientes, añadir imágenes y mucho más.

PHP Excel 2007 classes.

pChart – Librería para hacer gráficos dinámicos en PHP

Si necesitamos crear gráficas dinámicamente en nuestros proyectos web, una interesante solución, si usamos PHP en el lado del servidor, es la librería pChart.

pChart permite generar gráficas de varios tipos (sectores, lineal, barras, …) y personalizarlas según nuestras necesidades.

Y si intuimos que nuestras gráficas se van a generar muchas veces y/o los datos necesarios para su generación (datos provenientes de consultas complejas o de orígenes de datos con mucha carga) son costosos de obtener, podemos hacer uso de su caché (pCache class) para ganar en rendimiento y evitar cargas innecesarias y repetitivas en el servidor.

Lo único que se necesita es tener PHP compilado con el soporte para la librería GD.

pChart – a PHP Class to build Charts.

pChart - a PHP class to build charts

12 tipos de maquetación estándar en diseños web

En el siguiente artículo especifican doce tipos de maquetación estándar para el diseño web. No tiene desperdicio el artículo porque, aparte de enumerar, cada tipo de patrón es explicado con un boceto, un texto explicativo y algunos ejemplos de web reales que se ajustan a dicha maquetación.

12 Standard Screen Patterns + Bonus Pattern.

Designing Web Interfaces: 12 Standard Screen Patterns

jQuery Cycle Plugin – Transiciones animadas de imágenes (slideshow)

jQuery Cycle plugin proporciona un mecanismo de hacer transiciones animadas de imágenes. Su implementación está basada en el InnerFade Plugin de Torsten Baldes, el Slideshow Plugin de Matt Oakes, y el jqShuffle Plugin de Benjamin Sterling. El plugin soporta pausas al pasar el ratón por encima de la imágen, paradas automáticas, retrollamadas (callbacks) antes y después, disparadores (triggers) y una gran cantidad de efectos para las trasiciones.

La última versión estable (2.34), publicada en esta misma semana, requiere, como mínimo, la versión 1.2.3 de jQuery.

Es un plugin muy ligero, tan solo ocupa 18 KB en su versión para entornos de producción.

Como casi todo en jQuery, es muy fácil de usar. Aquí pongo un breve ejemplo básico:

HTML:

<div id="s1" class="pics">
    <img src="images/beach1.jpg" width="200" height="200" />
    <img src="images/beach2.jpg" width="200" height="200" />
    <img src="images/beach3.jpg" width="200" height="200" />
</div>

CSS:

.pics {
    height:  232px;
    width:   232px;
    padding: 0;
    margin:  0;
} 

.pics img {
    padding: 15px;
    border:  1px solid #ccc;
    background-color: #eee;
    width:  200px;
    height: 200px;
    top:  0;
    left: 0
}

JavaScript:

$('#s1').cycle('fade');

Puedes acceder a la web oficial para obtener más información, la descarga, ejemplos de códigos fuentes y ejemplos en funcionamiento desde el siguiente enlace:

jQuery Cycle Plugin.

jQuery – Hacer que un textarea crezca mientras escribes automáticamente

Coqueto plugin para el framework jQuery con el que podremos implementar un interesante efecto: Hacer que un textarea crezca (verticalmente) dinámicamente mientras el usuario va escribiendo en el, es decir, si el textarea se queda pequeño para el texto que se está escribiendo pues va creciendo una línea.

Desde el siguiente enlace puedes acceder a descargarte el plugin y a ver un ejemplo en funcionamiento:

Elastic – Make your textareas grow facebook style (jQuery plugin).

Una vez incorporado el plugin a nuestro desarrollo web, el uso del mismo es muy fácil:

$('#myTextarea').elastic();

donde #myTextarea es el ID del elemento textarea al que queremos aplicar el efecto.

HTML5 más cerca. Nuevo borrador.

Hoy mismo (27 de Enero de 2.009) se ha publicado una nueva revisión del borrador de HTML5 por parte del W3c.

Puedes acceder a dicho borrador en:

HTML5 – W3C.

Nos encontramos con estas nuevas caracteristicas:

• Nuevos elementos: section, video, progress, nav, meter, time, aside, canvas.
• Nuevos atributos para el elemento input: dates and times, email, url.
• Nuevos atributos: ping, charset, async.
• Atributos globales (aplicables a todos los elementos): id, tabindex, repeat.
• Se deja de usar los elementos: center, font, strike.

Internet Explorer no puede abrir una página: Operación anulada

Recientemente me he encontrado con un problema bastante extraño: Resulta que una página en concreto, y muy básica, solo con Internet Explorer y de manera aleatoria me mostraba una ventana emergente diciendo “No se puede abrir la página. La URL en cuestión. Operación anulada.”

Este problema tan raro es achacable a Internet Explorer, primero porque en otros navegadores no ocurre, y segundo porque ellos mismos (Microsoft) dan fé de ello en la siguiente web, en la que también proponen una solución (en realidad proponen dos, una de ellas es cambiar a Internet Explorer 8 así que no he contado esa como solución):

Pregunta: ¿por qué ¿reciben un mensaje de error “operación anulada” cuando visite una página Web en Internet Explorer?.

En mi caso en particular, la causa expuesta en el enlace anterior no era el motivo de mi problema, y por consiguiente no pude aplicar su solución. Lo que yo hice fue coger todo mi bloque de script (JavaScript) situado dentro de head de mi página y ponerlo dentro del body, al final del mismo. Así funcionó. También probé a sacar el script en un fichero JavaScript independiente, pero en mi caso en particular, no funcionó.

¿Cosa de brujas? … Si os ha pasado a vosotros también dejad comentario a ver si averiguamos porqué se produce este problema.

Generar frames con CSS automáticamente

Curiosa utilidad online que nos provee una manera fácil de crear diseños webs con frames simulados mediante CSS

La utilidad es bien sencilla de usar, tan solo debemos proporcionarle un código XHTML que genere frames, y nos devolverá el equivalente en CSS.

Sigue el enlace:

CSS Frame Generator.

jQuery – Crear un efecto acordeón

En la siguiente web explican paso a paso (en inglés) y con todo nivel de detalle y código fuente para copiar y pegar, como conseguir un efecto acordeón usando el plugin jQuery para JavaScript.

Exactly How to Create a Custom jQuery Accordion.