Diseño Archives - Página 35 de 54

Easy CSS Styler: Crea estilos CSS

11 junio, 2009 por Juanguis

Si uno no tiene demasiado conocimiento sobre CSS, lo ideal es aprender. Para esto o para salir del paso en un apuro, una herramienta útil es Easy CSS Styler.

Con Easy CSS Styler podremos crear y compartir nuestro propio estilo CSS en poco tiempo y sin saber nada de programación. Solo deberemos seleccionar las características que nos ofrecen. Entre ellas figuran los colores del estilo, los enlaces, las tipografías, sus tamaños, etc. Una vez estemos conformes con lo que vemos podremos descargarlo o copiarlo.

Mi consejo es que se tomen un tiempo para intentar aprender CSS. Si bien al principio se lo ve como algo complicado la realidad es que con paciencia es algo entendible y sumamente útil si queremos diseñar. Sin embargo, también hay momentos en los cuales necesitarán algo que los ayude a ahorrar tiempo, y Easy CSS Styler parece ser una buena opción.

Fuente: FeedMyApp

6 plantillas en formato Xhtml/Css con Psd

10 junio, 2009 por Juanguis

En el sitio Smashing Magazine nos cuentan que tiempo atrás publicaron una plantilla XHMTL/CSS junto a su archivo en formato Psd. El mismo fue tan bien recibido que se quedaron pensando en volver a brindar estos recursos para complacer a sus lectores. Es así como esta semana nos ofrecen no uno, sino 6 plantillas XHTML/CSS junto a sus archivos Psd.

Las plantillas son variadas, al tener el Psd nos permiten modificarla a nuestro gusto y necesidad sin mayor problema, y lo mas importante: pueden utilizarse para todo tipo de proyectos, incluyendo los comerciales. Fueron diseñados por TemplateWorld especialmente para esto, así que qué mejor idea que disfrutarlos y tenerlos en cuenta cuando los necesitemos.

Mapa mundial vectorizado

9 junio, 2009 por Juanguis

Tiempo atrás la gente de Dezignus que siempre nos sorprende con geniales recursos destinados a quienes diseñamos, nos ofrecía un mapa vectorial realmente genial y útil para variados proyectos. El mismo de un peso de 1.5Mb estaba en formato Eps y fue mas que bien recibido por todos nosotros. Sin embargo, con el tiempo y gracias a comentarios de diferentes lectores, notaron ciertas fallas que hicieron que se decidieran a presentarnos otra opción, esta vez con estos detalles corregidos.

Así es como publicaron hace poco un mapa mundial vectorizado y mas fiel a uno real, agregando Japón, Eslovenia, Kosovo y demás sitios que faltaban anteriormente. En este caso el recurso pesa 3 Mb y podremos descargarlo en formato Eps (y libre para utilizar en todo tipo de proyecto) por Rapidshare, DepositFiles o MediaFire.

30 divertidos y originales íconos de Tux

6 junio, 2009 por Juanguis

tux

En Web Upd8 armaron una excelente recopilación con 30 divertidos e inusuales íconos de Tux de muy alta calidad. Y cuando digo inusuales y divertidos, me refiero a que no son los del tradicional pingüinito, sino que están modificados y podemos encontrar íconos muy originales, tux zombie, tux alien, tux skaywalker, tux mario bros, tux rambo, y varios más.

Recopilación con mas de 100 archivos Psd

5 junio, 2009 por Juanguis

El Photoshop es seguramente el programa mas utilizado para editar imágenes y crear foto-montajes o diseños en general, junto con el Illustrator dependiendo del caso y de que necesitemos. Si bien conocer las herramientas y su manejo básico es algo sumamente sencillo, no pasa lo mismo con conocer a fondo el programa y saber a donde puede llegar. Eso es algo que uno va conociendo con el tiempo, probando y practicando horas, y que obviamente va a depender siempre de la creatividad que cada uno tenga.

Para aprender a usar Photoshop tenemos en Internet infinidad de variantes. Lo mas conocido obviamente son los tutoriales. Sin embargo, cuando me preguntan como aprender, les digo que junto a los tutoriales es buena idea descargar archivos en formato Psd elaborados. ¿Porque? Porque nos permiten ver en detalle cada capa que forma el diseño. La combinación ideal son los tutoriales que ofrecen el archivo Psd utilizado para descargar.

En InstantShift publicaron una recopilación con 110 archivos en formato Psd de variadas temáticas que pueden ser utilizados en algún proyecto dependiendo de su licencia o como les comentaba antes para descargar y aprender viéndolos.

Easy CSS Styler, arma un CSS básico de manera visual

4 junio, 2009 por Juanguis

Cuando armamos un sitio en HTML, por más básico que sea, hay que darle un poco de estilo a las partes principales mediante CSS, es algo simple, pero que es aburrido hacerlo «manualmente». Hoy encontré Easy CSS Styler , una herramienta excelente, especial para los que nos gusta hacer las cosas lo más rápido posible y con el menor esfuerzo.

Con Easy CSS Styler podemos crear la parte básica de un estilo de manera visual, algo así como un editor WYSIWYG para CSS. Navegando por las diferentes pestañas, body, h1, h2, etc., podemos ir cambiando solores, tipografías, y demás configuraciones de manera visual, y viendo cómo queda en una previsualización a la izquierda.

Una vez que terminamos con la edición visual, sólo queda descargar el archivo con el CSS en formato texto, listo para que lo subamos a nuestro diseño. Me parece una herramienta muy útil, no debe faltar en nuestros favoritos.

Visto en FeedMyApp

Galería de excelentes iconos

4 junio, 2009 por Juanguis

Ya les conté que amo los iconos bien diseñados. Y parece que no soy la única, porque los diseñadores del projecto Guifx, Dan Wiersema y Nando Albuquerque crear un sitio llamado We Love Icons. ¿Por que? Por que les encantan como a nosotros ver un buen paquete bien realizado, mas allá de que tenga una temática de las habituales o no. Ver que en un elemento tan pequeño, hay tanto trabajo implementado de la forma correcta.

La idea del sitio es proveer a todos de un sitio en donde encontrar enlaces a los mejores iconos gratuitos. Estos podremos buscarlos entre tres categorías: Mac, Pc o formato Png. El mismo sitio tiene un espacio para convertir iconos en línea y una sección llamada «How to» donde encontraremos una colección de artículos y herramientas que nos ayudarán a crear nuestros propios paquetes.

Fuente: DiegoMattei

Adobe BrowserLab, testea un sitio web en varios navegadores

3 junio, 2009 por Juanguis

Los amigos de Adobe vienen a full con los lanzamientos en estos días, hoy le toca el turno a BrowserLab, una herramienta, basada en Flex (si no me fallan los cálculos), que te permite previsualizar cómo se vería un sitio web en diferentes navegadores. No es nada innovador en cuanto al concepto, en Punto Geek ya les hemos comentado varias alternativas para esto, sin embargo es interesante comentar este lanzamiento de Adobe.

Sin dudas, esta herramienta de Adobe es más avanzada que las que hemos comentado, simplemente por el desarrollo que tiene detrás, es una herramienta simple, pero a la vez completa. Tiene soporte para atajos de teclado, podemos ir cambiando entre los navegadores, el estilo de la vista, haciendo zoom, y demás tareas, con sólo presionar una tecla.

Podemos elegir entre varios navegadores, pero sólo en Windows XP y Mac OS X, creo que ahí le erraron, me parece que no se dieron cuenta que también existe Linux, pero bueno, es lo que normalmente les pasa a los usuarios del Pingüino.

Visto en GoogleOS

12 blogs con recursos gratuitos y libres

3 junio, 2009 por Juanguis

Los diseñadores, novatos o avanzados, siempre nos encontrarmos en plena búsqueda de recursos gratuitos. ¿El motivo? Que si bien seguramente podríamos crearlos nosotros mismos, seguramente nos llevaría muchísimo mas tiempo del que podemos tener hoy en día. El otro punto a tener en cuenta es que si bien hay miles de recursos en Internet, una buena parte son libres pero solo para uso personal. Esto quiere decir que si necesitamos uno para un trabajo de encargo, seguramente no podremos utilizarlo.

En Designm.ag publicaron una lista con 12 blogs con recursos totalmente libres. Que podremos implementar tanto en proyectos personales como comerciales sin ningún tipo de problemas (igualmente recuerden revisar las licencias por las dudas). La lista incluye motivos,brushes, texturas, themes para WordPress, iconos y vectores, entre otro elementos que harán de diseñar una tarea mucho mas rápida.

Set de 40 badges, botones e íconos de Twitter

2 junio, 2009 por Juanguis

En WeFunction liberaron un pack de íconos dedicados a Twitter para que cualquiera pueda descargar y utilizar en sus diseños. En Punto Geek ya hemos comentado varios packs de íconos y gráficos para «promocionar» nuestra cuenta de Twitter y que la gente nos siga, pero estos me gustaron porque son muy originales.