El mejor editor para web del mundo – Adobe Edge o Sublime Text

Como ustedes saben, soy un apasionado del desarrollo web, en el tiempo que llevo haciendolo he pasado entre varios editores, empece con Dreamweaver, lo cual fue de mucha ayuda por que no programaba mucho, sin embargo siempre estaba la opción de poder hacerlo. De hecho eso me ayudo bastante para aprender a desarrollar.

Después use Aptana, un excelente IDE, escogí este por que ademas de darme la facilidad de subir el código como lo hacia Dreamweaver, es multiplataforma, lo cual significa que puedo usarlo en Mac, Windows y Linux, pero sigue siendo un IDE y es muy pesado para tareas sencillas, o para maquetear. leer más…

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…

Tu vida mas feliz con css

Agregar sombra al texto: .text-shadow
Puede ser interesante para que un texto destaque sobre el resto.

leer más…

Como convertir videos para usarlos en HTML5

Una de las características que mas entusiasmo a los desarrolladores web acerca de HTML 5 es la capacidad de reproducir videos din usar Flash, y claro que era para emocionarse, imaginen lo que ello representaba, lejos de la habilidad de que estos sean reproducidos en dispositivos móviles, al fin podíamos olvidarnos de empotrar la película de Flash.

Demasiado bello para ser verdad leer más…

Rotando texto – Tranform

Esta semana terminando la página de Bomhsa, y me tope con unos pequeños detalles al trabajar con el menú de categorías. Hacer la lista no fue el problema, sino que debía rotar un div -90deg, para que quedara en forma vertical. Así que use la propiedad tranform.

1
2
3
4
-webkit-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);

 

 

 

Pero el resultado fue que este…

leer más…

Crea una Revista Digital Con HTML5

Navegando en internet encontré esta liga

Donde gracias a Emmanuel Garcia  podemos generar nuestra pagina web como si de una revista se tratara, el código es tan sencillo

http://www.turnjs.com/

Si no comprendes el código te sugiero que le eches un vistazo a nuestras guias para Jquery  Aqui

 

De a litro: que no te roben tu gasolina!

Esta aplicacion para Android te permite

presentamos esta app yucateca que sirve para revisar si la estación de gasolina donde vas a comprar, realmente  te entrega los litros completos.

“De a Litro” es una aplicación que utiliza información de la aplicación web “Semáforos” de la PROFECO. Puedes ver las gasolineras que se encuentran cerca de ti o en cualquier otra ubicación en México, modificar el radio de búsqueda e incluso hacer una búsqueda avanzada por número de gasolinera o por la razón social de la misma.

 

Con lo que respecta estuve viendo los comentarios y si tiene algunos detalles pero es cuestion de irla puliendo, lleva un muy buen camino, conoces alguna otra app interesante, comentanosla Aqui.

Cambiando el diseño de los links en CSS – Pseudo-clases CSS

ligas en CSS Una de las ventajas de CSS es que nos permite aplicar diferentes estilos a un mismo elemento en función a su estado. Así que por ejemplo cuando pasamos el ratón por encima del enlace, este cambia su aspecto. CSS define cuatro estados para un enlace:   a:link (enlace que aun no hemos visitado). a:visited (enlace que ya visitamos). a:hover (aplica un estilo al enlace cuando colocamos el puntero del       ratón por encima). a:active (aplica un estilo cuando pinchamos sobre el enlace). 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…