Posts filed under ‘Diseño’

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

diciembre 1, 2009 at 10:35 am 2 comentarios

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 VideosTe VerdeImagenes para hi53GP

enero 21, 2008 at 1:20 pm 7 comentarios

800+ brushes para photoshop

Brushes PhotoshopExisten 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 VideosTe VerdeImagenes para hi53GP

octubre 31, 2007 at 2:38 am 8 comentarios

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 VideosTe VerdeImagenes para hi53GP

septiembre 17, 2007 at 11:22 pm 1 comentario

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 VideosTe VerdeImagenes para hi53GP

septiembre 17, 2007 at 9:33 pm Deja un comentario

Iconos 2.0 PSD

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 VideosTe VerdeVideos 3GP3GPsomos tu y yo

septiembre 14, 2007 at 12:41 pm 2 comentarios

La web 2.0 en una imagen

Web 1.0 vs Web 2.0

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 VideosTe VerdeVideos 3GP3GPsomos tu y yo

septiembre 8, 2007 at 10:36 pm 2 comentarios

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.

30 Estilos Web 2.0 para GIMP

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 VideosTe VerdeVideos 3GP3GPsomos tu y yo

agosto 12, 2007 at 2:26 pm 1 comentario

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 VideosTe VerdeVideos 3GP3GPsomos tu y yo

agosto 6, 2007 at 11:40 am 2 comentarios

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 VideosTe VerdeVideos 3GP3GPsomos tu y yo

agosto 3, 2007 at 12:16 pm 11 comentarios

Entradas antiguas



Seguir

Recibe cada nueva publicación en tu buzón de correo electrónico.