Archive for the ‘Web’ Category
links utiles diseño & web 01
Domingo, agosto 1st, 2010Comparto algunos links de diseño y desarrollo web que encontre hoy
Diseño
- Descarga de archivos PSD (de photoshop) utiles > graphicsfuel.com
- 40 diseños web en psd
- 79 tutoriales para crear diseños para blogs & webs en photoshop > www.trazos-web.com
- ux design frameworks para illustrator
- iconos> cms icons / portfolio icons
- fonts > super lindas para tus diseños
wordpress
- 33 temas para wordpress
- 70 temas gratis de alta calidad
- 40 temas de alta calidad minimalistas
- chuletas / cheat sheets imprescindibles para wordpress
Maquetacion: jquery que incluye papel de cebolla para comprobar si el diseño es exacto, yo para esto utilizo la extencion pixel perfect de firebug
funcionalidad
- jquery slider > diferentes modos de transicion para tus imagenes
libros para diseñadores (ingles)> 10-free-online-books-for-web-designers
Libros para desarrolladores freelance (ingles)
ver pelis en internet > listado de sitios
navegadores
Sábado, julio 31st, 2010Mucho se puede hablar sobre los navegadores web.
Lo que mas se comenta entre maquetadores es lo mal que ie6 y 7 interpreta el css, aunque ya va mejorando tardaron siglos en hacerlo.

Los Navegadores como alumnos de escuela.
Lo vi en territoriogeek.com
hecho por la gente de syncstaff.es
efectos jquery para tener a mano
Martes, julio 13th, 2010Listado personal de efectos jquery mas utilizados y algunos otros links para acortar el tiempo de búsqueda
Fonts: reemplazo de fonts con cufon, proximamente tutorial
Fondo con imagen en movimiento
Expand & collapse divs:
http://www.dynamicdrive.com/dynamicindex17/switchcontent.htm
http://www.dynamicdrive.com/dynamicindex17/animatedcollapse.htm
http://www.learningjquery.com/2008/02/simple-effects-plugins
http://www.webintenta.com/9914.html
http://jqueryfordesigners.com/slidedown-animation-jump-revisited/
Scroll super adaptable: http://www.kelvinluck.com/assets/jquery/jScrollPane/jScrollPane.html
Efectos para botoneras:
http://jqueryfordesigners.com/image-fade-revisited/
http://www.alistapart.com/articles/sprites2
http://css-tricks.com/learning-jquery-fading-menu-replacing-content/
Fluid Navigation
Magic Line
http://webstuffshare.com/demo/CSSNiceMenu/
AnimatedNavigationMenu
Google fonts api
Viernes, mayo 21st, 2010wooow GRACIAS GOOGLE gracias!!!
Google comenzó a hacer realidad el sueño de todo diseñador gráfico: que en la web se pueda utilizar cualquier tipo de font sin tener que utilizar nada especial.
Habia alternativas hasta el momento utilizando imagenes, flash y otras cosas, estaban bien pero tenian defectos que particularmente a mi no me convencian (cuestiones como que los textos no se podian seleccionar o copiar, hacer un efecto hover no era tampoco posible, y a la hora de posicionamiento en buscadores tambien eran deficientes).
La alternativa de google me parecio fantastica, si bien la lista de fonts aun es acotada.
Es facil de utilizar, simplemente con un link en el header y luego llamando a las fonts como hacemos normalmente.
Si quieren leer un poco mas aqui esta el articulo original (en inglés)
Complementos de firefox
Martes, abril 6th, 2010Complementos (addons) de firefox para diseño y desarrollo web, algunos de estos utilizo para mi trabajo.
Les dejo la lista, espero que les sea útil. (más…)
