Mostrando entradas con la etiqueta html5. Mostrar todas las entradas
Mostrando entradas con la etiqueta html5. Mostrar todas las entradas

28 de agosto de 2017

Como implementar el efecto Parallax

Un frecuente recurso gráfico usado en el diseño de páginas web modernas, es el dar la ilusión de una especie de profundida en 3D entre imágenes. Este efecto se conoce como parallax, y veremos cómo incorporarlo usando CSS y Javascript en una página web.

El efecto parallax consiste en superponer una imagen sobre otra, de modo de dar la ilusión que una imagen se encuentra a más profundidad que la otra, en el instante en que el visitante hace un scroll en la página web.

Aplicar desenfoque a las imagenes con CSS y Javascript

Mediante el CSS, en navegadores web modernos, podemos usar una serie de efectos creativos sobre una página web, en este caso veremos como aplicar el efecto Blur o Desenfoque sobre una imagen determinada de manera dinámica usando Javascript.
El desenfoque o efecto blur sólo esta disponible en navegadores modernos con soporte de HTML5.

12 de junio de 2014

Emmet no expande HTML5

Emmet es un popular plugin, podría decirse que es un plugin esencial para escribir código HTML de una manera moderna y eficiente. Así, el no disponer de Emmet al comenzar a escribir un archivo html5, es decir, escibir html:5 o ! y ver que al presionar 'tab' el código no se expande, esto provoca un gran dolor de cabeza.

Emmet es un plugin disponible para Sublime Text, es una versión mejorada del antiguo Zen Coding.

Ahora veremos cómo resolver este problema, o al menos el procedimiento que me dió resultado para que Emmet volviera a funcionar correctamente.

3 de agosto de 2013

Cómo usar Twitter Bootstrap

Bootstrap es un popular framework de desarrollo frontend, también podemos clasificarlo como un framework CSS con algunos valiosos elementos adicionales, que definen patrones de código HTML (snippet) que van más allá del CSS. Podemos usar estos Snippet HMTL para incluir controles en la interfaz web, por ejemplo: Barras de navegación, Botones, Elementos de Navegación, entre otros.

El código fuente de Bootstrap está programado en LESS y Javascript, LESS es un lenguaje de preproceso de CSS, facilitando muchísimo la creación de hojas de estilo.

Pero... ¿Cual es la forma de usar Twitter Boostrap?, eso lo veremos en este artículo.

26 de marzo de 2013

Html a HTML5

¿HTML o HTML5 para desarrollar tu página web?... Es una pregunta natural, que surge en un proyecto web o incluso pensando en migrar antiguos sitios web a esta tecnología, sin aún conocer cuales son las ventajas reales de usar HTML5.

HTML5 y las Aplicaciones Móviles

Los recursos en HTML5 permite hacer la transición entre web móvil a una aplicación móvil, de un modo eficiente.
Un beneficio mayor de HTML5, es poder modelar el 'look and feel' de la interfaz de una aplicación móvil usando CSS y Javascript. Así surgieron Frameworks que facilitan esta labor, por ejemplo:

21 de diciembre de 2012

Utiles recursos para twitter Bootstrap

Hoy en día han aparecido muchos recursos para facilitar el diseño de las páginas web en HTML5 y CSS3.
Especialmente, el uso de las Media-Queries que permiten configurar el diseño CSS y hacerlo intercambiable para distintas resoluciones de pantalla, especialmente útil para el diseño en dispositivos móviles tales como los teléfonos Android y iPhone.

Un recurso especialmente útil es el framework de twitter llamado Bootstrap.