Entradas Suscribete a los Comentarios Suscribete vía email

Enlaces a herramientas y recursos para diseño web

.
  • Agregar a Technorati
  • Agregar a Del.icio.us
  • Agregar a DiggIt!
  • Agregar a Yahoo!
  • Agregar a Google
  • Agregar a Meneame
  • Agregar a Reddit
  • Agregar a Magnolia
  • Agregar a Blinklist
  • Agregar a Blogmarks
  • Agregar a Twitter
Es un listado que recién empieza.
Lo actualizaré en la medida que descubra nuevos y me sugieran otros mas.

De Alvit.de:
Web Developer’s Handbook
(es un sitio que posee un listado de utilidades para desarrolladores y diseñadores web)

De Designviality.com:
The Open Source Web Design Toolbox: 100 Web Design Template Sources, Tools and Resources

De Vandelaydesign.com:
77 Resources to Simplify Your Life as a Web Designer

De Webusabiliyhelp.blogspot.com:
99 Useful resources for Graphic Designers

De mashable.com:
Mas de 50 herramientas útiles para diseño web

De Mashable.com:
Mas de 250 herramientas y recursos para codificar


*Actualización del 06/09/08
Todo tipo de Templates (Plantillas)
Ya sea porque buscas plantillas para descargar y poder adaptar o porque necesitas inspirarte he comenzado la siguiente lista que iré renovando a medida que encuentre nuevos sitios o me sugieran otros.

De todo un poco...
  • Interspire.com
    Aquí todo se puede descargar gratis, y actualizan muy seguido.
  • Entheosweb.com
    Aquí hay plantillas en Photoshop, Fireworks , Flash intro templates y HTML
  • Templatemonster.com
    Los ejemplos que se presentan aquí son solo para uso personal y como trial, pero realmente es un sitio que vale la pena ver.
  • Plantilla CSS Base
    Aquí nos ofrecen una plantilla inicial en CSS (y diría que super práctica) a efectos de no tener que comenzar desde cero nuéstra arq. web.
  • Free-css-templates.com
    Para mas plantillas CSS...
  • Opensourcedesign.com
    Plantillas HTML y CSS gratis
  • Filebox.ro
    Desde aquí hay mas de 300 plantillas HTML
  • Free website templates
    Aquí hay una larga colección de templates que no requieren un enlace recíproco.
De Flash:
Flashvillage.com

Flashmo.com
Templatenavigator.com
Es un extenso catálogo detemplates y sitios para flash, junto con previsualizaciones de calidad.

Directorios Open Source de templates gratis
http://www.openwebdesign.org
http://www.opendesigns.org
http://csstinderbox.raykonline.com
http://www.oswd.org

*Actualización del 08/09/08

Mas de 50 artículos para hacerte un mejor diseñador web
El artículo original posteado por Steven Snell de Designm.ag está en inglés, pueden visitarlo desde aquí: http://designm.ag/resources/best-design-articles

Es una colección de algunos de los mejores artículos que Steven se topó en varios tópicos relativos al diseño web. Son excelentes, perspicaces, provocan pensar, y hasta quizás te ayudarán en tu propia carrera de diseñador. Algunos son nuevos, otros tienen unos pocos años, pero todos tienen algo valioso para decir.

Para hacérnoslo mas fácil de digerir, Steven ha hehco una categorización de los artículos en relación al tema (con una categoría general al final). Ha eligido áreas particularmente desafiantes a los efectos de testearnos y  ver que podemos aprender de estos expertos.

*Actualización del 11/09/08
 7 Tutoriales para diseñar interfases modernas para sitios web

Ha sido un hallazgo en el sitio Woork.blogspot.com, que decidí traducir. Porfavor si cometí algún error son mas que bienvenidos a corregirme dejando un comentario en el post

Si buscas ideas para diseñar una interfase original para tu próximo proyecto de un sitio web utilizando los populares Frameworks en JavaScript como Prototype, MooTools y Scriptaculous, hecha una mirada a esta pequeña recopilación que incluye:
  • Un lightbox estilo Facebook
  • Una bonita librería de interfaces para desarrollar interfaces avanzadas para tus aplicaciones web , sitios y widgets
  • Una galería tipo slideshow que simula una animación de Flash
  • Un slider de imágenes para crear un slideshow estilo Flickr
  • Una avanzada galería para diseñar galerías estilo Apple
  • Un slider basado en Ajax y una lightbox.
1. FaceBox
Es basado en jQuery, estilo Facebook lightbox que puede desplegar inagenes, divs o páginas enteramente remotas.

2. Mochaui
MochaUI es una hermosa aplicación web de interfase de ususariotipo librería hecha en Mootools JavaSacipt famework para desarrollar répidamente aplicaciones web, escritorios web, sitios web, widgets , diálogos modales etc.

3. SmoothGallery 2.0
Esta galería JavaScript y sistema slideshow (usando Mootools v1.11), permite tener de manera simple y sin dificultades, galerías de imágenes, slideshows,  showcases y otros efectos interesantes en tu sitio web. Absolutamente asobroso!.

4. MooSlide revamp slider
Una renovada versión del MooSlideBox basada en Ajax Slider mas fácil de utilizar que nunca. Hay una serie de opciones que pueden influenciar la vista y el comportamiento de tu caja. También puedes tener mas de uan caja en tu página. En suma, ahota se puede definir, desde donde debería salir la caja: desde arria o desde abajo (los enlaces de ejemplo muestran ambas variantes).

5. MooFlow
MooFlow es una avanzada galería de imágenes con las siguientes aplicaciones: ajuste automático de los tamaños en los cambios de las dimensiones de las ventanas, opción de pantalla completa, scroll con la rueda del mouse, scroll con el teclado (cursor izquierdo y derecho), presentación continua (loop) de autoplay, reflexiones vía JavaScript, carga de imágenes vía json (con eventos o startup), carga de imágenes desde una fuente html con filtro selector, creación automática de UI, UI editable vía CSS, opción de visualización completa, puede correr múltiples instancias y mas.

6. Simple images slider to create Flickr-like slideshows
Si te agrada el slideshow de Flickr, este artículo explica como implementarlo utilizando Prototype-UI framework.

7. Slimbox, the ultimate lightweight Lightbox clone
Slimbpx es cun clon visual de 4kb de popular Lightbox JS v2.0 hecho por Lokesh Dhakar, escrito utilizando el ultra compacto framework de MooTools. Ha sido diseñado para ser pequeño, eficiente, mas conveniente y 100% compatible con la versión original Lightbox v2.

Fuente:
7 Stunning tutorials to design modern interfaces for websites

Y luego, mas enlaces a herramientas:

Adobe Kuler
Crea, explora y comparte paletas de colores para tu sitio web

MySQL
Base de datos open source.

phpMyAdmin
Una potente y gratuita herramienta de administración de base de datos, escrita en PHP.

Mootools
Esta Framework en JavaScript, orientada a objetos y fácil de utilizar y compatible con todos los navegadores.

PHP Classes Repository
Lleno de clases gratuitas de programación para objatos escrito en PHP.

Statcounter
Aunque gratuito es un confiable web tracker, hit counter altamente configurable y estadísticas web en tiempo real.

Scriptaculous
Librerías estilo web 2.0 estilo JavaScript.

Firebugs
Para debug JavaScript con Firefox.

Espero les resulte útil.
Reactions:

4 comments:

Anónimo dijo...

Muy buena la lista. Si se me ocurre algo te lo sugeriré. Es un embole que Blogger no deje usar cualquier correo para opinar. Un saludo, Andy

videojuegos dijo...

Muy buen post, estaré paseando por tu blog y atenta a tus actualizaciones, saludos de Carla.

Javier Martinez dijo...

Que pasada de lista, ya la guardé como un tesoro

InsideWeb dijo...

Excelentes referencias. Me está gustando cada vez más este blog.

Publicar un comentario

Aprecio la cortesía de tu comentario.
¡Gracias!. :)