90 iconos, con dos variaciones cada uno, disponibles de forma gratuita en elegantthemes

iconos

Si os encanta navegar en busca de iconos para ilustrar vuestros proyectos, prestad atención a la novedad que acaban de anunciar en elegantthemes.com.

Se trata de una colección gratuita de 90 iconos, cada uno de ellos en color y blanco y negro (180 iconos en total), que ofrecen sin necesidad de registro ni de mencionar al creador de los mismos.

Se distribuyen en formato .ai, .eps, .pdf, y .png (64px y 128px) con licencia GPL, algo común en este sitio, donde no es la primera vez que realizan este tipo de trabajo.

elegantthemes.com es mundialmente conocido por los temas para Wordpress que desarrollan, temas de muy alta calidad que ofrecen con una frecuencia relativamente alta. Es posible pagar una licencia anual como desarrollador y tener acceso a todos los trabajos que han realizado, bajando tanto los temas como las plantillas en photoshop responsables por el diseño.

Minions ipsum, generador de texto en el idioma de los minions de Mi villano favorito

minions ipsum

Lorem ipsum es un estándar de relleno de texto con palabras en latí­n el cual se suele utilizar desde hace cientos de años en las imprentas y en el último siglo en la Internet, siendo posible conseguir varios párrafos de texto de este tipo desde lipsum.com. Pues bien, Minions ipsum funciona de igual manera, ya no en latí­n sino en el idioma de los minions, ese «enriquecido» idioma que suelen usar los protagonistas amarillos de Mi villano favorito. Así­ luce un fragmento del texto generado:

Pepete butt aaaaaah poulet tikka masala. Daa bananaaaa poopayee uuuhhh jiji uuuhhh pepete daa tank yuuu! Bappleees. Potatoooo poulet tikka masala po kass underweaaar BEE DO BEE DO BEE DO poulet tikka masala bappleees hahaha tulaliloo chasy.

Al igual que en lipsum.com, la idea es generar un determinado número de párrafos aleatorios según se necesiten. Para esto basta con seleccionar tal número con el botón «Paragraphs», y luego pulsar en «Bananaaa!!!» o en «Gimme latin» (combinación de latí­n con idioma minion) para que se genere en la caja de texto de la parte derecha. Restará copiarlo y pegarlo en el lugar que se requiera.

En fin, luego del excelente Quijotipsum, un generador de texto tipo lorem ipsum citando fragmentos de don Quijote de la Mancha, muy interesante por estar en español, aparece en la red este curioso pero útil recurso que servirá a diseñadores y programadores para rellenar las secciones de texto de sus bocetos.

Enlace: Minions ipsum

SnapTee, para diseñar camisetas desde el mismo móvil, llega a Android

snaptee

Seguro que más de uno hemos diseñado alguna que otra vez nuestras propias camisetas y hecho que nos las enví­en a casa para poder lucir ese tan querido diseño personalizado. Hasta esta pequeña industria va avanzando, y es que ahora se nos permite diseñar nuestros modelos y adquirirlos desde el mismo móvil o tablet con la app SnapTee.

Los usuarios de iOS ya disponí­an de la app desde hace algunos meses, pero sí­, ahora llega también para Android y nos da rienda suelta a la hora de crear nuestras camisetas, estamparles fotos, texto, citas, fotos de Instagram o cualquier motivo deseado sin necesidad de coger el PC. El servicio no se centra sólamente en crear nuestra obra y enviárnosla a casa, sino que también nos permite vender nuestro diseño en la misma plataforma y nos ofrece el 10% de comisión por cada venta realizada (sin necesidad de tener que pagar ningún fondo primero).

Podremos crear una cuenta registrándonos a través de Facebook y Twitter, y una vez hecho esto acceder a los diseños existentes o crear el nuestro propio. Las camisetas estarán divididas por colecciones y podremos marcar las que más nos gustan como favoritas en caso de que queramos adquirirlas en un futuro. A dí­a de hoy disponemos de muchos diseños en la plataforma, dada la enorme comunidad que se dedica a publicar sus creaciones a diario (algunas muy buenas). Una vez creado el diseño, podremos pedir lo que enví­en a casa por 19,95 dólares, en la talla deseada.

Podéis bajaros SnapTee para Android en este enlace a GooglePlay.

flaticon, buscador de iconos gratuitos

flaticon

Los creadores de Freepik, buscador de fotos, ilustraciones, archivos PSD y vectores gratuitos, nos presentan Flaticon.com, un nuevo proyecto que nace como una base datos de iconos simples de internet, disponibles en formato vectorial (.SVG), PNG y web font (en la web explican el proceso que tenemos que realizar pata transformar una imagen png en una web font).

Además de tratarse de una colección de casi 12.000 fantásticos iconos que podemos buscar, encontrar en sus categorí­as y bajar para su uso gratuito, podemos también utilizar un plugin para Photoshop que permitirá, sin salir de dicho editor de fotografí­a, tener acceso a su base de datos.

Esto surgió a raí­z que todos los nuevos sistemas operativos actuales ya usan este tipo de iconos simples, IOS7, Android, Windows, etc y nos pareció una buena idea crear este proyecto para completar a Freepik y ayudar en una parte muy importante del diseño que son el uso de iconos.

Podemos ir navegando y crear listas con nuestros preferidos, no hay lí­mite de la cantidad de downloads que podemos realizar, y prometen que todo el contenido es libre para su uso, tanto personal como comercial.

Nos comentan que tienen previsto duplicar el número de iconos disponibles en los próximos dos meses, por lo que vale la pena estar atentos a la evolución del proyecto.

Google lanza herramienta para crear sitios web y anuncios en HTML5

En www.google.com/webdesigner tenemos disponible la nueva herramienta de Google, una aplicación que nace para ayudarnos a construir sitios web y anuncios en HTML5, compatibles con cualquier dispositivo, ya sea PC o móvil.

google

Lo anuncian en doubleclickadvertisers como un programa en versión beta para Windows y Mac, disponible de forma gratuita para que sea sencillo crear páginas web y banners arrastrando y soltando elementos.

La idea es que podamos crear animaciones HTML5 de forma intuitiva, que sea posible ver y editar el código detrás de los diseños, que podamos construir mensajes publicitarios sin problemas, que podamos recibir las actualizaciones del producto de forma automática y que no tengamos que pagar nada por nada de eso.

Tenemos ya una guí­a de uso en el soporte de google y una página oficial en g+ para poder interactuar con dudas y sugerencias, algo que se agradecerá hasta que nos acostumbremos con el uso de esta nueva aplicación.

El objetivo es mejorar la calidad de los anuncios usados en la plataforma de publicidad de Google, claro, pero podemos usar los resultados en cualquier lugar, y eso lo dejan bastante claro en la nota de presentación.

Os dejamos con el ví­deo de demostración donde podemos ver las posibilidades de la herramienta:
Continúa leyendo «Google lanza herramienta para crear sitios web y anuncios en HTML5»

Emmet, una extensión para agilizar el trabajo de quien programa HTML y CSS

emmetProgramar desde cero una página web, creando las hojas de estilo y el HTML que responderá al diseño especificado en ella, puede ser una odisea si no se usa el editor adecuado.

La mayorí­a de los editores ya ofrecen recursos que ayudan a no olvidar las comillas, los puntos y comas, las etiquetas y demás componentes, pero cada uno tiene sus propias reglas, sus propios atajos de teclado, y muchas veces necesitamos un «algo más» que nos ayude a ahorrar tiempo a la hora de escribir código.

Emmet es una extensión compatible con varios editores de código, tanto web como para plataformas tradicionales, que permite, entre otras cosas, escribir lineas de código usando abreviaturas. Podemos así­ evitar los CTRL+C & CTRL-V usando un código especial de Emmet que permite ser interpretado para rellenar lineas de forma automática, aunque también ofrece atajos que en muchos editores no existen.

Las caracterí­sticas completas de esta extensión, así­ como los programas con los que es compatible, pueden verse en emmet.io, donde está disponible de forma gratuita. En caso de querer cotillear entre su código, podéis hacerlo en github; también podéis visitar este artí­culo en hongkiat.com, donde explican un paso a paso para su instalación y uso.

gathercontent, para definir el contenido de sitios web entre empresas y clientes

gathercontent

Cuando una empresa contrata la creación de un sitio web solemos enfrentar dos batallas: la del diseño y la del contenido. Ya hemos hablado de una infinidad de herramientas que ayudan a definir aspectos de diseño entre clientes y diseñadores web, pero no es común encontrar aplicaciones concentradas en el contenido, motivo por el cual es importante prestar atención a gathercontent.

Se trata de una plataforma en la que podemos crear la estructura de páginas de un nuevo sitio web. En cada página podemos definir los componentes existentes: tí­tulo, texto, imagen, etc. e indicar el tipo de contenido deseado en cada elemento.

El equipo interno de la empresa de diseño puede ir creando la estructura obedeciendo a las instrucciones del lí­der del proyecto, quien estará en contacto con el cliente, e ir aprobando cada una de las secciones a medida que son concluidas.

Cada tarea puede tener uno de tres estados: borrador, pendiente de aprobación y aprobado. Las instrucciones de cada sección estarán siempre visibles, y podemos ir añadiendo comentarios en cada una para ir afinando la punterí­a y acertar en el resultado final que el cliente aprobará.

La plataforma está disponible en gathercontent.com y tiene un precio proporcional al número de usuarios de cada cuenta. En este ví­deo muestran en dos minutos cómo podemos usar el sistema:

(null)

Selección de recursos para diseñadores y desarrolladores web

La siguiente es una completa lista de frescos recursos que será bastante útil para cualquier diseñador y/o desarrollador; una brillante selección en la que hemos escogido los mejores recursos de diseño para todo tipo de profesionales gráficos, sets completos de interfaz gráfica (GUI), iconos, temas para sitios web o blogs en WordPress, tipografí­a, experimentos de código, plugins, newsletters, tarjetas de presentación, calendarios y mucho más. Todos los recursos se encuentran en formatos editables (PSD) o como plantillas en HTML/CSS, y lo mejor, con descarga gratuita! Así­ que explóralos, descárgalos y haz que tu próximo proyecto tenga un toque profesional y único.

Diferentes recursos gráficos para tu negocio (tarjetas de presentación, calendarios y plantillas para boletines)

En esta sección encontrarás un conjunto de recursos gráficos gratuitos que hemos encontrado para mejorar diversos aspectos de tu sitio web, blog o material impreso como tarjetas de presentación, calendarios y plantillas para boletines, entre otros geniales recursos.

Gusto: Plantilla en PSD para crear boletines de correo

Plantilla GUSTO

Corbert Condensed: fuente versátil y funcional para proyectos de diseño complejos

Fuente Cobert condensed

Iconos de relojes: 20 iconos minimalistas de relojes para todo tipo de proyecto

Iconos de relojes

Patrones claros: 5 patrones en en tonalidades claras para usar en fondos e impresiones

Patrones claros

Colección de cintas: más de 20 cintas en formato EPS completamente editables

Coleccion de cintas en formato EPS

Fondos desenfocados: 7 fondos con desenfoque para cualquier propósito

fondos multicolor

Lista en carrusel: concepto de perfil de aplicación social para iOS7 hecho en PSD

Lista en carrusel iOS7

Menthol: tarjeta de presentación minimalista completamente editable

Menthol tarjeta de presentación

Tondu: fuente gruesa perfecta para magazines y posters

Fuente gruesa Tondu

Widget del clima: interfaz transparente con í­conos del clima para tus proyectos.

Widget del clima transparente

Patrones oscuros y sutiles con un diseño muy instintivo

Patrones oscuros

Mejora la apariencia de tu web con estos increí­bles GUI sets

Aquí­ puedes explorar un buen número de GUI sets, tanto minimalistas como detalladas, importantes para mejorar botones, sliders, menús, y muchos otros elementos gráficos de tu sitio web o aplicación móvil.

Flatilicious: interfaz con cientos de elementos para crear sitios web muy completos

interfaz Flatilicious

Bootstrap 3 PSD: una asombrosa interfaz para diseñadores y desarrolladores web

Bootstrap 3 PSD

Flat UI: muy completa interfaz plana con elementos para todo tipo de aplicaciones

Flat UI

Red UI: una interfaz con un diseño sobrio y atractivo

RED UI: Interfaz sobria

Flat UI kit: coleccion de elementos web editables y organizados en PSD

Flat UI kit

Componentes iOS7: interfaz con elementos pensados para iOS7

Componentes iOS7

Kit minimalista: set simple con elementos planos ideales para paneles de control

Kit minimalista

Crisp kit: set simple con elementos de apariencia crujiente y realista

Crisp kit

Kit colorido: interfaz plana con elementos llenos de color para aplicaciones sociales

Interfaz con elementos sociales

Kit ecoturí­stico: kit enfocado a aplicaciones con visión ecológica

Kit ecoturistico

Color UI: interfaz con colores pastel y elementos para tienda virtual

Color UI

Iconos de todo tipo que darán vida a tus contenidos

Esta selección integra diferentes sets de iconos sociales y de diferentes temáticas, listos para descargar gratuitamente y con un nivel de detalle excepcional. Muchos de ellos se adecuan al estilo plano que tanto nos gusta a los diseñadores, pero también para los nostálgicos hay algunos sets de iconos diseñados con mucho detalle y gran calidad que seguro darán más vida al contenido de tu proyecto.

Shock Icon Font: iconos basados en iOS7 para todo tipo de proyectos web

Shock Icon Font

Iconos de sombra larga: paquete con 30 iconos con efecto de sombra alargada

Iconos de sombra larga

IMPICONS: set con los iconos mas esenciales para la web

IMPICONS

Glifos iOS 7: paquete de iconos inspirados en el estilo sencillo de iOS7

Glifos iOS7

Iconos de prendas: 24 iconos de prendas de vestir con estilo linear

Iconos de prendas de vestir

PixelLove: set de iconos trabajados meticulosamente y listos para cualquier ambiente

PixelLove

Iconset: set de 63 iconos en estilo linear para la creación de interfaces.

Iconos estilo linear

Rediseño iconos iOS7: iconos de aplicaciones modificados para adapatarse a la nueva interfaz de iOS

Rediseño iconos iOS7

Landmark icons: set de 12 iconos de lugares famosos del mundo

iconos de lugares famosos

Tarjetas de credito: set de iconos de tarjetas de credito en estilo plano

iconos de tarjetas de credito

Iconos iOS7: iconos planos presentados como alternativa al actual menu de iOS7

iconos planos iOS7

Vectores planos: paquete de 50 iconos planos en vectores de Adobe Illustrator

vectores planos

Haz una cirugí­a estética a tu sitio con temas (PSDs y plantillas HTML)

Si alguna vez quisiste saber que se siente ser cirujano estético, bueno… esto es lo más cercano que puedes llegar a serlo. Cambia la apariencia de tu sitio web o blog con estas fantásticas plantillas en HTML y elementos gráficos en PSD.

STE.AM: Paquete de 5 plantillas en PSD para sitios de eventos

Plantillas STE.AM

Casual: tema para blogs de WordPress con infinitas opciones de color

Casual: tema de wordpress para blogs

Wg: nombre clave para esta plantilla de una página con diseño plano

Wg: plantilla de una pagina

iOS7 WordPress theme: una nueva cara para tu sitio inspirada en iOS7

iOS7 WordPress theme

EasyPortfolio: tema hecho en HTML5 y CSS3 totalmente responsivo para tu portafolio

easyportfolio tema en HTML5

Coorpin: tema corporativo minimlista para WordPress

Coorpin tema corporativo

Business: tema en PSD para negocios

tema en PSD para negocios

Vestibulum: plantilla en PSD ideal para sitios de mercadeo

Vestibulum tema de mercadeo

Organic: sobrio tema en PSD pensado para empresas y portafolios

Tema para empresas y portafolio

App Website: plantilla en PSD ideal para sitios de aplicaciones móviles

plantilla sitio aplicacion movil

Mejora las cualidades de tu plantilla con plugins y código adicional

Y ya que has terminado de arreglar la parte gráfica de tu negocio, lo fundamental es mejorar la funcionalidad de tu sitio web; haz que cargue más rápido, mejora la calidad de las imágenes y crea menús multinivel con estas herramientas y experimentos.

Jquery Slider Shock: una de las herramientas para crear sliders más completas en la web

jQuery Slider Shock

Dynamo: una forma simple de generar efectos en tus textos

Dynamo JS plugin

slimMenu: herramienta para crear menus complejos sobre la marcha

slimMenu jQuery plugin

Kit de maquetación iOS7: esquematiza de manera más veloz en Illustrator

iOS7 kit de maquetación

Boostrap 3: la versión actualizada de uno de los mejores framework disponibles

Bootstrap 3

Botones en CSS3: util paquete de botones con licencia de uso comercial

botones en CSS3

Menú desplegable: interesante concepto de menú con opciones fuera de este mundo

menu desplegable

tidyTime.js: una manera más amigable de proveer actualizaciones horarias

tidytime.js plugin

JPEGmini: poderosa compresión de imágenes sin perdida de calidad

compresor jpegmini

Booxibition: hermosas animaciones hechas con CSS3 y jQuery

Booxhibition

Menú multinivel: interesante concepto de menu lateral con animación

menu multinivel

Studio – Un «instagram» para profesionales del diseño gráfico

Compartir fotos es sencillo, cualquiera puede hacerlo, principalmente ahora que los filtros permiten darle ese aspecto «sofisticado» a cualquier tipo de imagen. Lo difí­cil es tener el ojo, saber exactamente dónde está el lí­mite entre una foto mediocre y una obra de arte, sorprender con el instinto, más que con la herramienta.

Y si un buen fotógrafo es difí­cil de encontrar entre millones de aficionados, un buen profesional del diseño gráfico es aún más raro, ya que no es Instagram el lugar más utilizado para divulgar trabajos de ese tipo.

Es ahí­ donde aparece Studio (madewithstudio.com), una aplicación, de momento solo para iPhone, que permite crear y compartir trabajos de diseño, con cientos de elementos que podemos usar desde la herramienta para construir prácticamente cualquier cosa que imaginemos.

studio

El resultado puede compartirse en las redes sociales, mostrando nuestra imaginación al mundo, aunque siempre podemos tener nuestra propia comunidad de seguidores que comenten y admiren el trabajo que vamos haciendo, tanto con los elementos gratuitos (hay más de 600) como con los iconos, texturas y demás que se encuentran en el market de Studio.

Según comentan en mashable, ya son más de 74.000 los diseños que se han compartido con la aplicación desde su lanzamiento, un número impresionante teniendo en cuenta que la versión 1.0 data del dí­a 16 de agosto de este año.

Nota: En estos momentos están saturados en peticiones de nuevos registros, y el alta puede dar problemas al incluir el nombre de usuario. Esperemos que el problema se solucione rápidamente.

Completa interfaz de Bootstrap 3 en PSD con licencia de uso comercial

Desde DesignShock se han tomado el trabajo de crear un excelente recurso para entusiastas de la web, un set completo en formato PSD (Photoshop) que contiene todos los elementos presentes en la interfaz gráfica renovada de Bootstrap 3. La nueva versión de Bootstrap ha causado sensación y no son pocos los sitios que ya están empezando a aprovechar sus ventajas.

El archivo emula el estilo de Bootstrap y contiene todos los elementos incluidos en la última version del popular framework, un set como éste es perfecto para crear fácilmente maquetas de temas, aplicaciones web y móbiles de manera extremadamente fácil, olví­date del código y empieza a arrastrar los elementos a tu gusto, si quieres pasar la idea de una página, tema o aplicación a un desarrollador y quieres asegurarte de que la idea está clara, esta interfaz puede serte de gran ayuda.

Describimos a continuación las caracterí­sticas de este set:

– El archivo esta organizado cuidadosamente en capas y agrupado para que sea fácil encontrar y usar todos los elementos que se necesiten.

– Los elementos del archivo fueron creados usando diseño pixel perfect, con lo cual las lineas están ajustadas al pixel, dotando de nitidez y definición cada uno de los diseños incluidos.

– El archivo cuenta con la misma licencia de uso de Bootstrap: Apache 2.0, con lo cual puede ser usado para cualquier proyecto incluso con fines comerciales.

Un recurso para descargar lo antes posible y aprovechar al máximo, espero lo disfruten. Descárgalo aquí­.

bootstrap1

bootstrap2

bootstrap3

bootstrap4