Crear Slider conHTML5 y CSS3 sin Javascript o JQuery.

Creamos un simple Slider con HTML5 y CSS3 sin uso de Javascript o jQuery.


Seguimos con la serie de video tutoriales de maquetacion con HTML5 y CSS3.
Hoy realizaremos un simple Slider usando apenas HTML5 y CSS3.
Les comento que las imagenes utilizadas son de Punta del Este, Uruguay, espectacular ciudad en la cual vivo y trabajo :).
Aqui damos inicio al uso de @keyframes para hacer la animacion.
Espero que les sea de utilidad para sus proximos proyectos.

Mas Video tutoriales: https://goo.gl/MLgW2a
Mas tutoriales: http://goo.gl/hdAT1v
Fuente: este post proviene de Pablo M. Francisco, donde puedes consultar el contenido original.
¿Vulnera este post tus derechos? Pincha aquí.
Creado:
¿Qué te ha parecido esta idea?

Esta idea proviene de:

Y estas son sus últimas ideas publicadas:

Todos los pagos y compras online, todos los "Me gusta", comentarios, mensajes, twits, chats, todas las gestiones que hacemos por internet dejan un rastro que contiene nuestros datos personal ...

This my first post in english. Please try to understand any mystakes :). Today 80% of consumers are concerned about mobile marketing. Thousands of mobile phone users world wide were surveied on their ...

Etiquetas: general

Recomendamos

Relacionado

general videos

Video tutorial de maquetación HTML5 y CSS3 parte 1. Comenzamos una nueva serie en el Blog, después de pedidos iniciamos con los video tutoriales. Aqui el primero: Maquetación en HTML5, CSS3 y Jquery. En esta nueva serie de videotutoriales crearemos un Website completo en HTML5, CSS3, JQuery, Javascript. En este video hablamos sobre las etiquetas semánticas de HTML5 y como darles estilos con CSS3. ...

general

Continuamos con los tutoriales en video. En este segundo video crearemos un Menu de navegacion adaptable a tablets y móviles. Hoy aprenderemos a crear un menu de navegacion con HTML5, CSS3; JQuery adaptable a los diferentes tamaños de pantalla (smartphones, tablets, desktops) utilizando mediqueries. Este tutorial es para darles una orientación en el uso de estas tecnologia, depende de ustedes crea ...

general curso html5 ...

Estás interesado en aprender a desarrollar webs móviles en HTML5 CSS3, Javascript, Jquery mobile y Frameworks? Hola, estoy preparando un curso por email y skype de desarrollo de webs moviles con HTML5.Que les parece la idea? Interesados, participarán por 5 cursos totalmente gratuitos. Curso por mail, resolución de dudas por skype (uno a uno) clases semanales. Sorteo día 30/04/2015. Início: 02/05/2 ...

general

Este es un pequeño y rápido tutorial de como hacer un menú para móviles con animacion con HTML5 CSS3 y JQuery. Conforme algunos pedidos de como estamos desarrollando nuestra web y el menú de navegación en móviles aqui les dejo una rápida explicación de como lo hice. 1. Primero el creamos el menú en HTML:

blog top seo noti google

Hace unas pocas horas el canal oficial de Google en Youtube publicó un video. En este explican la importancia de utilizar prudentemente JavaScript. La idea es no afectar el rendimiento de una web a la hora de cargar el contenido para los usuarios. ¡Vamos a ver de qué se trata! ¿De qué se trata este mito? Construir sitios en JavaScript es una de las formas preferidas de los desarrolladores porque e ...

general

En este tutorial iniciaremos un nuevo juego utilizando el Framework "Phaser", usando HTML y CSS3. Phaser es un framewprk/engine muy completo y facil de usar. Hola amigos, como ven en el video, el juego es muy simple de jugar, apenas tenes que comer las frutas para mantenerte en vuelo y cuidar para que las estrellas negras no te toquen o mueres. Si tienen un smartphone Android puden desc ...

general desarrollo web html5 ...

En esta nueva serie de tutoriales y videos, veremos los aspectos generales para la creacion de un game con HTML5, JavaScript y jQuery. Bienvenidos a otro tutorial de HTML5!Hoy iniciaremos la creación de un simple videojuego (bastante simple :)), utilizando apenas HTML5 y Javascript. hablaremos de algunos aspectos basicos de programacion con JavaScript, dando por hecho que ya tenés un poco de noció ...

amino Android app ...

En las últimas semanas he estado investigado como podemos realizar video juegos con Construct 2, una herramienta basada en Javascript/Html5 creada por la compañía Scirra y que por cierto esta increíble. La simplicidad para crear eventos dentro del juego y la forma en que Scirra incluyó elementos de géneros populares, hacen de Construct 2 una herramienta ideal para cualquier desarrollador de juego ...

Programacion css programacion ...

¿Creamos una página web con HTML y CSS y que sea chula?, que mole, que entres y digas… Dios es la página de las páginas. Cómo programar una web en html5 y css Pues ya vimos cómo podemos crear nuestra web con HTML5 y CSS, pero si es cierto que aunque bonita le falta ese punto de dinamismo, ese movimiento en la página que le haga estar viva. Crear un dinamismo con CSS Pues sí querido lector (c ...

informática android

Tal vez en algún momento dado has tenido la intención de crear una aplicación móvil en la plataforma Android o iOs de Apple, ya sea para tu negocio, blog, servicio o "proyecto" que debías presentar en la universidad... pero el hecho de invertir demasiado tiempo y/o dinero puede que te haya desanimado y frustrado. Quiero aclarar que en este blog no pretendemos desanimarte si es que quiere ...