Excelentes ejemplos de diseños web con efecto parallax, este efecto es muy atractivo ya que reemplaza el usual efecto de navegación vertical con el scroll basico, por un efecto mas atractivo con el que los diseñadores juegan ya sea vertical o horizontal, el diseño sigue una secuencia visual muy atractiva y agradable.

Consiste en utilizar multiples capas, con imagenes en posiciones absolutas, una combinación de CSS y JavaScript con excelentes resultados, algunas características de este efecto son:

• CSS: Contenedores con posiciones relativas
• CSS: Usar posiciones absolutas
• CSS: Usar objetos flotantes z-index
• Imagenes con fondos transparentes PNG
• Imagenes, uso de sprites
• JavaScript para reconocer posición del scroll

Activate Drinks

New Zeland

Mario Kart Wii

Smart USA

Moods of Norway

Fuente: Web Designer Wall

Excelente articulo de web designer wall donde muestran ejemplos y técnicas de como hacer mejor uso de la fuentes en las paginas web, desde alternativas para utilizar fuentes alternativas hasta tips con técnicas para ofrecer texto legibles en paginas web, excelente no te puedes perder.

Enlace: Fonts and web

En la red están los blogs, los sitios de empresas (chicas y grandes) y las redes sociales, estos últimos abarcan la lista de los grandes web 2.0, algunos de ellos se han rediseñado el mas reciente rediseño es de Twitter que estreno su diseño que personalmente me ha gustado.

Otro que no tiene mucho fue Facebook pero este no ha gustado a todos, muchos se sentían mas cómodos con ver todo en una sola pagina, pero ahora facebook a dividido todo en pestañas porque?

Primero que nada por cada vez que una pagina es cargada los equipos donde reside el sitio se ponen a trabajar, consideren que en Facebook entran millones de personas al día y miles al mismo tiempo, y si hacemos un poquito de matemáticas y por ejemplo cada pagina de facebook pesaba 1 mb y cada hora entraban 300, 000 usuarios.

Quiere decir que a diario facebook consumia (1 x 300 mil x 24) 7,200,000 mb (7 terabytes) y estoy seguro eran aun mas, es demasiado con el cambio que considero aliviano muy bien su servidor tambien ordeno todo en fin a mi me gusto.

Pero bueno ahora no toca platicar de Facebook si no de los 10 mas recientes rediseños del 2008, y todos ellos de monstruos, en CNET (que también se rediseño) han listado a estos 10 monstruos que vale la pena conocer el porque de su rediseño, solo tienen que seguir el enlace.

Enlace: 10 hot web redesigns of 2008

Buscando recursos para tu pagina? te gustaría todo muy Web 2.0, bueno esto te va a ayudar son una serie de Generados Web 2.0, para Generar botones web 2.0, generadores de patrones, generador de colores, generador de logos, etc..

Pero muy web 2.0, si quieres conocerlos sigue el enlace.

Enlace: Web 2.0 Design Generators For Developers

Corkdump, es otro de los tantos sitios existentes en la red con cientos de recursos para diseñadores y desarrolladores web.

El iniciar un sitio de recursos web entre tantos existentes no es fácil se tiene que pensar en ofrecer un plus a sus visitantes, en el caso de su plus es:

Corkdump ofrece la posibilidad de personalizar la pagina de tal modo que decides que tipo de recursos quieres ver en la portada del sitio, esto sin la necesidad de registrarte.

Los cambios se guardan utilizando cookies, eso quiere decir que los cambios se guardan mediante el navegador lo cual evita la necesidad de suscribirse al sitio.

Enlace: Corkdump

Si buscas mas sitios con recursos gratis esto te puede interesar:

• Recursos gratis para diseño web
• Mas de 100 enlaces con recursos gratis
• Skout, enlaces con recursos web
• Recursos SEO
• Recursos gratis para diseñadores y desarrolladores web

Excelente tutorial de photoshop para crear plantillas web 2.0, muy bien ilustrado guiándonos paso a paso por todo el proceso, des de encabezado, pasando por los menus y la estructura de la información.

También puedes descargar los archivos PSD que componen este tutorial.

Ver tutorial: Web 2.0 Photoshop Tutorial

Si te haz preguntado de donde sacan los blogs como bitelia o genbeta información sobre nuevos proyectos web 2.0, mira que aquí hay unos enlaces que pueden ser la respuesta son algunos directorios de aplicaciones web 2.0.

1.- Go2Web2.0

2.- AppsMania

3.- Ziipa (Via Webadictos.com.mx)

4.- Listio

5.- Neo Binaries

6.- FeedMyApp

7.- Top 1,000 aplicaciones Web 2.0 (partes [1], [2], [3])

8.- Webware 2008

En vandelay design me encontré esta joya de post que contiene un total de 99 enlaces con recursos para diseño web 2.0, la lista esta dividida por categorías:

• Badges Web 2.0
• Botones
• Esquinas redondeadas
• Logos
• Iconos
• Gradientes
• Burbujas de texto (tooltips)
• Fondos (backgrounds)
• Colores
• Navegación
• Favicons
• Charts
• Otros

Enlace: 99 Resources for Web 2.0 design

La web 2.0 a traído consigo un sin numero de herramientas basadas en web que anteriormente no eran posibles mas que en softwares de escritorio, en design vitality han hecho una recopilación de 40 herramientas basadas en web para diseñar cualquier cosa.

Entre los tipos de herramientas podemos encontrar:

• Editores de imágenes
• Generadores de código
• Herramientas de Oficina (Editores de Texto, Hojas de Calculo, etc…)
• Herramientas FTP
• Almacenamiento de Archivos

Enlace Deisgn Vitality, 40 web based tools

AjaxDaddy es un excelente sitio como ay mucho donde se han puesto las pilas para recopilar mas de 1000 efectos en ajax y ponerlos a funcionar en un mismo sitio para que los puedas probar y si te gustan pues los descargues.

Es muy sencillo, te dividen los efectos por categorias, buscas el que te interesa, y le haces click, en el mismo sitio te muestran un ejemplo aplicado del efecto y si te gusta hacen click en el boton para descargarlo, sencillo y util.

Muy buen sitio entre los ejemplos que puedes encontrar estan: Calendarios Ajax, Sliders, Menus, Ratings, Tooltips, Lightbox, Windows, etc…

Enlace: AjaxDaddy

Via: elWebmaster, efectos en Ajax (por cierto excelente sitio)