Etiqueta: Integración Web

Facebook y la publicidad en vídeo se han convertido en una dupla perfecta iniciando a dar unos jugosos frutos. Los anuncios de vídeo en el gigante social representaron el 22% del total de la inversión publicitaria del pasado mes de junio. Cifra que supone el porcentaje más alto registrado de acuerdo a la firma de análisis de tecnología publicitaria, Nanigans. Dentro del periodo comprendido entre el primer y el segundo trimestre de 2015, la inversión publicitaria en vídeo ha pasado del 13% hasta el 16%. El vídeo en el sector…

Leer más

La mayor parte de los anunciantes se aproximan a la publicidad en las tradicionales revistas de papel con el convencimiento de que los anuncios emplazados en el margen superior de una página impar son los más eficaces. Sin embargo, un reciente estudio de neuromarketing firmado por Edith G. Smith, Sophie C. Boeman y Lex van Meurs y publicado por la revista Journal of Advertising Research echa abajo el mito de que los anuncios ubicados en la zona superior de la página son los que más llaman la atención del lector.…

Leer más

En CSS teníamos la capacidad de hacer cosas vistosas y novedosas y con CSS3 pero en el siguiente tutorial veremos cómo podemos mejorar estos conceptos, crear efectos gráficos es muy sencillo si utilizamos algunas de las nuevas propiedades. El ejercicio de hoy es muy sencillo y a la vez practico. Vamos a hacer el efecto de hojas superpuestas con CSS, la idea nos es duplicar el elemento HTML y con z-index hacer este efecto, no, la idea es hacer esto con CSS y los pseudo-elementos. Esto es lo que vamos…

Leer más

Algunos pueden que ya hayan logrado la Creación de un menú tipo acordeón solo con css3, Ok En este tutorial o tips, vamos a seguir aprovechando los recursos de CSS3. En esta oportunidad vamos a crear un Slider solo con CSS3, no utilizaremos JavaScript ni otro lenguaje para obtener el siguiente resultado, algo muy práctico y muy sencillo para hacer y colocar en práctica. Para una perfecta Visualización: Vamos a trabajar !! EL HTML 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18…

Leer más

En el siguiente tutorial crearemos un slider animado con jquery y lo vamos a hacer responsive, es decir que se adapte a cualquier disepositivo que el visitante este utilizando, para esto vamos a trabajar con un plugins que nos facilitara el trabajo, se trata de FlexSlider(http://www.woothemes.com/flexslider/) un plugins de Jquery de código abierto que nos facilitara este trabajo y lo optimiza para los dipositivos moviles. Esto es lo que vamos a conseguir: Ver Demo Hacerlo no sera complicado,, Vamos a comenzar !! El HTML Primero vamos con el contenido del head…

Leer más

En el siguiente tutorial vamos a crear otro menú tipo slider con efectos de transición de css3 (Otros Ejercicios de menú con propiedades de CSS3: menú 1 – menú 2), un ejercicio donde crearemos un hermoso menú que a la vez es muy práctico, muy sencillo y fácil para usar en algunos de nuestros proyectos. Esto es lo que vamos a conseguir, el resultado de nuestro ejercicio de hoy: Para una perfecta Visualización utiliza estos navegadores en sus respectivas versiones: Vamos a comenzar!!. EL HTML 1 2 3 4 5 6 7 8…

Leer más

En este tutorial veremos como podemos hacer una barra de progreso con CSS animada con un poco de Javascript, nos puede ser útil para indicar el estado de una tarea, el tiempo de carga de algo u tiempo que se espera para mostrar algo. No nos tomara mucho trabajo, ya que será un ejercicio muy fácil y practico. Esto es lo que lograremos: Para un buen funcionamiento y visualización utiliza los siguientes navegadores y versiones: Vamos a comenzar!!. El Codigo HTML 1 2 3 4 5 6 7 8 9…

Leer más

En el siguiente tutorial, vamos a ver como hacer un campo de búsqueda para nuestro sitio tomando como referencia el que utiliza Apple en su website. Ellos hacen esto posible gracias a imágenes sprite que cambian de estado, nosotros vamos a utilizar solo CSS y algunas características avanzadas de CSS3, Vamos a lograr esto sin necesidad de utilizar una sola imagen. Asi, que vamos a comenzar. EL HTML 1 2 3 4 5 <div class=»buscador»>    <form method=»get» action=»» id=»buscar»>       <input name=»q» type=»text» size=»50″  />    </form> </div> En el HTML…

Leer más

En este tutorial veremos como hacer unas elegantes cajas informativas tipo menú con HTML y animadas con CSS3, seguimos dando tips para que cada día avancemos y profundicemos mas en el mundo del diseño y desarrollo web, esta vez con algunas técnicas CSS3 para conseguir resultados agradables a la vista. Esto es lo que vamos a lograr: Demo Sin mas, comencemos. EL HTML 1 2 3 4 5 6 7 8 9 <div class=»homeBox»>    <div class=»caja1″>        <div class = «imagen»><img src = «images/1.png»></div>       <h2>PROYECTO-1</h2>       <div class = «descripcion»>Lorem…

Leer más