34 Cheat Sheets para Diseñadores y Desarrolladores

jQuery 1.2 Cheat Sheet

Via Web And Designers descubro una gran recopilación de Cheat Sheets obligadas para todo diseñador y/o desarrollador web, hay de jQuery, Protoype, PHP, Photoshop, Dreamweaver, Ilustrator, InDesign, etc y etc.

Verlas todas: link

Unidades de medidas en CSS

Siempre me intrigaba saber las diferentes unidades de medidas que existe en CSS y cuales eran sus proporciones de acuerdo de una a otra, y en CSSLab (un blog en que sigo fielmente y que recomiendo 100%) han publicado una interesante tabla de las medidas con las equivalencias entre 4 unidades de medida.

Puntos	Pixeles	Em	%
6pt	8px	0.5em	50%
7pt	9px	0.55em	55%
7.5pt	10px	0.625em	62.5%
8pt	11px	0.7em	70%
9pt	12px	0.75em	75%
10pt	13px	0.8em	80%
10.5pt	14px	0.875em	87.5%
11pt	15px	0.95em	95%
12pt	16px	1em	100%
13pt	17px	1.05em	105%
13.5pt	18px	1.125em	112.5%
14pt	19px	1.2em	120%
14.5pt	20px	1.25em	125%
15pt	21px	1.3em	130%
16pt	22px	1.4em	140%
17pt	23px	1.45em	145%
18pt	24px	1.5em	150%
20pt	26px	1.6em	160%
22pt	29px	1.8em	180%
24pt	32px	2em	200%

Obviamente existen mas unidades de medidas, pero creo que esas son las mas ocupadas. Cabe recordar que el artículo no solo se trata de las equivalencias entre unidades de medida, sino además sus diferencias, que beneficios tienen ocupar ciertas medidas o contras, etc y etc.

Enlace: CSSLab – Medidas en CSS

.

Ver Videos – Te Verde – Imagenes para hi5 – 3GP

800+ brushes para photoshop

Existen muchos tipos de Brushes, de todas formas, colores, calidades, temáticas, etc y etc. De eso esta bien claro Dogguie y realizó una excelente recopilación de enlaces a sitios web’s con más de 800 brushes para photoshop de alta calidad, divididos por paquetes de temáticas varias.

Así que si buscas brushes para Photoshop, esta es una muy buena lista de brushes para empezar a buscar el que necesitas.

Enlace: Dogguie – Más de 800 brushes para Photoshop
.

Ver Videos – Te Verde – Imagenes para hi5 – 3GP

Artículos Interesantes

He encontrado estos dos artículos que creo son interesantes de leer y tener en cuenta.

Full Web 2.0 API List
Una gran lista de API’s publicas a las que podemos acceder y ocupar en nuestros desarrollos, hay de todo tipo. Me impresiono ver esta gran lista y creo que faltan algunas que han aparecido recientemente, pero con las que tienen, hay para divertirse un buen rato, a parte en los comentarios puedes encontrar otras API’s mas.

Web Design 101: Floats
En Digital Web Magazine, publicaron un excelente articulo, en el que explican con detalle y con 14 ejemplos la definición y uso de Float. Este articulo explica en detalle, su comportamiento, como ocupar varios Floats, típicos errores y su solución, entre otros.

Bonus
77 Resources to Simplify Your Life as a Web Designer
Extensa lista de bastantes recursos para simplificarnos la vida y hacerla mas fácil, hay de todo, herramientas de colores, herramientas para el uso CSS, Iconos, Templates, etc y etc.

.

Ver Videos – Te Verde – Imagenes para hi5 – 3GP

55 razones para diseñar con XHTML-CSS

En Programimi publicaron una lista de 55 razones para diseñar con XHTML y CSS (en inglés), listando sus cualidades y beneficios. Lectura recomendada para aclarar un poco mas las ideas y el concepto de porque esta tan de moda usar capas para nuestros proyectos, tanto a nivel de recursos, técnicas SEO, entre otras.
.

Ver Videos – Te Verde – Imagenes para hi5 – 3GP

Iconos 2.0 PSD

Estaba en la búsqueda de algunos iconos 2.0 para algunas aplicaciones en las que estoy trabajando, y en Blog and Web descubro este paquete de 6 iconos creado por Icebeat. Están muy buenos, todos en PSD y en capas separadas para puedas modificarlos tanto como quieras. Además se agregan otro estilo de estos iconos realizado por Robot04.

Enlace: Iconos 2.0 PSD (download) (via Blog and Web)
.

Ver Videos – Te Verde – Videos 3GP – 3GP – somos tu y yo

La web 2.0 en una imagen

Una forma bastante clara de ver que es una web 2.0 en comparación a una web 1.0.

Sin duda un gran cambio que esta  visiblemente clara, pensemos ahora cual seria el concepto central de la web 3.0, si la 1.0 era simplemente comunicar, en la 2.0 es socializar, la nueva etapa ¿qué tendría?, o simplemente sera una ayuda o una versión que potenciaría la idea 2.0?. En fin aun no lo sabemos, y por lo visto, como dicen en algunas personas entendidas en el tema, web 2.0 hay para rato.

Fuente: Le Web2.0 illustré en une seule image (vía wwwathsnew)
.

Ver Videos – Te Verde – Videos 3GP – 3GP – somos tu y yo

30 Estilos Web 2.0 para GIMP

Ahora que estoy utilizando GIMP este recurso que descubrí vía Xiberneticos, me viene muy bien para los diseños en los cuales estoy trabajando.

Se tratan de 30 estilos web 2.0 para utilizar con GIMP, creados por gimp-tutorials.net basados en la entrega de más de 100 estilos web 2.0 para Photoshop creados por los chicos de Deziner Folio.

Para ocuparlos debemos proceder a su descarga desde su web oficial, y una vez extraidos copiarlos al directorio /home/TUUSUARIO/.gimp-2.2/gradients/. La capeta .gimp-x.x puede variar dependiendo de la version que tengas.

Enlace: 30 Ultimate Web 2.0 Layer Styles for Gimp (vía xiberneticos)

.

Ver Videos – Te Verde – Videos 3GP – 3GP – somos tu y yo

100 Enlaces con Pinceles para Photoshop

Hernan Davos, publico una lista de 100 sitios en los cuales puedes encontrar pinceles para tu Photoshop de distintos estilos, tramas, etc. Bastante buena y especial para diseñadores.

Están ordenados por sitio tipo y enlace, algunos de estos son:

Sitio	Categorial	link
magurno	Retro	enlace
getbrushes	Variado	enlace
deviantart	Luces nubes y estrella	enlace
deviantart	Pelos	enlace
deviantart	Grunge	enlace
misprintedtype	Grunge	enlace
desingnfruit	Tatuajes	enlace
desingnfruit	Grafitis	enlace
devianart	Señales	enlace
aethereality	Plantas	enlace
psbrushes	Variados	enlace
strangeangels	Abstractos	enlace
graphicssoft	Variados	enlace
magitek-designs	Mariposas	enlace
radialdesigns	Abstracto	enlace
xyberneticos	Papel	enlace
dozibaer	Variados	enlace
pixelchick	Variados	enlace
arty	Variados	enlace
dannesdjur	Animales	enlace
jeffsdigital	Variados	enlace

Para ver mas haz clic aquí.

Enlace: Hernan Davos – Recopilacion de 100 enlaces con pinceles para Photoshop.
.

Ver Videos – Te Verde – Videos 3GP – 3GP – somos tu y yo

30+ Templates para WordPress basados en 3 Columnas

Si andas buscando un theme para tu bitácora basado en tres columnas, no puedes dejar de ver este extenso artículo de más de 30 templates para wordpress que hoy publicaron los chicos de mashable.
.

Ver Videos – Te Verde – Videos 3GP – 3GP – somos tu y yo