CSS, jQuery, Trucos CSS.

Curvar texto con CSS3 y jQuery

En este blog de diseño web, ya hemos visto algún ejemplo de cómo manipular la posición de las fuentes en HTML.

En un post anterior, vimos cómo curvar texto con un CSS y HTML5, también vimos como rotar un texto y por ejemplo, escribir con HTML en vertical.

Aunque CSS3 nos permite rotar las letras, es bastante complicado de organizar cada letra a lo largo de una trayectoria curva. Arctext.js es un plugin de jQuery que te permite hacer exactamente eso.

Basado en Lettering.js, calcula la rotación a la derecha de cada letra y distribuye las letras a través de un arco imaginario según el radio que le indiquemos.

Aquí os dejo código, ejemplos y demás de http://tympanus.net/

 

Share and Enjoy

Comparte este Blog de Diseño Web
Diseño Web, jQuery.

Rollover con jQuer

 

Algunos de vosotros habréis tenido (los menos ;) , la curiosidad de ver el portfolio de este blog de diseño web. Al situarte sobre la imagen, esta se desplaza y deja ver otra imagen u html. Es un efecto muy utilizado en galerías, ahorra espacio y además es amigable cara al SEO.

Os dejo aquí el ejemplo y el código para realizar estos efectos con jQuery.

 

Share and Enjoy

Comparte este Blog de Diseño Web
Diseño Web, Photoshop.

Barras preload en formato PSD para descargar

50 originales barras de progreso en formato PSD, listas para descargar desde http://designshareblog.com/

Share and Enjoy

Comparte este Blog de Diseño Web
Redes Sociales.

Botones para introducir las redes sociales en tu diseño. Se trata de botones Facebook, Twitter, Youtube, … Todos ellos en formato PSD y listos para descargar gratuítamente.

 

www.freebiepixels.com

simplypixels.net

simplypixels.net

www.turkhitbox.com

designmoo.com

designmoo.com

downloadpsd.com



 

Share and Enjoy

Comparte este Blog de Diseño Web
Diseño para móviles, iPhone, Mobile.

Interfaces para iPhone y iPad

El diseño de Apps es ya una asignatura de obligado conocimiento para un diseñador. Tamaño de gráficos, resoluciones, usabilidad, interfaces, todo es distinto a lo que actualmente hemos diseñado para web, así que no queda más remedio que ponerse al día y fijarse en lo que se está haciendo bien.

En esta pequeña muestra, podemos ver todo tipo de tendencias y soluciones muy creativas en lo referente a interfaces de usuario. Echadle un vistazo porque seguro que de aquí sacareis buenas ideas para próximos diseños.
CONTINUAR LEYENDO “Ideas para diseñar Apps para iPhone e iPad” »

Share and Enjoy

Comparte este Blog de Diseño Web