BarackSlideshow - Pases de imágenes con Mootools

BarackSlideshow es un script con que crea una interfaz simple para pases de imágenes mediante javascript. Está inspirado en el de la web de la conocida web de Barack Obama prueba la demo de funcionamiento. Solo son 30 lineas de código.

Decora tus imágenes y galerías de fotos con CSS

CSS Decorative Gallery. Tutorial de CSS  con el cual podrás decorar tus imágenes sin editarlas en Photoshop, Todo lo que necesitas es una etiqueta  <span> extra y aplicársela a la imagen de fondo para crear el efecto.

Este truco funciona con cualquier imagen de cualquier tamaño.

Via: visual-blast.com

Entrevista Miguel Puig

Reciente entrevista la que me realizaron para la escuela Marcelo Macías. La podeis ver en el siguiente enlace:

entrevista miguel puig

Mensajes dinámicos javascript en tus formularios

JavaScript Form Validation es un script muy ligero que crea un pequeño tooltip a la hora de validar los campos del formulario. Es tan facil como llamar a la función inlineMsg() cuando quieras mostrar el mensaje.

Está testeado en IE6/IE7/IE8, Firefox, Opera y Safari.

via: visual-blast media

30 diseños basados en flash bonitos e innovadores

American Airlines

Prospect Denim

Zikadias

Red Bull Flugtag Flight Lab

The Lure Lounge

Audi R8

Deadline Advertising

MaxHaus Virtual

Teh Cafcat

Canon EOS 400D

IKEA - Back to college

TurboChef

AIGA

Suitsupply UK

Starbucks Coffee At Home

Got Character?

IFAW

PiotrowskiMichal.com

Lake Nona

Carbon Studio

Climax Media

Erguvan Platin Evleri

Greenlight Marketing

Imagined Creative

Nokia: Nonstop Living

Hema

Converse

MINIUSA.COM

Bearfootfilms.com

Volkswagen 60 jaar

Recopilación extraida de vandelaydesign.com

Iconos gratis para desarrollos web

Otra gran colección de iconos para tus proyectos web creados por el equipo icojoy.

Estos iconos están disponibles para su uso en cualquier tipo de proyecto y las veces que quieras, sin ninguna restricción, por lo que resulta una opción más que interesante.

Descargar packs

50 Tutoriales de efectos de texto con Photoshop

Via: Vandelay WD me entero de una recopilación de 50 efectos para aplicar a textos en Photoshop, algunos más complejos que otros, pero siempre vendrá bien tenerlo a mano.

Visitar enlace

cervezasanamaro.es

Acabo de terminar la nueva web para la fábrica de cervezas artesana de Galicia San Amaro S.L. Un diseño muy a la Edad Media.A ver que os parece.

http://www.cervezasanamaro.miguelpuig.com/

25 libros de diseño web que deberías leer (con descarga directa)

Una lista de libros en Inglés recomendados por Blog design blog.
Se presentan libros de Tipografía, CSS/XHTML, Diseño, Color Usabilidad, Logos, Javascript, etc.

visitar enlace [inglés]

He recopilado para descarga directa desde rapidshare unos cuantos que a mi parecer son indispensables. Pongo su descripción (traducida del inglés) sacada desde blogdesignblog.

CSS Mastery: Advanced Web Standards Solutions por Andy Budd, [...]

Templates de calidad para Wordpress

Via smashingmagazine nos llega esta recopilación de 20 templates para Wordpress, los cuales puedes descargar libremente y aplicar a tus proyectos personales o profesionales. Sin duda una buena colección para aquellos que estén dando un vuelco de diseño en su blog.

Visitar enlace

Colección de sitios web con estilo retro

 

Os dejo una colección de sitios web con estilo “vintage” para que tomeis ideas.

link: http://www.webdesignerwall.com/trends/vintage-web-design/

Tabla de equivalencia para el diseñador web

Via Artegami nos llega esta tabla de equivalencias para las diferentes medidas a la hora de diseñar una Web, recomendable es utilizar por ejemplo las medidas em para el texto, lo hará más compatible por asíd decirlo. No me paro demasiado a explicarlo que llego tarde a clase :)

Diseño Web 2.0, guía completa de diseño

 

Desde NiceFuckingGraphics nos llega este enlace (en inglés) de Web Design from Scratch de como diseñar al estilo Web 2.0 basándose en la tipografía, logotipos, maquetación, navegación, gradientes, etc.

enlace: web-2.0-design-style-guide 

Los 50 sitios más populares del año sobre Diseño.

Sobre todo enfocado al Diseño Web, crestock.com ha recopilado una serie de tutoriales, recursos y artículos de otras webs que nos ayudarán en más que un apuro. Están categorizados como:

- Principios y básicos.
- Color.
- Iconos y Gráficos.
- Fotografías.
- CSS.
- Fuentes y Gráficos.
- Capas.
- Otros

link: The 50 Most Popular Web Design Blog Posts, Resources & [...]

465 Enlaces para diseñadores web

Colección de 465 enlaces a diferentes recursos para diseñadores web, ya conocía algunos pero muchos otros los he descubierto y me darán muchas horas de diversion :) Tienen temáticas varias: CSS/PHP/COLOR/AJAX/BLOGS/FLASH/FUENTES/GENERADORES …

Sin duda alguna indispensables para todo aquel al que le guste el diseño y programación web.

link: http://www.forwebdesigners.com/

Design: Herramienta indispensable para diseñadores web

Design es la nueva herramienta web que puede utilizarse en cualquier página. Lo que hace es sencillamente mostrarte una rejilla, regla, unidad o un punto de coordenadas.

Su instalación es muy sencilla

1- Visita http://www.sprymedia.co.uk/

2- Arrasrtrala imagen de design a la barra de marcadores y púlsala, verás como aparece mediante javascript un panel de opciones para [...]