Listado,busqueda y paginación con jquery.dataTables en php y mysql

Hola a todos, en esta oportunidad traigo un ejemplo básico sobre la utilizacion de este plugin javascript, que nos permite sin hacer mucho, poder realizar una paginacion de nuestro listado de registros de alguna tabla de nuestra base de datos, y no solo eso, sino también le agrega como vemos en la imagen principal una caja de texto para filtrar los datos de acuerdo a lo que escribimos y también la cantidad que queremos mostrar por pagina, sin duda este es un plugin que a los desarrolladores nos es de gran utilidad,el presente ejemplo esta desarrollado en php , y una base de datos en mysql ; asi que sin mucho verbo empecemos

Sigue leyendo

Upload de archivos para php con uploadify v2.1.4 , guardar en base de datos mysql y mostrarlo

Hola a todos, en esta oportunidad traigo un tutorial sencillo, de como subir archivos a mi servidor, guardar el nombre y una descripcion del archivo en una bd de mysql y luego mostrarlo en un listado los registros que voy ingresando, todo esto hecho con UPLOADIFY v2.1.4; antes que nada quiero decir que lo hice con esta version porque es con la cual he trabajado hasta ahora, las ultimas versiones no las probé aun, se que hay algunos cambios , pero con esta version funciona perfectamente, pueden descargala de aqui y lo copiamos en el proyecto que crearemos mas adelante, bueno ahora manos a la obra.

Sigue leyendo

Maquetar una pagina web con Bootstrap de Twitter y Responsive Web Design

A la hora de realizar un diseño web, resulta siempre tedioso maquetar nuestra pagina , situaciones a veces algo complicadas como alinear divs, crear columnas entre otras cosas, pero felizmente han aparecido soluciones que nos han hecho la vida un poco mas sencilla a la hora de diseñar, una de estas herramientas y  de las mas sencillas de usar es sin lugar a dudas Bootstrap de Twitter, cuando Twitter libero este framework si hizo mas sencillo maquetar y darle una apariencia mas moderna a nuestro sitio, adapatarla con los estilos propios de esta red social tan famosa, y mas aun si nos da la posibilidad de que nuestra pagina pueda adaptarse a las distintas resoluciones de los dispositivos que tengan acceso a mi pagina, esto se logra con responsive design, que no es otra cosa que un diseño adaptativo o tambien llamado diseño liquido, asi que empecemos:

Sigue leyendo