Atari BreakoutctoapmjImportar archivo a servidoraphcjfoundation2

Google API Chart: Ejemplo de grafica de barras con PHP, jQuery y MySQL

Hace tiempo escribí un post en el cual les mencionaba algunas librerías que existen para generar graficas y tambien un ejemplo con la libreria jpGraph, el día de hoy toca el turno a Google Chart Tools la libreria de google que nos permite crear gráficas, en el ejemplo se va a crear una gráfica de columnas agrupadas obteniendo los datos de una base de datos MySQL con PHP y jQuery.

grafica (más…)

Cambiar el color del texto seleccionado con CSS3

El post del día de hoy es un pequeño tip de CSS que consiste en cambiar el color de la selección en una pagina web con el selector ::selection de CSS3

:: selection

El pseudo elemento ::selection aplica a la porción del documento que ha sido seleccionado por el usuario, también aplica por ejemplo al texto seleccionado dentro de un cuadro de texto.

Las propiedades que se pueden aplicar a ::selection son: color, background, cursor(opcional), outline(opcional). (más…)

Animar imagenes al pasar el mouse con jquery y jqueryrotate

Hola a todos en esta ocasión les traigo un pequeño efecto para imágenes que he visto en algunos sitios, el efecto consiste en cambiar de tamaño y hacer girar una imagen cuando se pasa el mouse sobre ella y cuando el mouse salga que regrese a su estado original, lo vamos a hacer con la librería jQuery y el plugin jQueryRotate.

Lo que vamos a utilizar:

Librería jQuery

  • Enlazar desde google:  <script src=”http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js”></script>
  • Enlazar de forma local: Descargar del sitio  Jquery

Plugin jQueryRotate

(más…)

Lorempixel: Generador de imágenes de prueba

Hola a todos, en esta ocasión les traigo un recurso que estoy seguro a mas de uno le va a servir, es un sitio que se llama lorempixel dicho proyecto es similar a Lorem Ipsum Generator que me imagino ya hemos utilizado en alguna ocasión para simular texto para nuestros diseños.

Solo que Lorempixel no genera texto sino imágenes con el tamaño que nosotros le indicamos ademas de que podemos configurar otras opciones como por ejemplo si la imagen la queremos a color o escala de grises, también podemos elegir algún tema en especifico.

Aqui les dejo el link del proyecto y unas imágenes de prueba. (más…)

Como colocar una imagen como viñeta de lista con CSS

Hola a todos, es esta ocasión les traigo un pequeño ejemplo de como podemos colocar imágenes como viñetas a las listas utilizando CSS, es muy sencillo. Para ello vamos a crear tres estilos diferentes: vinieta1, vinieta2 y vinieta3 cada una de ellas tendrá una imagen diferente, comencemos.

La propiedad que tenemos que definir a las listas para cambiar la viñeta normal por una imagen es list-style-image, si queremos crear varias listas con diferentes iconos podriamos definir una clase por cada lista y quedaria de la siguiente forma. (más…)

3 librerías para trabajar con archivos de Excel en PHP

Hola a todos, en esta ocasión les traigo una lista de algunas librerías que podemos utilizar si necesitamos trabajar con archivos de Excel en el lenguaje PHP, espero que les sea de utilidad.

1. PHPExcel

PHPExcel es una librería escrita en PHP  integrada por un conjunto de clases que permiten escribir y leer diferentes formatos de archivos de hojas de cálculo  como .xls, . xlsx, .csv,  .ods, PDF, HTML, … Este proyecto se basa en el estándar OpenXML Microsoft y PHP. (más…)

Paginación de registros de una base MySQL con PHP y jQuery – Parte 2

Hola a todos, esta es la continuación de post anterior titulado Paginación de registros de una base MySQL con PHP y jQuery – Parte 1 en el cual se explico la parte del código jQuery y ahora toca el turno de ver el código PHP, comenzemos.

CODIGO PHP

Archivo: obtenerdatos.php

Lo primero que hacemos es crear un objeto de la clase stdClass el cual va a almacenar la respuesta del servidor


$respuesta = new stdClass();

Posteriormente verificamos si se recibió el numero de pagina que se desea mostrar, si no se recibió la respuesta entonces el estado de la respuesta lo ponemos a 0 y asignamos un mensaje de error. y esos datos son los que se van a devolver. (más…)