El Gran Libro de Diseño Web
Descarga el en PDF El Gran Libro de Diseño Web. Una guía definitiva para crear páginas web increíbles, llenas de dinamismo y calidad.
Encontrarás una completisima guía de HTML5, CSS3, Photoshop y jQuery.
Descargar – El Gran Libro de Diseño Web en PDF
SIDEWAYS – JQUERY FULLSCREEN IMAGE GALLERY
Sideways nos presenta una galería de fotos a pantalla completa usando JQuery compatible con todos los navegadores actuales. Puedes insertarla en cualquier proyecto web de forma sencilla y viene con dos modalidades listas para utilizar. Una con Scrollbar nativas y otra con añadidas vía plugin.
PikaChoose jQuery Image Gallery
Jeremy Fry es el diseñador y desarrollador PikaChoose jQuery Image Gallery, una liviana y potente galería de imagen basada en jQuery. Posee varios themes o plantillas por lo que si no manejas muy bien CSS tendrás diseños para elegir uno que se adapte a tu proyecto web.
Comentaros que es fácil de instalar, funciona con cualquier proveedor de hosting y es compatible con IE7+, iOS 4+, Firefox y Chrome.
UniverCell: Messi
UniverCell: Ronaldo
UniverCell: Fabiano
Ingeniosa campaña publicitaria de la compañía hindú de telefonía móvil UniverCell, que bajo el eslogan «mantén tu número, cambia tu operadora», nos muestran unos fotomontajes de Messi, Cristiano Ronaldo y Luis Fabiano con la camiseta de otros países. Por el filito amarillo de la camisa roja que luce Luis Fabiano deduzco que es la camiseta de la selección española y no es por desmerecerlo, pero puesto a soñar nos podrían ver dejado a Messi o Cristiano. O a los dos !! 😀
Visto en : As
elSelect
elSelect es una herramienta creada con MooTools (Framework web orientado a objetos para JavaScript) que te permitirá personalizar el elemento SELECT de tus formularios gracias a CSS.
En su web te explicaran como instalarlo y usarlo., y de esa manera dar algo de diseño a esas flechas tan poco estéticas que salen por defecto. Si tienes conocimientos básicos de HTML y CSS no tendrás ningún tipo de problema y así poder tener unos formularios totalmente personalizados.
10 Amazing Free HTML5 and CSS3 Template
Estupendo recopilatorio de 10 plantillas en formato HTML5 y CSS3 el que comparte DJ Designer Lab, podréis personalizarlas a vuestro gusto y usarla en vuestros proyecto de forma totalmente gratuita. También os pueden servir para curiosear sus entrañas y así aprender de otros diseñadores web (esto es lo que haré yo ^^).
Visitar – 10 Amazing Free HTML5 and CSS3 Template
Ultimate CSS Gradient Generator
Si hace unos días hablamos de una aplicación web para crear fondos para tu web usando un patrón mediante CSS3hoy os presento una aplicación web que os permitirá dotar a tus diseños de degradados sin necesidad de utilizar imágenes. Con Ultimate CSS Gradient Generator creareis gradientes mediante CSS por lo que lograreis mejores tiempos de carga de vuestros sitios y reduciréis el tamaño de espacio usado en vuestro servidor.
Visitar – Ultimate CSS Gradient Generator
CSS3 Patterns Gallery
Buscando reducir el tiempo de carga y el número de peticiones que se realizan al servidor cuando en nuestra web tenemos un fondo creado con un patrón (pattern) basado en un gráfico (jpg, gif, png,…) Lea Verou ha creado una web donde comparte y recopila patrones en CSS3.
Si deseas usar estos patrones en tus proyectos debes tener en cuenta que no todos los navegadores son compatibles y podrían no funcionar correctamente. Os dejo los navegadores compatibles por si deseáis probarlos: Firefox 3.6 +, Chrome, Safari 5.1, Opera 11.10 + y + IE10
Visital – CSS3 Patterns Gallery
Skitter - Slideshow for anytime!
En la red podemos encontrar una infinidad de plugins (jquery) que nos permiten crear slideshows, pero como tengo por costumbre comparto los que realmente pienso que aportan algo interesante.
Skitter ,pasa la criba, es un plugin diseñado para crear slideshows en unas pocas líneas de código y bastante personalizable a través de CSS, además de permitirnos modificar bastantes opciones como títulos, animación, intervalos o velocidad.
Descargar – Skitter
Beautiful Background Image Navigation with jQuery
Con el tutorial (inglés) que comparte Codrops vamos a crear una elegante interface con CSS3 y jQuery donde la imagen de fondo de la misma ira cambiando según pasemos el puntero del ratón por las diferentes secciones.
El código para crear este background image slide es compatible con Google Chrome, Firefox, Opera, Safari, IE8, IE7 e incluso IE6.
Puedes ver un demo del mismo y bajarte todos los archivos para usarlo en tu proyecto web.
