Con motivo del 37 aniversario del lanzamiento del juego Breakout de Atari google ha sacado un huevo de pascua que convierte las imágenes de la búsqueda de google en el juego, los bloques los tenemos que eliminar usando nuestro teclado o el mouse. Si quieres juegar escribe en la pagina principal de google “atari breakout” luego haz click en imágenes y espera a que los resultados de la búsqueda se conviertan en el juego.
El post del día de hoy es sobre la opción de autocompletar que podemos colocar en las cajas de texto de un formulario para que conforme el usuario vaya escribiendo la aparezcan sugerencias a partir de la información almacenada en una base de datos. Lo vamos a hacer utilizando el widget Autocomplete de jQueryUI, PHP para el código a ejecutarse en el servidor y MySQL como gestor de base de datos.
El ejemplo consiste en lo siguiente: Tendremos un formulario HTML en el cual el usuario captura una matricula(con autocompletar), una vez capturada la matricula la información del alumno se rellenará automáticamente.
El formulario tendrá 4 campos: matricula, nombre, paterno y materno. (más…)
En el post del día de hoy vamos a ver como podemos subir un archivo al servidor para después guardar la información dentro de una base de datos, y lo vamos a hacer utilizando PHP, jQuery y MySQL.
El formulario HTML que se va a utilizar para subir el archivo al servidor tiene la siguiente estructura
<form id="frmArchivo" method="post"> <label>Archivo:</label> <input id="archivo" type="file" name="archivo" /> <input type="hidden" name="MAX_FILE_SIZE" value="20000" /> <input class="boton" type="submit" name="enviar" value="Importar" /> </form>
La información del formulario se va a enviar con el método post. Dentro del formulario tenemos los controles en este caso un input de tipo file para el archivo que se va a subir, un input hidden que indica el tamaño máximo del archivo que se va a subir y el botón de submit para mandar el formulario al servidor. (más…)
El ejercicio del día consiste en animar una pelota para que rebote por el escenario utilizando canvas de HTML5 y jQuery
Canvas
Es un elemento HTML incluido en el estándar HTML5 que permite la creación de gráficos los cuales pueden ser accedidos mediante código javascript.
Lo primero que tenemos que hacer es crear el elemento canvas en el código HTML de nuestra página, podemos indicar el ancho y alto de este elemento con los atributos width y height respectivamente
<canvas id="lienzo" width="700" height="500"> </canvas>
Foundation es un Front-end Framework que nos permite acelerar el desarrollo de nuestros proyectos, ¿pero que es un front-end framework?
Un Front-end Framework lo podría definir como una herramienta que nos permite crear de forma rápida la interfaz de una aplicación utilizando HTML, CSS y Javascript debido a que el framework ya incluye estructuras que nosotros solo tendríamos que implementar.
Las características principales de este Front-end Framework en su version 4 son las siguientes:
Si deseas probar este Front-end framework lo puedes descargar desde su pagina oficial aquí les dejo el link:
En esta ocasión les traigo un excelente sitio web donde puedes encontrar libros y tutoriales sobre diseño y programación web.
Libros de diseño
Libros de programación
Libros de Symfony
Los puedes consultar en linea o algunos descargarlos en formato pdf, son una excelente guía para empezar en el desarrollo web.
Enlace: Librosweb.es
CSSmatic es un sitio web que nos ofrece una colección de 4 herramientas para crear de forma rápida y sencilla los siguientes efectos basados en CSS3, solo tenemos que configurar las opciones del efecto que deseamos y la herramienta nos proporciona de forma automática el código CSS necesario, el cual solo tenemos que copiar a nuestra hoja de estilo y listo.
Los efectos que podemos crear por el momento son los siguientes: crear degradados, redondear bordes, crear texturas con efecto de suciedad y generar elementos con sombras. Realmente una muy buena herramienta para diseñadores web.
