Etiqueta: Integración Web

Animación de gradientes CSS3 La especificación CSS3 Transitions mantiene una lista de propiedades que son animatable . Esta lista, por lo que yo sé, cubre propiedades animatable para ambas transiciones y animaciones de fotogramas clave . Pero eso es una lista de propiedades . Y así, ya que los gradientes CSS3 no son realmente propiedades, pero en realidad son imágenes creadas por el navegador, que no están en esa lista de propiedades animatable. Pero eso no quiere decir que no se puede animar gradientes. Gradientes, al igual que las imágenes…

Leer más

Barras de progreso con estilo CSS3 Usted ha visto las barras de progreso en todas partes, que son aquellas Barras de progreso con estilo CSS3 que muestran el estado actual de la finalización de un proceso, como una descarga o transferencia de archivos. Ya sea que esté construyendo un escritorio o una aplicación web, en cierto punto, puede que tenga que utilizar este elemento de la interfaz de usuario. Dicho esto, en este artículo usted aprenderá cómo crear elegantes y animadas barras de progreso utilizando CSS3.   El HTML El…

Leer más

Menú desenfoque con CSS3 Transitions Hay tantas cosas que podemos hacer con las propiedades y posibilidades adicionales que trae consigo CSS3. Hoy quiero mostrar cómo experimentar con las sombras del texto y transiciones con el fin de lograr un efecto de desenfoque que vamos a aplicar a un menú en el que asoma sobre los elementos. La idea principal es difuminar los otros artículos al tiempo que mejora la que se ciernen actualmente.   Hay tantas cosas que podemos hacer con las propiedades y posibilidades adicionales que trae consigo CSS3.…

Leer más

Cómo hacer efectos con 3D CSS   Introducción En este tutorial se va a tratar de guiarlo a través de los pasos para crear un efecto 3D, nubes basada en la cartelera. Hay unos pocos temas avanzados, sobre todo cómo las transformaciones 3D a través de las propiedades CSS trabajan.   1. Creación de un mundo y una cámara En primer lugar, necesitamos dos div elementos: ventana gráfica y el mundo . Todo el resto de los elementos se crea de forma dinámica. Viewport cubre toda la pantalla y actúa como…

Leer más

Agregar los tamaños de imagen adicionales en WordPress En este artículo le mostrará cómo agregar los tamaños de imagen adicionales en WordPress. WordPress tiene una característica incorporada Pon Miniaturas Imágenes en destacados En este artículo le mostrará cómo agregar los tamaños de imagen adicionales en WordPress. También hay un add_image_size función incorporada () que le permite especificar los tamaños de imagen y le dará la opción de recortar. El uso de estas funciones básicas en su tema puede eliminar esencialmente la necesidad de un tercer partido como la escritura TimThumb en la…

Leer más

Problema Float en CSS3 Muy a menudo en el diseño de una página web, queremos que algunos elementos de la izquierda y algunos elementos de la derecha y surge un Problema Float en CSS3. Por lo general, nos gustaría utilizar la propiedad CSS flotador para crear este efecto.”float:left;” obliga al elemento HTML a la parte izquierda de su contenedor, y “float: right” fuerzas del elemento HTML en el lado derecho del contenedor. Es posible que ya haya utilizado estas propiedades, pero que nunca han tenido problemas CSS float con el…

Leer más

Primeros pasos con la API de HTML5 HTML5 nos proporciona una cosecha entera de nuevas posibilidades, como el dibujo con la lona , la aplicación multimedia con los de audio y vídeo API, y así sucesivamente veremos como encaminar nuestros Primeros pasos con la API de HTML5. Una de estas herramientas, que sigue siendo relativamente nuevo, es la API del sistema de archivos . Nos da acceso a una sección de un recinto de seguridad del sistema de archivos local del usuario, llenando así la brecha entre las aplicaciones de escritorio y web…

Leer más

Ejemplo de página de producto con HTML5 y CSS3 En este post, vamos a trabajar en un proyecto de ficción, creando una sola página de producto para ofrecer el iPhone 4S, y en este proyecto en el que también se van a poner en práctica los métodos que hemos discutido en los artículos anteriores; el <detalles> elemento y el selector de negación . Empecemos. El marcado HTML5 En primer lugar, tenemos que crear un html documento con la siguiente línea de código: 1 2 3 4 5 6 7 8…

Leer más

Álbum de fotos Galería en WordPress sin un plugin   En este artículo, vamos a mostrar cómo crear un Álbum de fotos Galería en WordPress sin un plugin Nota: Este es un tutorial relativamente avanzada que aporta una gran cantidad de conceptos de WordPress juntos. Debe tener un buen conocimiento de WordPress y HTML / CSS para seguir este. Lo que estamos tratando de hacer: Antes de empezar, vamos a echar un vistazo a lo que el resultado final se supone que debe verse como: Cuando el usuario haga clic…

Leer más