Video en HTML5 y controles personalizados – parte 1

En este video-tutorial te explico como publicar un video en tu sitio web utilizando herramientas de HTML5, también vemos un poco de Javascript y Jquery para poder manipular este video, y hacer unos controles personalizados, de esta manera puedes reproducir y detener el video desde tus controles. leer más…

Como hacer el mejor curriculum, sin mentir!

¿Has escuchado hablar de Scott Thompson? Bien Scott fue el CEO de yahoo portaba una carrera universitaria en ciencias computacionales, por una universidad catolica de los Estados Unidos.

Mientras fue presidente de yahoo hizo una buena labor, hasta que un grupo que poseía solo el 6% de la compañía noto que la universidad que de donde Scott se había graduado no ofrecía la carrera de ciencias computacionales hasta 4 años después de que Scott se graudo. leer más…

Bordes redondeados CSS

Todos amamos los bordes redondeados, y no solo es por que el circulo es la figura mas perfecta de la geometría sino por que ya los podemos hacer de manera rápida. Antes de que en Css3 estuviera habilitado el Border Radius, o los bordes redondeandos habian varias maneras de hacer los bordes redondeados, y es que tomabas la imagen de las esquinas, y las encerrabas en un div que colocabas en las esquinas, era realmente horiible, ni hablar de hacer un div de ancho dinamico. leer más…

Estructura basica de una pagina web en HTML5

Comencemos hablando de semantica, y por su puesto la pregunta obvia es ¿ Que es la semantica ? La semantica no es mas que el significado que les damos a las palabras. Dejando a un lado esto hablemos un poco de la importancia en la semantica de HTML, sucede que el lenguaje esta hecho para que cada “etiqueta HTML” signifique algo, es así que el explorador sabe que pasa cuando encuentra un <img>, sabe que es una imagen, o cuando encuentra un <p> sabe que es un párrafo etc… Lo mismo sucede con los buscadores, es por eso que para un buscador es mas importante un <h1> que un <p>. leer más…

Audio en HTML 5

Una de las cosas mas bellas que tiene HTML5 es el soporte nativo para medios, basicamente hablamos de las etiquetas <audio> y < vídeo >.

Anteriormente para poner un medio en un sitio web teniamos que “empotrarlo” con un <embed> o de plano hacer una pelicula en flash, y empotrarlo en el sitio. Desde hace ya algun tiempo el uso de flash ha caido en desuso, y básicamente lo usabamos para videos, (youtube) pero ahora es muy sencillo reproducir vídeo o audio desde un explorador web con HTML5.

Las diferencias entre ambas etiquetas; audio y vídeo, es mínima, y básicamente es el nombre, asi que en esta ocasión solo veremos el uso de audio, y les recomiendo que ustedes mismo implementen vídeo, después los invito a que me cuenten como les fue, y quien se anime le publicamos su articulo.

Acompañado de este articulo encontraran un videotutorial de como hacer un menú o botonera con sonidos sin usar flash, espero les guste. leer más…

Papel Tapiz de Steve Jobs – Wallpapers

Desde la muerte del buen Steve varias cosas han pasado, y parece que todo mundo habla de el sin cesar. Y como no, si fue uno de los mas grandes personajes, del mundo de la informatica, es asi que en el afan de rendirle tributo muchos usuarios de internet, han hecho varias cosas, entre ellas una serie de Wallpapers de Steve Jobs. leer más…

Accede a las Power Options desde el Springboard – trucos cydia


Si eres un usuario de Iphone Ipod o Ipad y lo tienes desbloqueado (jailbrake) en IOS 5, ya debes estar acostumbrado a que cydia te pida reiniciarlo. Power Icons es un truco de cydia que pone las opciones de encendido, reiniciar, modo seguro, y respring, directo en tu Springboard.

Puedes encontrar esto en el BigBoss repository, o busca “PowerIcons”. Una ves instalado los iconos apareceran en el Springbpard, y los puedes usar y mover a tu gusto.

HTML5 Polyfills, un ejemplo de uso

Siguiendo con el tema de las compatibilidades HTML5 le toca el turno a los Polyfills, estos sirven para dar funcionalidades HTML5 a navegadores que no las soportan.

Para que accedas a estos Pollyfills debes entrar al siguiente enlace:

https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-Browser-Polyfills

En esta pagina encontrarás una colección de librerías y scripts para dotar de cierta compatibilidad html5. Un ejemplo sería el del estilo border-radius el cual no es soportado por las versiones 6 al 9 de Internet Explorer. Un ejemplo sencillo consiste en crear una caja con bordes redondeados para la cual nuestra regla css es la siguiente: leer más…

Creando Graficas con Google Chart

A muchos de nosotros nos has pasado que en algun proyecto nos piden que mostremos alguna grafica para hacer mas atractivo los datos a mostrar.

hay graficas de :

  • Pastel
  • Poligonal
  • Pie 3d
  • Barras Verticales
  • Google Chart

Entre muchas otras opciones de la misma api, que nos permite personalizar los colores de cada rango,  agregar texto,etc. leer más…

Tu casa controlada por Android

Tu casa con androidTe imaginas poder llegar a tu casa y desde tu telefono movil encender las luces del garage, abrir la puerta y despues permitirnos ver si se regaron las plantas o encender el aire acondicionado de tu recamara, esto no es cosa del futuro con las nuevas tendencias en moviles  el equipo de Google leer más…