elWebmaster.com

Internet | comunidad | recursos

13 infografías destacadas sobre Internet para inspirarte

infografiaLas infograf√≠as son una gran manera para que la gente realmente vea los datos. El uso de elementos de dise√Īo visual puede simplificar la informaci√≥n compleja y hacer que sea m√°s f√°cil de digerir.

En esta nota, te mostramos 13 infograf√≠as que presentan informaci√≥n y datos √ļtiles para todos los trabajadores de la web, y para ti tambi√©n ya que puedes utilizarlas como fuente de inspiraci√≥n en tus dise√Īos. Seguir leyendo

19/oct/09, 15.39 Micaela 2 comentarios

recursos | imágenes | fotografía

Image Spark: Tu colección de imágenes favoritas de toda la web

image-sparkCon ImageSpark descubre, comparte, etiqueta y combina im√°genes que te inspiren a ti y a tus proyectos.

ImageSpark es una especie de libro de bosquejos donde podr√°s cargar todas aquellas fotograf√≠as que veas en la web y te resulten interesantes o impactantes a modo de enlaces. Es como tener tu secci√≥n de “Favoritos” o “Bookmarks” de fotos almacenadas en una aplicaci√≥n, para tener un atajo r√°pido a cualquier imagen que veas y que te haya gustado. Seguir leyendo

12/oct/09, 10.59 Micaela Comentar

Firefox | CSS | Safari

Cómo dar un efecto Letterpress a tu texto con CSS3

css31Letterpress no es s√≥lo un tipo de m√©todo de impresi√≥n industrial, sino tambi√©n un genial efecto que est√° volvi√©ndose incre√≠blemente popular en la web y el cual podemos implementar en nuestros dise√Īos.

Dado que algunos de los navegadores modernos poseen soporte para la propiedad CSS3 de text-shadow, es muy simple crear este efecto simplemente con CSS y una m√≠nima intervenci√≥n de alg√ļna aplicaci√≥n para retoque de im√°genes. Seguir leyendo

21/sep/09, 16.47 Micaela 2 comentarios

Internet | blog | Dise√Īo Gr√°fico

25 grandes ejemplos de dise√Īos web a tres columnas

ejemplotrescolumnasMuchas veces decidimos utilizar un dise√Īo web de dos columnas porque nos resulta m√°s organizado que uno de tres columnas, pero un buen dise√Īador sabe que todo es relativo y debe estar al servicio de la premisa.

En esta nota te traemos 25 ejemplos de interesantes dise√Īos de blogs en tres columnas, como incentivo para nuestra propia creatividad. ¬ŅQuieres echar un vistazo? Seguir leyendo

10/sep/09, 09.07 Micaela Comentar

Marketing | Dise√Īo Gr√°fico | portfolio

Guía para crear un portfolio de gran calidad

suitcase_icon2A la hora de realizar nuestro portfolio, hay que tener en cuenta que es necesario adaptarlo a nuestras necesidades individuales.

En esta nota, te acercamos algunos consejos para lograr resultados √≥ptimos en la creaci√≥n del portfolio perfecto y ser la envidia de tus colegas. ¬ŅComenzamos? Seguir leyendo

05/sep/09, 09.03 Micaela 5 comentarios

CSS | tutorial | jQuery

Crea un panel vertical con jQuery y CSS3 en 3 pasos

panelverticalM√°s y m√°s a menudo, vemos que las personas que utilizan paneles deslizantes horizontales en sus sitios web. Y por lo general tienen un aspecto muy agradable.

Lo cierto es que m√°s all√° de lo “bello”, el panel vertical nos da la ventaja de poder condensar informaci√≥n, mostrando lo m√≠nimo indispensable pero dando a nuestros usuarios un atajo r√°pido para “ver m√°s”.

Algunos ponen un formulario de contacto o inicio de sesión allí, otros ponen algo de información sobre su sitio web, o incluso cosas como una nube de etiquetas o botones de redes sociales. Seguir leyendo

03/sep/09, 10.13 Micaela 11 comentarios

photoshop | Dise√Īo Gr√°fico | GIF

Gu√≠a profesional para optimizar tus im√°genes PNG – 2¬ļ parte

miniatura21Como dise√Īador web puede que ya est√©s familiarizado con el formato de imagen PNG que ofrece la propiedad de transparencia completa. Es un robusto y muy buen reemplazo del viejo formato GIF.

En esta segunda parte te contamos nuevas técnicas para ayudarte a optimizar tus imágenes PNG, surgidas de analizar el modo en que el formato PNG almacena la información que utiliza. Seguir leyendo

16/ago/09, 09.04 Micaela 8 comentarios

Google | icono | Dise√Īo Gr√°fico

Recreando el ícono de Google Chrome alrededor del mundo

chrome-osDesde el Blog de Google, Michael Lopez, el dise√Īador del √≠cono de Google Chrome nos comenta que mientras descifraba c√≥mo representar mejor el nuevo navegador web pas√≥ por muchas interacciones.

Todos ya conocemos el afamado resultado. El pasado mes de Junio, Google invitó a los usuarios a que tomaran el ícono y lo transformaran de una forma nueva y creativa. Seguir leyendo

15/ago/09, 09.03 Micaela 1 comentario

Internet | photoshop | imagen

Photoshop: Optimizar im√°genes para acelerar tu sitio

photoshop2Con algunos conocimientos b√°sicos en la compresi√≥n y optimizaci√≥n de las im√°genes, es posible reducir significativamente el tama√Īo de una imagen mientras aumentamos su calidad.

Minimizar los tiempos de carga har√° m√°s r√°pida y placentera la experiencia del visitante. Por eso en esta nota te contamos c√≥mo optimizar las im√°genes de nuestro sitio con Photoshop para lograr un mejor desempe√Īo.

Seguir leyendo

23/jul/09, 09.09 Micaela 5 comentarios

palabras | recursos | photoshop

Photoshop: 30 pinceles “estilo aerosol” de alta resoluci√≥n

photoshop1Seguramente todos los dise√Īadores estaban esperando alg√ļn nuevo set de pinceles originales para Photoshop, como los que siempre les traemos, para a√Īadir a su colecci√≥n.

El d√≠a de hoy tenemos para ustedes 30 pinceles de alta resoluci√≥n estilo “aerosol que gotea” para que puedan implementar en todos sus trabajos realizados en este genial software de edici√≥n gr√°fica. Seguir leyendo

16/jul/09, 11.36 Micaela 1 comentario

© 2007 - 2008 elWebmaster.com | Powered by Wordpress | Diseño CSS y XHTML válido. | Algunos íconos basados en FamFamFam Mini
Acceder