En Internet existe múltiples listas de este tipo. Pero si eres un adicto al pixel y vives por y para el diseño, te dara igual por que sabes que nunca habran suficientes, siempre nos viene bien conocer “un par” de sitios donde podemos echar mano para conseguir nuevos recursos para nuestros diseños. He aquí una mega recopilación de recursos para el todo poderoso y megafantabuloso ¡¡¡Photoshop!!!

La recopilación es grande y tenemos de todo un poco (Brushes, tramas y vectores, Tutoriales, Websites, Colecciones de tutoriales) intentare separar en algunas categorías para que quede más ordenado y si conocen alguno mas, déjenlo en el comentario.

Brushes.

Solo puedo decir que esta web tiene muchisiiimos pinceles yo mismo me baje un buen lote de ellos. Tambien tienen tramas y tiene filtros para buscar lo que necesites según la versión de photoshop que utilices.

Más de 800 brushes para Photoshop: Aquí está el arsenal más grande de pinceles para Photoshop: Más de 800 brushes para Photoshop listos para descargar.

300 + Vintage Style Textures y Photoshop Brushes Más de 300 texturas estilo vintage y cepillos son mostrados en este post Reviver Diseño.

30 brushes de garabatos para Photoshop: Aquí podrás encontrar 30 impresionantes brushes de garabatos para Photoshop, que estoy seguro te servirán, como a mí.

myPhotoshopBrushes.com características de una tonelada de pinceles de Photoshop, ordenándos en categorías tales como adornos, la naturaleza y humanos.

Brushes de destellos y explosiones para Photoshop: Dudo mucho que los brushes listados arriba no te bastaron; pero si aún quieres más, aquí tienes Brushes de destellos y explosiones para Photoshop.

Brushes de pestañas para Photoshop: Tenemos más, esto nunca acabará. Ahora tienes Brushes de pestañas para Photoshop.

Brushes para Photoshop estilo brochazos: Esta es una genial recopilación de Brushes para Photoshop estilo brochazos.

Aqui tienes 100 pinceles de gran calidad: para utilizarlos como te convenga en Photoshop. Tienes temáticas desde árboles o paisajes, a garabatos, pasando por personajes de dibujos animados o edificios, calaveras, y otros objetos diversos.

Filtros y Plugins

Aquí tienes más de 1000 de filtros y plugins, para que añadas los que más te gusten a tu Photoshop. Dentro de los plugins tienes que modifican el contraste, crean marcos, cambiar los tonos, efectos de luz, blanco y negro, diferentes pixelados y una larga lista más. La pega es que hay algunos que no son gratuitos y tienes un plazo deprueba, pero muchos otros si que son gratis y si hay alguno de pago que te interesa la verdad es que tampoco son tan caros y mucho valen el pago.

Buena colección de mas de 150+ plugins en su mayoria gratuitos y con funciones tan variadas como variaciones tonales, efectos de luz, pixelación, reducción de ruido etc… El sitio esta en ingles.

Fuentes gratis

Una de las mejores paginas en castellano sobre fuentes,puedes encontrar desde su historia hasta un completo tratado de tipografia.enlaces ,textos… muy recomendable

Pagina web donde podras buscar fuentes asi como identificar el nombre de la fuente que no conzcas, tan facil como ir siguiendo unos cuantos pasos en lo que podras ir identificando la fuente que buscas.

Pagina web con colecciones de fuentes .articulos,foros. tambien podras identifica la fuente que no conozcas, tan facil como subir una imagen de la fuente e iir siguiendo unos cuantos pasos en lo que podras ir identificando la fuente que buscas.

Websites dedicados a Photoshop

PSDTUTS + es un weblog dedicado a Photoshop que ofrece tutoriales de alta calidad. En PSDTUTS +, encontrará tutoriales, como “creación de una escena conmovedora en Photoshop”, y consejos y trucos como el “Uso de Adobe Kuler para mejorar los flujo de trabajo de color de Photoshop”.

Tutoriales y recursos Photoshop, Selección de los mejores tutoriales de Photoshop, fotomanipulación, fotografía, retoque, básicos de Photoshop, diseño web, diseño gráfico, ilustración y dibujo

PSHERO acciones tutoriales de Photoshop en categorías como diseño gráfico, Efectos fotográficos, y consejos y trucos. Echa un vistazo a la vista de la Galería para obtener una vista rápida de tipo vistas en miniatura del contenido de PSHERO’s.

PS Lover directorio de tutoriales de Photoshop (en la actualidad cuenta con más de 12.000 tutoriales en la lista), organizados en categorías como Diseño Web y Diseño de Interfaz de usuario, Photoshop Básico, y la manipulación de fotos y efectos.

TUTORIAL9 es un sitio web que publica excelentes tutoriales de Photoshop como “Dibuja un Classy Poker Chip 3D en Photoshop” y “Render un CD realistas en Photoshop”.

Colección de tutoriales

En esta colección de Vandelay Design, descubrirás cuarenta tutoriales para el diseño de iconos en Photoshop.

70 + Sexy, tutoriales Photoshop de belleza y glamour. Encontrarás más de setenta tutoriales de embellecimiento mediante Photoshop todos en este magnifico post.

Colorful Stickers Part 5 » »

También podemos acceder al pack 1, el pack 2, el pack 3 y el pack 4.

Via: www.ateneupopular.com

Hola a todos hoy respondere a un correo con una consulta de un amigo, que me preguntaba por programas para, generar menúes desplegables con CSSy JavaScript. Bien tratare dos puntos antes de comenzar,

El primero es que no soy nada partidario de los generadores de menús, uno por que muy sencillo crearlos nosotros mismos, segundo quedan obsoletos rapidamente ya que internet cambia demasiado a prisa y a menos que el programa se actualice lo veo dificil que aprenda una manera nueva de generar el menu ademas como extra el hecho de suelen generar mucho codigo realmente inecesario.

Punto dos, son las formas que veremos de generar menus desplegables mediante CSS y JavaScript, supongo y doy por hecho de que quienes sigan la guia tendran unos conocimientos minimos hacerca de los procedimientos que realizaremos, ya que si hay que explicar paso a paso cada una de las cosas que haremos el Post se alargaria demasiado, tampoco es la idea de hacer una clase magistral sobre CSS.

Nota: lo que aqui veamos noes ni mucho menos la mejor de las mejores maneras y tampoco creo que este exenta de errores, tan solo son metodos de trabajo y formas de hacer algo puntual si haceís una busqueda en Google sobre (menu desplegable en CSS) os aseguro que hay una buena cantidad de guias con las cuales podeís complementar esta pequeña reseña.

Luego de esta pequeña intro ons vamos de cabeza al tema que nos trae a la cancha. Primero comenzaremos con los programas para generar menues CSS.

CSS Tab Designer : Creo que es uno de los más conocidos en esta area y de los que mas se utiliza, lo he probado y cumple perfectamente su cometido sin dejarnos un bodrio muy grande de codigo para su funcionamiento.

Con CSS Tab Designer puedes:

- Diseñar rápidamente tu lista visualmente.
- Elegir una variedad de estilos y colores grande (más de 60 diseños y colores).
- Generar el código final de xhtml con un solo click.

Enlace de Descarga: CSS Tab Designer

PureCSSMenu.com : Es un generador en línea de menús desplegables del tipo CSS, se ofrece en forma gratuita. Este software es capaz de crear un menú desplegable sin JavaScript, en un 100% en CSS, ofrece menús CSS horizontales y también menús del tipo vertical. El usuario simplemente necesitará realizar tres sencillos pasos para poder construir sus menús CSS.

Enlace de descarga: PureCSSMenu

IzzyMenu : es una aplicación web desarrollada en Ajax que nos permite crear menus css de una manera por demas sencilla. Tiene una lista de diseños predefinidos entre los cuales hay unos muy buenos y que de seguro te serviran para tus diseños y desarrollos web.
Podemos escoger entre crear un menú horizontal y un menú vertical, asi como configurar el tamaño de fuente, el estilo de fuente, color, color de fondo entre muchas otras opciones.

Enlace de descarga: IzzyMenu

CSSmenubuilder.com : Otra herramienta que además genera código bastante más “limpio”. Su galería de menús predefinidos en mucho más corta pero a cambio podemos modificarlos totalmente sin necesidad de tocar el código.
La única desventaja que le encuentro es que no podemos generar la estructura de enlaces desde la propia herramienta. Aunque tampoco es ningún drama pues la propia herramienta nos permite crearla a mano.

Enlace de descarga: CSSmenubuilder.com

Ahora veremos como crear nosotros mismos esto que nos generan estos programas de manera tan sencilla, obiamente tardaremos algo más, pero estoy seguro de que aprenderemos mucho más y lo mas importantes que el limite lo pone nuestra imaginación y no la cantidad de diseño que trae incorporado algun programa. jejejje estuve a punto de decir programa cutre.

Muchas veces, nuestras páginas tienen tantos contenidos que si quisiéramos que apareciesen todos estos en un determinado lugar de nuestra página, en un menú, este abarcaría casi la totalidad del espacio que tenemos para nuestra web. En estos casos es muy útil insertar uno o varios de estos menús desplegables, apareciendo por encima del propio contenido de la página para mostrar todas sus partes y desapareciendo posteriormente.

Preparamos el codigo CSS para las cajas del menu

Como pueden ver esta parte no es muy compleja aun que si un poco extensa.
Ahora los estilos para los enlaces y el submenu.

Ahora el HTML donde pondremos nuestro menu
Como puene ver en el codigo HTML se ha aplicado un hack para poder har funcional el menu en navegadores antiguos como IE6

Bueno espero vuestros comentarios y sugerencias como siempre.

Descarga del ejercicio: Archivos del Menu CSS (278)

En Maestros del Web encontre este exelente articulo que nos explican 10 técnicas SEO para cponseguir crear una web exitosa. Corren ríos de tinta sobre las técnicas SEO y este artículo no pretende desautorizar ninguno de ellos sino ser un compendio, mejorando lo que otros han dicho, o atribuyendo la autoría de lo que mejor se ha dicho.

No quiero que sea muy detallado, sino simplemente mencionar las áreas en que hay que incidir si se quiere que obtener mas visitas para tu web. toque de todos los aspectos necesarios para lograr el éxito.

Hay enlaces a muchos sitios web, tanto en castellano como en inglés, que ayudarán enormemente a seguir las directrices que en este artículo detallo. Cabe mencionar que para la aplicación de todo lo expuesto aquí se requiere algún tiempo, ya que la optimización para motores de búsqueda (SEO) es una técnica larga, dura y difícil.

Aspectos internos

1. Redacción apropiada de contenidos internos:

Aunque no hay que redactar todo el contenido como si sólo los buscadores fueran a leerlo, hay que cuidar la densidad de palabras y frases clave y mantener un equilibrio entre lo que los visitantes y los buscadores.

• Cuando la escritura atrae
• Herramientas (con hache) para escribir bien (con be)

2. Optimización técnica de la página:

Para la elección correcta del contenido de las etiquetas meta puedes usar herramientas como:

• Keyword Suggestion Tool: da la frecuencia con que un término o frase es buscada por día.
• Keyword Selector Tool: da el número de veces que un término o frase ha sido buscado en el último mes.
• SubmitExpress: varias herramientas que validan la densidad de palabras clave.

Aspectos a tomar en cuenta:

• Introducir mala ortografía de las palabras clave que suelen ocurrir al teclear rápido. Por ejemplo: “compar” en vez de “comprar”.
• Usar nombres de archivo que contengan frases clave. Por ejemplo: si se puede llamar http://www.tuweb.com/comprar-mi-producto.html, no lo llames solamente ../comprar.html
• No usar guiones bajos en nombres de archivo largos, usar guiones normales (-).
• Usar palabras clave en el título de la página.
• Utilizar título y etiquetas meta diferentes para cada página.
• Usar cabeceras (h1, h2, h3…) para definir importancia en el contenido y colocar en ellas las palabras clave.
• Utilizar palabras clave en el “anchor text” de los enlaces, rellenar todas las etiquetas alt de las imágenes y title de los enlaces.
• Servirnos de la mejor tecnología para que la página cargue rápido y el usuario no tenga que esperar.
• No utilizar frames.
• Imprescindible un mapa del sitio visual (para el usuario), otro en XML (para los buscadores), y el archivo robots.txt.
• En cualquier página web sobre posicionamiento SEO se pueden encontrar más técnicas como estas por docenas: SEOmoz, tiene un ranking de técnicas de posicionamiento elaborado por los más prestigiosos SEO a nivel internacional. Dirson, 1-en-buscadores, etc.

3. Actualizaciones, creación de datos:

Los buscadores indexan con más frecuencia las webs que cambian de contenido continuamente; por lo tanto si mantenemos un contenido de calidad, y un nivel de creación de datos aceptable, la escalada en los buscadores se hará más rápidamente.

4. Link building:

Este es uno de los capítulos más relevantes del top 10. La construcción de enlaces hacia tu sitio es lo hace aumentar el PageRank, que es el medidor de importancia de webs que utiliza Google (no olvides que quien te enlace tiene que tener buen PageRank, si no, no se consigue casi nada).

En este punto toca hacer referencia a un artículo que es toda una autoridad en el tema: 101 Link Building Tips to Market Your Website por Aaron Wall y Andy Hagans.

5. Redacción de contenidos externos:

Consiste en escribir artículos, reportajes, comentarios y respuestas en foros….siempre enlazando con la firma del pie de página, hacia tu sitio web. Aquí me gustaría hacer referencia al artículo El arte de escribir bien para comunicar mejor, que como su propio nombre indica, nos servirá de ayuda para mejorar nuestra redacción (tanto en papel como multimedia).

• Los beneficios de escribir en internet y para otros sitios web

6. Red social:

Es importante crear una comunidad virtual que genere contenido cambiante y dinámico para tu web. Esto consiste básicamente en administrar foros y mantener un blog y/o escribir en otros.

Si se disponen de más recursos, pueden construirse varias web “paralelas” con utilidades o de temática diferente, que a fin de cuentas redirijan tráfico a nuestra web principal.

• Redes Sociales en Internet
• ¿Ya tienes un blog?

7. Be famous:

Se tiene que hablar de tu sitio web. Organizar concursos online dando un premio al mejor diseño web, o al mejor diseño de un logotipo, siempre da publicidad al organizador. Y como dicen los políticos: que se hable de ti es bueno, aunque se digan cosas malas; lo malo es que nadie te haga caso.

• Cómo hacer un blog único y exitoso
• Celebra los 10 años tomándote una foto

8. Seguimiento de resultados:

Hay que mantenerse al tanto del tráfico que genera tu página web y cómo es ese tráfico. Aconsejo utilizar Google Analytics. Se tienen que corregir “imperfecciones” de tráfico, palabras clave con bajo rendimiento, etc.

Pero hay que ser cauto porque un cambio de palabras clave puede tardar mucho tiempo en hacerse notar, para bien o para mal, y se tienen que analizar bien los resultados antes de lanzarse a un cambio radical.

• Herramientas para medir las estadísticas de tu web

9. Relaciones comerciales recurrentes:

Es útil que otros nos ayuden a vender. Un programa de afiliados o de comisiones por venta realizada siempre es un buen método por tres razones fundamentalmente:

• La gente que venda los productos por nosotros está haciéndonos publicidad gratuita desde sus propias webs o tiendas.
• Las personas de nuestro programa de afiliados tienen que esforzarse en mostrar al público un producto bueno. Es decir, nos dan buena imagen.
• Mantienes a una cantidad fija de gente siempre interesada en tu sitio web, o navegando “alrededor” de él, ya que son tus comisionistas.

Si tu sitio web no vende productos, se pueden hacer otro tipo de programas de afiliados, por ejemplo, poder colaborar si es una revista online, y así beneficiará a los que colaboren (dejarán su firma con su web en el artículo), y a ti porque llenarán de contenido tu web.

• Internet: atrae publicidad e inversiones
• Publicidad en Internet: ¿Hora de cambiar el esquema de trabajo?

10. Offline:

Promoción offline que revierte en publicaciones online. Publicar en medios en soporte papel (periódicos, revistas, etc.), asistir a conferencias y congresos. Quien lea un artículo suyo en el periódico, o le haya gustado una buena conferencia, es muy problable que visite su sitio web, o publique una entrada en su blog haciéndole referencia. El boca a oreja sigue siendo efectivo. Incluso en técnicas SEO.

Toda esta información son meras DIRECTRICES. Lo que he pretendido con este artículo es hacer una guía de los puntos indispensables para una campaña SEO. El lector de este artículo debería completar la información de cada punto del que no tenga conocimiento extenso para poder iniciar así una campaña SEO viable.

Via : Maestros del Web

Todo el que actualmente este diseñando webs necesitara crear nuevos y atractivos menús de navegación para sus proyectos y aveces esta tarea de innovar se vuelve un verdadero dolor de cabeza. En webdeveloper me encontré este genial listado de 71 menús de navegación hechos en CSS de donde podemos obtener muy buenas ideas y atractivos diseños.

Los menús son de todo tipos: Verticales, horizontales, con imágenes, con varios niveles de navegación, mediante listas…

1. 11 CSS navigation menus : de Exploding Boy
2. 12 more CSS Navigation Menus. : de Exploding Boy
3. 14 Free Vertical CSS Menus : de Exploding Boy
4. 2-level horizontal navigation : demo de Duoh
5. Absolute Lists: Alternatives to Divs : usando listas entre divs, de evolt
6. Accessible Image-Tab Rollovers : demo de Simplebits
7. ADxMenu : multiple menu examples de aPlus
8. A drop-down theme : de CSS Play
9. Bookend Lists: Using CSS to Float a Masthead : de WebSiteOptimization
10. Bulletproof Slants : demo de Simplebits
11. Centered Tabs with CSS : de 24ways
12. Clickable Link Backgrounds
13. Create a Teaser Thumbnail List Using CSS: Part 1
14. Creating Indented Navigation Lists : Lista multinivel
15. Creating Multicolumn Lists : de Builder.com
16. cssMenus – 4 Level Deep List Menu : de SolarDreamStudios
17. CSS and Round Corners: Build Accessible Menu Tabs : de SitePoint
18. CSS-Based Tabbed Menu : menú con pestañas
19. CSS-based Navigation : demo de Nundroo
20. CSS: Double Lists : Simple lista que aparece en dos columnas.
21. CSS Mini Tabs (the UN-tab, tab) : demo de Simplebits
22. CSS only dropdown menu : de CSS Play
23. CSS only flyout menus : de CSS Play
24. CSS only flyout/dropdown menu : de CSS Play
25. CSS only flyout menu with transparency : de CSS Play
26. CSS only vertical sliding menu : de CSS Play
27. CSS Swag: Multi-Column Lists : de A List Apart
28. CSS Tabs : pestañas sin imágenes
29. CSS Tabs : lista de varias soluciones con pestañas
30. CSS tabs with Submenus : de Kalsey.
31. dTree Navigation Menu : Javascripts Tree de Destroydrop
32. Definition lists – misused or misunderstood? : Usos apropiados de las listas de definición
33. Do You Want To Do That With CSS? – Multiple Column Lists : listas multi columnas
34. Drop-Down Menus, Horizontal Style : de A List Apart
35. Float Mini tabs : de Web-Graphics
36. Flowing a List Across Multiple Columns : Una tabla sin usar tablas.
37. Free Menu Designs V 1.1
38. FreeStyle Menus : Script de menú formateado en CSS, de TwinHelix
39. Hidden tab menu : de CSS Play
40. How to Style a Definition List with CSS : de WebReference
41. How to Style an Unordered List with CSS : de WebReference
42. How to Use CSS to Position Horizontal Unordered Lists : de WebReference
43. Hybrid CSS Dropdowns : de a List Apart
44. Inline Mini Tabs : de Web-Graphics
45. Intelligent Menus : CSS and PHP menu de PhotoMatt.net
46. Inverted Sliding Doors Tabs : de 456BereaStreet
47. Light Weight Multi Level Menu : de CssCreator
48. List Display Problems In Explorer para Windows : Hack de lista para IE
49. Listamatic : listas simples; varios estilos.
50. Listamatic2
51. Menus galleries in CSS and XHTML
52. Mini-Tab Shapes : demo de Simplebits
53. Mini-Tab Shapes 2 : demo de Simplebits
54. More than Just Bullets : de W3.org
55. Multiple Column Lists : de css-discuss
56. A Navbar Using Lists : Una lista ligera de WestCiv
57. Navigation Matrix Reloaded : de SuperfluousBanter
58. Remote Control CSS : Ejemplos de listas con estilos distintos
59. Remote Control CSS Revisited – Caving in to peer pressure
60. Rounding Tab Corners : by Eric A. Meyer.
61. Simple CSS Tabs : de SilverOrange
62. Simplified CSS Tabs : demo de Simplebits
63. Sliding Doors : de A List Apart
64. Spruced-Up Site Maps : sitemaps as lists
65. Styling Nested List : de SimpleBits
66. Suckerfish Dropdowns : de HTMLDog
67. Tabtastic : Gavin Kistner.
68. Tabs Tutorial de BrainJar
69. Taming Lists : de A List Apart
70. Turning a List into a Navigation Bar : de 456BereaStreet
71. Ultimate css only dropdown menu : de CSS Play

Vía : WDeveloper