Category: Recursos

17
Dic

Tamaño de las imágenes para redes sociales

¿Cuál debe ser el tamaño de las imágenes para redes sociales como Facebook, Twitter, etc.?

Actualización 14 de Agosto de 2018: En el siguiente enlace encontraréis el tamaño de las imágenes para redes sociales 2018.

En muchas ocasiones nos encontramos con el dilema, a la hora de confeccionar creatividades para campañas o acciones puntuales, de cuál debe ser el tamaño de las imágenes para redes sociales.

Dando una vuelta por el Sr. Google nos hemos encontrado con esta guía actualizada (finales de 2015) con el tamaño de las imágenes en los diferentes espacios.

En ella podrás ver:

  • Tamaño de las imágenes para Twitter
  • Tamaño de las imágenes para Facebook
  • Tamaño de las imágenes para Google+
  • Tamaño de las imágenes para Instagram
  • Tamaño de las imágenes para Pinterest
  • Tamaño de las imágenes para Tumblr
  • Tamaño de las imágenes para YouTube
  • Tamaño de las imágenes para Linkedin

 

 

Guía definitiva tamaño de las imágenes para Facebook, Twitter, YouTube y un largo etcétera de redes sociales

Guía definitiva tamaño de las imágenes para Facebook, Twitter, YouTube y un largo etcétera de redes sociales

16
Ene

WhatsApp para escritorio y tablet: WhatsCloud

WhatsApp en la nube gracias a WhatsCloud

WhatsCloud es una aplicación para móviles que permite mediante una sincronización en la nube usar, con el mismo número ;D, WhatsApp en tu escritorio y/o tablet.

PASOS A SEGUIR PARA USAR WHATSCLOUD

Para empezar a usar WhatsApp en otros dispositivos tienes que llevar a cabo los siguientes pasos:

  1. Descargar WhatsCloud del Google Play en un dispositivo móvil donde esté instalado WhatsApp y operativo.
  2. Crear una cuenta nueva.
  3. Acceder a whatscloud.io e identificarse con los datos que has proporcionado en la aplicación.
  4. Ingresar los 6 dígitos únicos que te ha proporcionado la aplicación al registrarte.
  5. ¡Empezar a utilizar WhatsApp en diferentes dispositivos!

No necesitarás una aplicación para el escritorio o la tablet, simplemente accedes a la web, te identificas y empiezas a enviar mensajes.

 LIMITACIONES

Bueno, no todo iba a ser perfecto, tenemos dos grandes limitaciones:

  • Actualmente solo está disponible para terminales móviles Android en modo root
  • Solo podrás enviar textos. No permite el envío de contactos, videos, imágenes y ubicación como si hace WhatsApp.

CAPTURAS DE PANTALLA

A continuación te dejamos con unas capturas de pantalla de la aplicación para Android y Web:

 

22
Dic

Generador de colores para Twitter Bootstrap

Generador de colores mediante una imagen

 Lavish es una herramienta gratuita on-line que os permitirá generar un plantilla de color base para vuestros proyectos con Twitter Bootstrap a través de una imagen.

La herramienta es útil y fácil en dos pasos:

  1. Subes una imagen a la plataforma
  2. Revisas los colores
  3. ¡Descargas o copias y pegas tú código CSS y LESS!

 

Paso 1: Sube la imagen sobre la quieras basar tu tema Bootstrap

Paso 1: Sube la imagen sobre la quieras basar tu tema Bootstrap

Paso 2: Modifica aquellos colores (customiza) que no acaben de convencerte.

Paso 2: Modifica aquellos colores (customiza) que no acaben de convencerte.

Paso 3: Descarga o copia y pega tu código CSS / LESS

Paso 3: Descarga o copia y pega tu código CSS / LESS

¿Es todo perfecto?

No es oro todo lo que brilla… es cierto que la aplicación comete ciertos errores. Hemos detectado que en la class btn-primary no tiene en cuenta el degradado natural de bootstrap, unos segundos en agregarlo y listo.

Pese a estas pequeñas correcciones creemos que es un gran generador de colores y sin duda una herramienta que debéis tener en vuestros marcadores, creednos… ahorraréis bastante tiempo ;D

A tiempo real

Otra de las grandes ventajas de esta aplicación gratuita es que podréis comprobar a tiempo real los colores que habéis generado y/o elegido, permitiendo modificar vuestro trabajo al instante para adaptarlo a las necesidades del Cliente o a la idea que tenéis en vuestra mente.

Para muestra un botón

No estamos muy conformes con el resultado automático generado :((( pero os dejamos con la prueba en el generador de colores con nuestra maceta.

 

 

 

06
Nov

Bancos de imágenes gratis

Los 7 mejores bancos de imágenes gratis para tu página web y/o blog

En algunos proyectos para Clientes, artículos del blog, etc. nos encontramos con dificultades para encontrar unas buenas imágenes; en la mayoría de los casos es debido a un problema con el presupuesto del proyecto.

Lo fácil es ir a Google y buscar en imágenes aunque a medio / largo plazo puede traerte problemas (legales).

 

Cabecera del banco de imágenes gratis Stock Vault

Cabecera del banco de imágenes gratis Stock Vault

Hace algún tiempo que buscábamos imágenes en sxu.hu, por suerte y debido a nuestra falta de memoria (el nombre también se las trae ;D) tuvimos que ponernos a buscar en Google para encontrar la plataforma y de casualidad nos topamos con este artículo sobre los 7 mejores bancos de imágenes gratis.

 Y los ganadores son…

  1. Morguefile: 13 millones de imágenes gratis
  2. Sxu.hu: 40.000 imágenes gratuitas
  3. Creative Commonds Search, buscador de imágenes gratis
  4. Open Photo, 15.000 imágenes gratuitas
  5. Photo Rack
  6. Stock Vault, impresionante
  7. Public Domain Photos

Nota: en algún momento del tiempo / espacio decidieron cambiar el nombre sxu.hu es freeimages lo cual nos facilita la tarea xD

17
Oct

30 colecciones de social media icons

¿Necesitas social media icons?

Todos los que nos dedicamos al mundo on-line en un momento u otro de nuestras vidas hemos necesitado iconos para las redes sociales, bien para un blog, una página web o en alguna composición de diseño.

Gracias a VisionWidget os dejamos una recopilación de 30 sets de social media icons.

Encontraréis toda clase de iconos para Facebook, Twitter, Linkeding, Pinterrest y un largo etcétera de redes sociales, colores, formas y variaciones.

 

 

15
Oct

¿Qué preguntar a un Cliente al diseñar su Logotipo?

Diseñar un logotipo pero… ¿antes?

Esta mañana mientras tomábamos un café hemos tenido la oportunidad de leer una artículo de Laura López que bien merece la pena compartir.

En el artículo resume las preguntas que cualquier diseñador (freelance o de agencia) debe formular a su Cliente antes de empezar el trabajo de diseño.

  • Resumiendo… preguntas sobre:
  • Empresa
  • Branding / Marca
  • Preferencias del diseño
  • Público objetivo / target
  • Presupuesto y tiempo
  • Bonus: Extras
09
Oct

Generador de nombres para Twitter

Herramienta
imprescindible: Generador de nombres para Twitter

Todos hemos pasado por la etapa de elegir un nombre de usuario cuando nos damos de alta en una red social como Twitter; la gran mayoría de veces no sabemos qué nombre elegir y optamos por poner guiones, números y cualquier otro símbolo que convierte en una odisea facilitárselo a un amigo o conocido.

Bueno, no sufras, ya tenemos un generador de nombres para Twitter: Twitter Name Generator [EN].

Podréis poner vuestro nombre y apellidos (hay más opciones, empecemos con algo sencillo) y pulsar el botón “Generate”…

 

Captura de pantalla de Twitter Name Generator

Captura de pantalla de Twitter Name Generator

Ya tenéis vuestro nombre… ¿y ahora? ¡A validarlo! Dos herramientas por el precio de una…

Con Tweechange podréis validar si la cuenta de Twitter existe. También permite comprobar si el dominio está disponible.

 

Captura de pantalla de TWEEXCHANGE

Captura de pantalla de TWEEXCHANGE

 

 

12
Sep

Recursos y aplicaciones para crear mapas, infografías y gráficos interactivos

Herramientas útiles para crear mapas, infografías y gráficos interactivos

Gracias a Criterion os facilitamos una recoplicación de herramientas, recursos y aplicaciones útiles para poder crear mapas, infografías y gráficos interactivos.

Entre las diferentes herramientas podréis encontrar:

  • Aprilzero
  • Hightcharts
  • Raw
  • Data-Driven Documents
  • Google Charts
  • CartoDB
  • Blockspring

Enlace al artículo de Criterion con recursos y aplicaciones

13
Jun

Generador de gradientes CSS (Gradients generator)

Generador de gradientes CSS compatible con todos los navegadores

Como es viernes 13 os dejamos con una herramienta muy útil a la hora de generar fondos para vuestras páginas web mediante CSS: Ultimate CSS Gradient Generator.

Panel para la elección de las opciones para generar tu gradiente css

Panel para la elección de las opciones para generar tu gradiente css

Como ya hemos mencionado en el título y subtítulo -a estas alturas os habréis dado cuenta que no tiene ninguna relación que sea viernes 13 con el artículo… así somos … – Ultimate CSS Gradient Generator es una generador de gradientes CSS.

Input con el código CSS de vuestro gradiente y diferentes opciones más

Input con el código CSS de vuestro gradiente y diferentes opciones más

Panel para previsualizar vuestro gradiente css y elegir horientación y tamaño

Panel para previsualizar vuestro gradiente css y elegir horientación y tamaño

Entre las diferentes características de esta herramienta on-line para generar CSS encontramos – nosotros os damos 7 – :

  1. Es gratis. Esto ayuda mucho.
  2. On-line, on en Cloud como dirían algunos
  3. Podéis elegir cuantos colores queráis para vuestro gradiente – recordad, hay un límite entre lo bello y lo hortera  ^^
  4. Elegir saturación e invertir los colores
  5. Genera el código CSS para todos los navegadores
  6. Podréis elegir entre diferentes formatos de color (rgb, hex, rgba, hsl, hsla…)
  7. Soporte para el magnífico Internet Explorer 9

 

27
May

Flat Surface Shader: Fondos abstractos

Elige los colores y crea tus fondos

Flat Surface Shader es una herramienta gratuita que os permitirá crear vuestros fondos abstractos modificando unos pocos parámetros; podéis exportar el resultado a png y emplearlo como fondo en cualquiera de vuestras creaciones o redes sociales.

¡A disfrutar!

Enlace: Flat Surface Shader [en]

 

Herramienta gratuita para crear fondos abstractos como el que véis en la imagen

Herramienta gratuita para crear fondos abstractos como el que véis en la imagen

Herramienta gratuita para crear fondos abstractos como el que véis en la imagen

Herramienta gratuita para crear fondos abstractos como el que véis en la imagen

Herramienta gratuita para crear fondos abstractos como el que véis en la imagen

Herramienta gratuita para crear fondos abstractos como el que véis en la imagen

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información. ACEPTAR

Aviso de cookies