¿Cómo puedo hacer una web así?
8 seguidores
Hola a todos.
Viendo páginas webs me ha atraido mucho esta por su impacto fotográfico y por su detalle casi minimalista.
http://www.elchiringuitoibiza.com
Tengo un proyecto y quiero hacer algo parecido, no en diseño, sino en código, que haya un carrusel de fotos en el fondo y poco texto.
¿Alguien sabe que codigo Javascript tengo que conseguir para este carrusel a pantalla completa?
Muchas gracias.
efrenpastor
Mira a ver que te parece esto ;) http://vegas.jaysalvat.com/
EME
Mira este ejemplo Animated menu o navega por esa web que seguro encuentras lo que buscas ;-)
Juanmanuelalcon.com
Google es tu amigo, prueba con esto:
http://www.buildinternet.com/project/supersized/
Para el menu y resto de elementos no necesitas javascript realmente, con estilos y transiciones css te lo haces en un plis.
un saludo.
Lukánicos
Hola:
Además de todos los consejos, se podría aplicar el consejo que leí en una página "If you’re looking at our HTML source, you’re exactly the person who should send us your resume."
Si, por ejemplo, en Chrome, pulsas F12 (en Firefox, botón derecho, y escoger Inspeccionar elemento), vas a la pestaña "Sources" verás todos los archivos JavaScript que utilza.
Si abres el de la carpeta themes/elchiringuito/js/script.js tienes todo el código comentado de cómo rescalar el fondo en Background resizing, la animación en Background animation, o la animación de los menús en Nav main animation.
Además verás que utiliza Lettering.JS para renderizar las tipografías.
No digo hacer copy&paste del código, ¿eh?, pero ojear cómo se ha hecho... aclara bastante :)
Un saludo.
DGordillo
Lukánicos
ésa es la mejor forma de empezar a aprender HTML, CSS, etc... intentar reproducir las cosas que nos gustan
Aparte de eso, el efecto parece muy sencillo, apenas hay transiciones... se podría utilizar JQuery para añadir un FadeOut, pero aparte de eso se podría resolver con CSS y una función Javascript simple.
mads_creativo
Muchas gracias a todos.
Es una página sencilla pero con mucho potencial gráfico ya que las fotos están cuidadas al máximo.
No creo que tenga problema al maquetar una página así con HTML/CSS ya que lo domino en cierta medida... mi problema es encontrar un loops de fotografías JS que al pasar de una foto a otra lo haga de manera elegante.
Con los post que me habéis dado no tendré problema por encontrar el código que busco, todo lo demás será trabajo de fotografía potente y estética minimal como el cliente gusta.
Muchas gracias.
susopb
Haznos saber tu sitio cuando lo hayas finalizado, por curiosidad y si quieres, para ver como te ha quedado :)
daroi
Hola,
Si queres realizar un slider como el que se encuentra en ese sitio web te recomiendo 3 opciones:
1 - Muy bien como dijo @Lukánicos que podes inspeccionar el código que están utilizando.
2 - buscar en Google "Slider background" o "Slider background HTML/JS/JQuery" y seguro que te van aparecer diferentes opciones, las cuales vas a tener que leer el código y ver cual es el que genera el efecto que deseas, como así también si el código que posee lo vas a poder modificar o no.
3 - Yo te recomiendo estas 2 opciones de código que son muy buenas: una es Flexslider, es un slider sencilla pero que se puede personalizar bastante, y si no te gusta en este sitio siempre la autora publica elementos bastante actualizados : http://tympanus.net/codrops/
Espero que te sirva, y cuando tengas el sitio hecho avisanos así vemos que tal quedo