Rotar texto en PDF generado con FPDF

Escrito el 14 de Enero de 2013 por y leído 4,513 veces. Ver comentarios

Rotar texto en PDF generado con FPDF

Me surgió el problema de tener que escribir texto con una rotación de 90 grados (simplificando, texto en vertical) en un fichero PDF que se generaba a través de la clase FPDF.

Como el PDF generado no incorporaba imágenes de fondo, sino que los logos y demás eran contenido independiente, no quería hacer un JPG de fondo con el texto en vertical así que googleé un poco (no mucho, la verdad) hasta que encontré una página donde nos regalan una extensión a la clase FPDF que pone tanto textos como imágenes con el ángulo de rotación que nosotros decidamos.

LEER ENTRADA

Un editor wysiwyg con jQuery

Escrito el 10 de Enero de 2013 por y leído 2,880 veces. Ver comentarios

Un editor wysiwyg con jQuery

Un editor wysiwyg es un textarea con botones para marcar negritas, cursivas y una serie de estilos o tags html básicos. Dicho ésto, pasemos a hablar de un plugin que reemplaza los tradicionales textarea en cajas mágicas con mínimas opciones de personalización en textos.

El script, que pesa tan sólo 7 kb, se aplica al hacer foco sobre nuestro textarea.

LEER ENTRADA

Antes y después en fotografías con jQuery

Escrito el 09 de Enero de 2013 por y leído 2,324 veces. Ver comentarios

Antes y después en fotografías con jQuery

ClassyCompare es un plugin del que no hay mucho que explicar, sirve para mostrar un antes y un después en nuestras fotografías de un modo muy sencillo y con un agradable efecto de arrastre del ratón para ver una u otra imagen.

Pues eso, se basa en 2 imágenes, una que representa el ANTES y la segunda que representa el DESPUES. El plugin se encargará de ponerlas en la misma posición y de aplicar una máscara según desplacemos el ratón de izquierda a derecha o viceversa.

LEER ENTRADA

Basic jQuery Slider responsive, liviano y configurable

Escrito el 12 de Diciembre de 2012 por y leído 9,001 veces. Ver comentarios

Basic jQuery Slider responsive, liviano y configurable

Siempre queremos poner un slider en nuestras webs y nos esforzamos en buscar el más cool (o guay en versión spanish), con miles de efectos, que abarque miles de formatos en su contenido y que sea adaptativo (responsive in english)... para luego, no hacer nuestras webs adaptativas, poner sólo imágenes y usar siempre el efecto FADE... verdad?

Pues bien, buscando algo bueno bonito y barato, dí con este slider, realmente muy simple pero excesivamente potente y fácil de configurar o personalizar. Está basado en jQuery, como no, y su CSS tiene 13 líneas! (acabo de dejar de alucinar)... pero vamos a verlo a fondo.

LEER ENTRADA

Listado de registros con scroll infinito en PHP, Ajax y jQuery

Escrito el 21 de Noviembre de 2012 por y leído 14,598 veces. Ver comentarios

Listado de registros con scroll infinito en PHP, Ajax y jQuery

ACTUALIZACIÓN SEPTIEMBRE 2013: A pedido de un usuario en los comentarios, hay una variante del scroll infinito en PHP y Ajax lanzado desde un botón y no al desplazar el scroll al final de la página. Si quieres ver la demo, vete a este enlace.

Ahora que ya conoces las redes sociales, porque las conoces, no? habrás visto que la mayoría utiliza el scroll infinito de datos, es decir, a medida que vas bajando el scroll en la pantalla, se van cargando automáticamente nuevos registros de tus bases de datos.

LEER ENTRADA

Aceptar coma o punto como decimal en jQuery Validate

Escrito el 31 de Octubre de 2012 por y leído 5,700 veces. Ver comentarios

Aceptar coma o punto como decimal en jQuery Validate

Este minipost surge porque me encontré en la necesidad de aceptar el punto o la coma, indistintamente, como decimal en un campo de tipo numérico y aplicándole un rango de valores permitidos.

Lógicamente, estamos hablando de jQuery Validation plugin que, como buen plugin escrito en inglés, utiliza el punto como separador de decimales y la coma como separador de miles.

LEER ENTRADA

Prueba tus maquetaciones de Responsive Web Design

Escrito el 24 de Octubre de 2012 por y leído 3,017 veces. Ver comentarios

Prueba tus maquetaciones de Responsive Web Design

Motivado por la aparición de Responsivator, me he decidido a liberar un clon que testea tus diseños web maquetados de manera adaptativa o, como todos lo conocemos, en Responsive Web Design.

El script es muy sencillo, se ocupa mediante una llamada en Ajax de cargar diferentes estados de la url introducida en el área indicada abajo, que no deja de ser un iframe para cada tamaño.

LEER ENTRADA

STOC un plugin para crear una tabla de contenidos con jQuery

Escrito el 16 de Octubre de 2012 por y leído 2,201 veces. Ver comentarios

STOC un plugin para crear una tabla de contenidos con jQuery

Muchas veces nos encontramos con tener que mostrar gran cantidad de texto en una web, el ejemplo más claro de ésto es el típico aviso legal de las webs, que son unos enormes textos que nadie lee, pues bien, este plugin hará más fácil al usuario encontrar los títulos de los apartados creando una elegante tabla de contenidos (TOC de Table of Contents en la lengua de Shakespeare) o índice en castellano.

Lo genial de este plugin, además de ser livianito -pesa sobre unos 5kb- es que no te necesita para crear la lista. Sólo le debes indicar la cantidad de cabeceros (léase H1, H2, H3...) que debe considerar para crear la tabla. Unicamente habrá que indicar la profundidad, por ejemplo, 3, entonces el plugin creará una lista de contenidos teniendo en cuenta los h1, h2 y h3 del div que le indiques. Así de fácil, así de bonito.

LEER ENTRADA

Lazy load, carga tus imágenes bajo demanda con jQuery

Escrito el 02 de Octubre de 2012 por y leído 7,262 veces. Ver comentarios

Lazy load, carga tus imágenes bajo demanda con jQuery

Lazy Load es un plugin de jQuery escrito en JavaScript que se encarga de retrasar la carga de imágenes en las páginas web largas. Las imágenes que se encuentren fuera del viewport (parte visible de la página web) no serán cargadas antes de que llegues a su ubicación bien sea con la rueda del ratón o la barra de scroll. Resumiendo, hace justamente lo contrario que la precarga de imágenes.

Usar Lazy Load en páginas web largas que contienen muchas imágenes de gran tamaño hará que la carga de la página vaya más rápido. Incluso, va más allá, ya que el navegador estará en el estado listo después de cargar únicamente las imágenes visible de un primer vistazo omitiendo aquellas que no se vean hasta que te desplaces por la web. En algunos casos, también puede ayudar a reducir la carga del servidor.

LEER ENTRADA

Elegir entre PDO y Mysqli para programación en PHP

Escrito el 28 de Septiembre de 2012 por y leído 7,334 veces. Ver comentarios

Elegir entre PDO y Mysqli para programación en PHP

Como muchos ya sabréis, yo me enteré a la fuerza, PHP ha decidido marcar como obsoletas todas las funciones nativas de mysql, es decir, que si utilizas mysql_query o mysql_select_db o cualquier cosa que empiece por mysql_, entonces, estás obsoleto como yo.

Pues bien, PHP, nos propone dos opciones para reemplazar nuestros códigos que son PDO y Mysqli o Mysql Improved (un mysql mejorado). Cabe destacar, que cualquiera de estos dos métodos requiere de PHP 5.0 en el caso de Mysqli y PHP 5.1 en el caso de PDO.

LEER ENTRADA