Mar 23

Cada vez utilizamos menos Javascript para hacer animacionesCSS está conquistando, en este aspecto, más y más terreno. Las ventajas son evidentes: implica menos peso de descarga y mayor velocidad. Para aquellos que todavía no estéis familiarizados con las animaciones en CSS, no hay nada mejor que ver ejemplos prácticos de uso. En la siguiente página, disponéis de un extenso catálogo de casos: escalar, rotar, flips, slides, etc. y todos acompañados por su respectivo código CSS.

Visitar Animista: Ejemplos de animación en CSS

Feb 20

“Actualmente se realizan más búsquedas desde teléfonos móviles que desde ordenadores”, así de rotundo nos confirma Google la importancia de adaptar nuestra Web a estas resoluciones. Y continúa: “Es cinco veces más probable que un usuario abandone un sitio web si este no está optimizado para móviles”. Y, como lo que dice Google va a misa, qué mejor que utilizar su propio sistema de análisis para saber si realmente nuestra página cumple con este punto.

Test My Site By Google

Jan 24

Si me preguntaran por las bases que sostienen un diseño profesional, pensaría en numerosas alternativas pero, sin duda, el color estaría presente en mi cabeza como una de las principales. El uso correcto del color, separarse de la competencia gracias a los matices, equilibrar la composición con masas equivalentes y bien ajustadas… para ayudaros con tanta variable, os enseñaré dos recursos que me han parecido geniales. Por un lado, la web Colorsupplyyy: un sitio con combinaciones brutales (complementarios, triadas, análogos, etc.) y, por otro, un manual gratuito con numerosos ejemplos de un uso correcto del color. Webs, artículos tecnológicos, la imagen del coche que muestra este artículo… todo es susceptible de ser influenciado por el color. Si no te asusta el inglés, te recomiendo que le eches un vistazo.

Descargar manual gratis “Color”

Jan 07

Si hay algo que tenemos que tener a mano los diseñadores gráficos es un programa para generar códigos de barra. Un elemento indispensable en cualquier etiqueta de producto que vaya a ponerse a la venta. Cuando diseñamos etiquetas, nos encontramos con archivos de alta resolución (a 300 puntos) y con muchos centímetros de tamaño, es por lo tanto crucial disponer de un código de barras vectorial que no pixele al aumentar el tamaño. Con esta Web: Bar-codeGenerator, podemos crear códigos de barra online: EAN, QR’s y otros estándares, con sólo indicar el número que nos aporte nuestro cliente. El archivo final que descarga puedes abrirlo con Illustrator e incluso cambiarle la fuente (mantiene los números como texto).

Nov 16

clipboardSi hay un código que, más de una vez, me haya dado quebraderos de cabeza, ese ha sido el responsable de copiar textos al portapapeles desde la web. Para que no paséis por el mismo mal trago, os traigo Clipboard.JS, un archivo de 3kb y muy fácil de implementar.

• Descargar ClipBoard.js

Nov 10

affinity-photoSi hace no mucho tiempo ya hablé de las bondades de Affinity Designer (el programa que podría competir con Illustrator), hoy os traigo Affinity Photo (rival, en esta ocasión, de Photoshop). Al tratarse de una versión Beta, podéis descargarla de forma totalmente gratuita. Importa y exporta PSD. Básicamente se trata de una alternativa muy completa a Photoshop. Los atajos de teclado se mantienen intactos, se trabaja con capas y todas las herramientas características de Adobe están aquí.

Oct 20

tipo-hensa-font

Soy adicto a las tipografías script y esta me ha conquistado desde el primer momento. El acabado a brochazos me parece de lo más conseguido.

Oct 19

affinity-designer-gratis

Después de unos meses trabajando con Affinity Designer, he de reconocer que no ha llegado a sustitur a Photoshop, pero se ha quedado instalado en mi sistema como un gran compañero de trabajo.

Affinity Designer está en Beta, Gratis. No encontrarás mejor momento que ahora para probarlo -sin gastar un duro- en Windows.

Para aquellos que vivan en una cueva y no conozcan la herramienta, diré que se trata de una de las mejores alternativas a Photoshop e Illustrator: modo de vista Pixel o Vector, posibilidad de trabajar con varios marcos de trabajo en el mismo documento, capacidad de trabajar diseño responsive -que se verá afectado por el tamaño del lienzo- y  un largo etcétera.

En fin, si yo no os he convencido todavía, os animo a visitar su web donde, además de descargar la Beta de forma totalmente gratuita, podréis ver un vídeo con todas sus bondades:

https://affinity.serif.com/es/windows/

Mar 28

filtros-nik-google-gratisUna colección de plugins, para Photoshop, imprescindible para los amantes de la fotografía. Google acaba de liberar su descarga y son totalmente gratuitos. Disponible para Mac y Windows.

Puedes descargarlos gratis en su página oficial

Mar 10

send-gridLlevaba tiempo buscando un servicio como este, la verdad. Cuento con un servidor dedicado y uno de los problemas que más dolores de cabeza me ha dado, es el de enviar emails desde un formulario Web.

Aunque parezca una tontería, no contar con el respaldo en los emails de una compañía fuerte, puede ocasionar que lleguen a Spam de cabeza o, directamente, ni se entreguen por no cumplir determinadas normativas.

Send Grid, resuelve este problema. Pone a nuestra disposición una API que funciona a las mil maravillas, con  soporte para PHP, Js, ASP, C, Node, Perl, Json… y un largo etcétera. De manera que podrás integrarlo en tu Web bajo cualquier plataforma en la que trabajes.

Además, también es una herramienta de Marketing online, si la quieres usar así, en la que dar de alta tus clientes y enviarles un mailing semanal o mensual. Cuenta con un panel muy completo de control donde llevar el seguimiento de los correos leídos, abiertos, aquellos que no han llegado y diferentes plantillas para personalizar el diseño del mismo.

La cuenta gratuita te permite enviar hasta 12.000 correos al mes. Más que de sobra para Pymes y Freelances.

Otra alternativa profesional, si os interesa este tema, es Mailchimp. En este caso, en la cuenta gratuita, podemos enviar hasta 2.000 correos mensuales.