Etiqueta: diseño

boxofbundles – Recursos gratuitos para diseñadores

Publicado el

por Juan Diego Polo

Hoy nace boxofbundles.com, una web que promete publicar con bastante frecuencia recursos gratuitos que pueden ayudar al trabajo diario de los que se dedican al diseño, tanto web como tradicional.

Del mismo equipo responsable por wordpressthemeshock.com (que hoy mismo ha publicado una recopilación de 250 temas profesionales y gratuitos para Wordpress), prometen que todo el contenido será gratuito para uso personal y comercial, incluyendo iconos, interfaces, plantillas, newsletters y un largo etc.

Cada mes habrá nuevos recursos, con las fuentes incluí­das para facilitar el trabajo de personalización.

La empresa que hay por detrás del trabajo es webdesignshock.com, conocida, entre otras cosas, por su colección de iconos en iconshock.com.

Google presenta la actualización de su barra

Publicado el

por Fco. José Hidalgo

Buscando siempre la mejora en la simplicidad y elegancia, meses atrás Google ha estado remodelando toda la estética de sus servicios para unificarla al estilo visual usado en Google+ inicialmente, convirtiéndose en una nueva seña de identidad de los servicios de Google. Y como el camino se demuestra andando, Google sigue empeñada en la mejora en la interacción de los usuarios, y en las próximas semanas vamos a ver una serie de mejoras relacionadas con su barra superior.

Según informan desde el blog Tecnologí­a y Anuncios de Google, la actualización de la barra mantendrá muchas de sus caracterí­sticas aunque la principal modificación la observaremos en el reemplazo del menú desplegable de Google, con la barra de enlaces extendidos a lo largo de la parte superior de la página.

Por ahora tan sólo debemos esperar, y si queremos tener más información, desde el Centro de Ayuda la obtendremos.

Enlace: Centro de Ayuda | Ví­a: Tecnologí­a y productos de Google

BearCSS – Genera un archivo CSS a partir de HTML

Publicado el

por Juan Diego Polo

BearCSS es una aplicación que permite generar una plantilla de un archivo CSS usando los elementos especificados en el archivo HTML que le indiquemos.

El archivo generado contendrá las clases, id y elementos del HTML, ayudando a realizar las tareas más monótonas del diseño de la hoja de estilo y permitiendo que dediquemos más tiempo a crear.

Se trata de un proyecto creado en HTML5/CSS, jQuery y PHP por Kyle Gawley y Jordan Henderson, quienes dejan sus datos de contacto disponibles en la página principal de BearCSS.

Link: BearCSS | Ví­a TNW

colorhexa – Para buscar información sobre colores especí­ficos

Publicado el

por Juan Diego Polo

colorhexa.com es un buscador especializado en colores, obteniendo información sobre cualquier color que le indiquemos, en cualquier formato, así­ como las fórmulas para transformarlo de uno a otro (rgb a hsl o cmyk, por ejemplo).

También podemos crear gradientes separando los colores con «+» o «to» en el campo de búsqueda.

Podemos buscar por nombre o código, aceptando cadenas como «red» , «ff0000» (con o sin «#»), «rgb(255,0,0)», «rgb 100 0 0 %», «c:0, m:100, y:100, k:0», «hsl 0, 100, 50», etc.

Un excelente recurso para ampliar la lista de Herramientas para trabajar con colores

10 aplicaciones Open Source para edición de multimedia

Publicado el

por Juan David Quiñónez

Una de las muchas ventajas del software libre es que surge para suplir necesidades compartidas entre usuarios de todo el planeta, y qué uso más común que el de la edición de multimedia. Para todos los gustos y sistemas operativos pues todos funcionan en Windows, GNU/Linux y Mac -otro punto a favor posibilitado por el tratamiento ilimitado del código fuente-, están aquí­ algunas de las alternativas más llamativas:

Miro


Cliente para descargar torrents, lector de feeds y un excelente sistema para reproducir todo tipo de audio y video. A eso hay que sumarle un convertidor de formatos (incluyendo de compatibilidad para dispositivos portables), compra de música y gestión de biblioteca de contenido tipo iTunes. Muy pronto tendrá app para iPad.
Continúa leyendo «10 aplicaciones Open Source para edición de multimedia»

Crea un cómic con las imágenes de tu ordenador

Publicado el

por Juan Diego Polo

Si tenéis algunas imágenes guardadas en vuestro PC y os gustarí­a darles vida creando un cómic, ahora podréis hacerlo con webcomic.freeiz.com.

Se trata de una sencilla aplicación que podemos usar arrastrando las imágenes a los cuadros disponibles, con la opción de añadir bocadillos con los diálogos deseados, habiendo varias opciones de diseño en el menú derecho.

El código del proyecto, muy simple de momento, se encuentra en comic.codeplex.com, disponible para que cualquiera pueda colaborar para mejorarlo.

No es tan sofisticado como otras opciones que hemos visto en la categorí­a de crear comics, pero es rápido y muy sencillo de usar, algo que se agradece bastante.

Web Developer – La extensión con decenas de herramientas para diseñadores web

Publicado el

por Juan Diego Polo

Eliminar la hoja de estilos de las páginas, destacar ciertos elementos, eliminar imágenes, alterar formularios, modificar tamaños… Web Developer es una extensión disponible para Firefox y Chrome que nos permite trabajar en diseño web de forma mucho más productiva, teniendo siempre a mano varias utilidades que agilizan el trabajo.

La versión de Firefox ya cuenta con más de 1 millón de usuarios, teniendo la de Chrome más de 300.000 instalaciones.

Chris Pederick es su creador, con una web (chrispederick.com) donde comentan los detalles de éstas y otras creaciones.

Links: Para Chrome | Para Firefox

Las 10 mejores apps y extensiones de Google Chrome para diseñadores

Publicado el

por Juan David Quiñónez

Ya sea desde el diseño web y otras publicaciones gráficas, el navegador es una de las más interesantes herramientas de ayuda que facilitan cada proceso de creación. Bien, pues gracias a las decenas de desarrolladores y artistas que colaboran en la creación de extensiones para Google Chrome, ya existe un considerable número de opciones para adaptarlo a las necesidades también de los diseñadores, y algunas de las mejores están aquí­ hoy. Un agradecimiento especial a TheNextWeb por compartirlas.

extensiones chrome diseñadores 2

Tape: En Google Chrome, Ctrl + Shift + I es un atajo para conocer el «esqueleto» de cualquier página que de forma similar al complemento Firebug de Mozilla Firefox, muestra un montón de útil información de todas las secciones que le conforman. Pues bien, Tape es una herramienta más especí­fica que facilitará medir las posiciones de dichos elementos a través de lí­neas guí­a, las mismas reglas que aparecen en Photoshop o en GIMP pero con el detalle numérico que en éstas populares aplicaciones hace falta.
Continúa leyendo «Las 10 mejores apps y extensiones de Google Chrome para diseñadores»

Dropr con nuevas caracterí­sticas e integración de HTML5

Publicado el

por Miriam Schuager

En artí­culos anteriores te hemos contado de Dropr, una plataforma que nos permite crear portafolios de nuestro trabajo para presentarlos online de manera profesional. Cuenta con una interfaz impecable y funciones que nos permiten integrar cualquier contenido multimedia a nuestra presentación.

El equipo ha seguido trabajando y ahora ha presentado nuevas caracterí­sticas y funciones, que nos permitirán acceder a todas las opciones de manera más sencilla y crear portafolios profesionales. Por ejemplo, ahora dispone de soporte para  alojar contenido en HTML5, lo que extiende mucho más las posibilidades.

Además, subir todo tipo de archivo con solo arrastrar y soltar en la interfaz de Dropr. Pueden ser uno o varios a la vez, de diferentes tipos, ya que el sistema reconocerá cada uno de ellos y hará el trabajo por ti. Si deseas generar un código QR, puedes hacerlo, y tendrás otro detalles que los que visiten tu portafolios podrán apreciar.

Por supuesto, entre las opciones encontrarás la  posibilidad de compartir el contenido que has preparado en otros medios ajenos a Dropr. Si das vuelta por la interfaz verás que muchos detalles que se han tenido en cuenta para que tu navegación por las diferentes funciones sea agradable y simple.

Enlace: Dropr

Documenta estrena plantillas prediseñadas y la función de “duplicar proyectos”

Publicado el

por Cristina Casanova

En anteriores posts hemos hablado de www.mydocumenta.com como una plataforma de exploración y de creación personal en la que el usuario dispone de total libertad para diseñar sus proyectos.
Ahora Documenta, en su voluntad de seguir ahondando en las posibilidades de la creación colectiva, acaba de incorporar dos nuevas funciones que resultarán además muy útiles a todos aquellos que desean crear contenidos multimedia en Internet: el diseño a partir de plantillas predefinidas y la función de duplicar proyectos que, entre otras cosas, os permitirá crear vuestras propias plantillas, aprovechar los diseños de otros autores o compartir los vuestros. Una función muy útil para crear con un solo clic las diferentes páginas de vuestros trabajos online, revistas, webs, catálogos, un portfolio, una exposición online…

El diseño a partir de plantillas predefinidas.

Al crear un nuevo proyecto el usuario se encontrará con la posibilidad de crear un proyecto a partir de la cuadrí­cula interactiva, un menú lateral y ahora también de plantillas de diseños predefinidos. Al escoger esta opción, en la parte inferior del espacio de trabajo se cargan las diferentes plantillas de diseños que ofrece Documenta. Para seleccionar una plantilla basta con hacer doble clic sobre la que nos gusta, para visualizarla e interactuar con ella, y después clicar en el botón verde para escoger la plantilla deseada.
Continúa leyendo «Documenta estrena plantillas prediseñadas y la función de “duplicar proyectos”»