Pag 1 de 212»

11 Espectaculares webs con parallax scrolling

Diseño Web, Html 3 Comentarios »

Construir una página web en html5 con la tecnología parallax scrolling está de moda. Mostrar la información de un sitio en usa sola página, que cambia según se utiliza la barra de desplazamiento, para programar el scroll vertical/horizontal y modificar el contenido, produce un efecto muy llamativo, para atraer la atención del visitante.

parallax scrolling

La técnica de parallax scrolling ofrece un pseudo-3D donde el fondo y el primer plano (o más capas) que se mueven a distintas velocidades para crear la ilusión de movimiento en profundidad.

Para crear el efecto se utilizan las hojas de estilo en cascada CSS y código javascript. Existe un magnífico framework de jQuery llamado jParallax, con el que aparte de ganar en sencillez en la programación, podemos hacer que el efecto controle todo tipo de eventos: movimiento del ratón, clics, scroll vertical, redimensionado de la ventana, etc.

Pero hay que tener cuidado de programar bien el efecto parallax scrolling, para que le información no pierda protagonismo. Estos son 11 sitios que realizan esta tarea con mucho éxito, permitiendo complementar la información con diseño y animación:

Angry Birds Space.
Angry bird space

Cultural solutions uk.
culturalsolutions

Head to Heart.
head2heart

Hyundai Veloster.
hyundaiveloster

Journey for a better world.
journey

Nike better world.
nikebetterworld

Iutopi.
iutopi

New Zealand 100% Pure.
newzeland

Online Portfolio von Jan Ploch.
janploch.jpg

Redirect Digital Marketing.
redirect

Volkswagen Beetle.
volkswagenbeetle

Más ejemplos en: webdesignledger, visualswirl, slodive, wabbaly

votar

Crea tu USB portable Linux con LiLi

Introducción, Personalización, Utilidades 4 Comentarios »

Linux Live USB Creator, coloquialmente conocido como LILI, es una herramienta gratuita y de código abierto (opensource) que permite crear máquinas virtuales Linux para entornos Windows. Lili permite ejecutar desde una unidad USB cualquier distribución Linux que desees probar o llevar encima, como un Live-CD, pero sin necesidad de reiniciar el sistema operativo huésped.

Lili

Si tienes una unidad USB o pendrive, con espacio suficiente, solo tienes que descargar LILI para realizar los pasos de creación:

  1. Seleccionar unidad
  2. Seleccionar o descargar Iso de la distribución Linux o Windows.
  3. Configurar las opciones

Si todo está correcto, los semáforos están en verde, LiLi instalará la máquina virtual portable VirtualBox de oracle y configurará en ella la imagen ISO de la distribución LINUX o Windows seleccionada.

Leer el resto de la entrada »

votar

Nerdi, directorio de recursos para crear webs

Diseño Web, Html, Internet 3 Comentarios »

Listados de recursos, como el que propone Nerdi, son muy interesantes para tener a mano las mejores herramientas, bibliotecas, fuentes, frameworks o ejemplos que circulan por la red, para el desarrollador web.

Nerdi

Nerdi ofrece páginas recomendadas catalogadas en generadores de CSS, Utilidades, Referencias, Grids y frameworks, Lorem ipsum, utilidades para colorear, utilidades para las fuentes de letra, fondos, imágenes e iconos, Javascript y JQuery. La web ofrece la clasificación con filtros interactivos muy visuales, creados con JQuery y que se pueden ordenar alfabéticamente, los más populares o los nuevos. Una web de referencia que te descubrirá muchas nuevas herramientas para el diseño web.

Visto gracias a: Softandapps.

votar

Construyendo Palabras para Gérman

Internet, Mis Trabajos, Noticias, Salamanca 4 Comentarios »

Desde hace algunos años trabajo en la Fundación Germán Sánchez Ruipérez de Salamanca, en el área de informática. He ayudado para verla crecer y colaborado para hacerla innovar en este sector. Recién cumplido el més del fallecimiento de su fundador, he sido afortunado al poder diseñar y programar la web de agradecimientos y condolencias.

palabras para Germán

Un espacio virtual donde recoger y mostrar de forma original, las múltiples muestras de cariño que se estaban recibiendo por Twitter (con el hashtag #germansanchezruiperez) o correo electrónico, con motivo del reciente fallecimiento de Germán Sánchez Ruipérez el 12 de febrero de 2012. Un moderno libro de condolencias que recoge en un mapa interactivo, los mensajes de todos aquellos que conocen la Fundación, que Germán puso en marcha, para promover la lectura y la cultura.

Y que sirve de plataforma para facilitar dejar tu mensaje o condolencia. Ayúdame a promocionar la Fundación GSR, para dar a conocer la obra de este visionario de la cultura, que nació en Peñaranda de Bracamonte, un pequeño pueblo de Salamanca y que revolucionó el mundo de la lectura desde su fundación y de la edición desde su editorial: Anaya.

votar

Como funciona Internet, conexión y servicios

Internet, Introducción, Redes 9 Comentarios »

Conocer y comprender el funcionamiento de Internet es fundamental para configurar y usar los servicios que ofrece. La presentación introduce los conceptos básicos, definiciones y uso de los principales servicios de la red Cliente/Servidor más conocida y utilizada, partiendo de las definiciones y los principales sistemas de conexión.

La presentación se distribuye desde mi perfil de slideshare, con licencia creative commons Attribution-NonCommercial-ShareAlike.

Blog Widget by LinkWithin
votar

Pag 1 de 212»


Entradas RSS Comentarios RSS Acceder Subir
twitter facebook Rss mail rssSígueme en Google Currents