Tags ArchivesQuick Tips

Haz un Loading que merezca la espera image

Lo cierto es que lo mejor para que una web funcione es conseguir que sus tiempos de carga sean los más cortos posibles, pues no sólo mejorará nuestro posicionamiento SEO, sino que además mejorará considerablemente la experiencia del usuario (UX si eres muy anglófilo). Pero no es menos cierto que muchas veces nos es imposible cargar una página rápidamente, ya sea por la enorme cantidad de recursos, el uso de muchísimo javascript, la necesidad de usar fotos en gran calidad… nuestra única posibilidad es crear un Loading. ¿ y como podemos hacer para que nuestros visitantes no huyan despavoridos ante semejante espera? Pues como en casi todos los problemas de la vida la solución es el diseño. El truco está ...

Continue Reading

Fortune y la historia de los logotipos image

Hoy os traemos un interesantísimo vídeo que ha realizado la revista Fortune partiendo de la premisa de como hubiera sido Uber hubiese nacido a principios del S.XX. Desde esta sencilla premisa nos explica como ha evolucionado el mundo de los logotipos hasta nuestros días y, lo más importante, por que han sucedido esos cambios, como el modo de vida de la gente y los cambios de la sociedad obliga a las marcas a evolucionar y buscar nuevas formas de comunicarse. Nosotros os dejamos aquí el vídeo pero no os perdáis el fantástico artículo original.

Continue Reading

Aprende a hacer un iframe responsive image

A todos nos ha pasado, un cliente necesista , no sabemos por qué razón, un iframe en su página web. Los sudores y lágrimas llegan cuando descubrimos que el <iframe> necesita obligatoriamente unos valores de width y height, porque sin ellos simplemente no se ve. Una vez puestos, descubrimos con más lágrimas en los ojos, que nuestro iframe no es responsive. Nuestro primer impulso sería ponerle un ancho de 100% y un alto automático, y esto funciona relativamente bien hasta que nos damos cuenta que la altura se descuajeringa. ¿la solución? Necesitamos que nuestro video no solo se adapte al ancho, sino que además mantenga el aspect ratio. Para ello deberíamos meter  el <iframe> en un <div> y añadir un ...

Continue Reading

¿Ya sabes cómo utilizar Open Graph? image

Si utilizas wordpress u otros CMS es posible que te hayas dado cuenta de que al compartir tus páginas en las redes sociales se muestra muchas más información que  cuando compartes tus paginas HTML. Esto es porque la mayoría de CMS automatizas el protocolo de meta tags de Open Graph. Estas meta etiquetas “señalan” a Facebook los elementos que queremos mostrar al compartir nuestra página en la red social.Antes de empezar a introducir estas “nuevas” meta tags tendremos que indicar el XML Namespace para Open Graph dentro de nuestro html antes del header. <!DOCTYPE html> <html    xmlns:og="http://ogp.me/ns#"    xmlns:fb="http://ogp.me/ns/fb#">         <head></head>         <body></body>    </html> Una vez hecho esto, podemos introducir nuestras meta tags de la misma manera que introducimos las meta tags tradicionales, es decir dentro ...

Continue Reading

Cinco Tips para mejorar tus campañas estacionales image

Lo cierto es que todas las empresas, desde las más pequeñas startups hasta las más grandes multinacionales, realizamos campañas de marketing estacional, entiéndase navidades, día del padre, San Valentín…Pero lo cierto es que muchas veces no sabemos cómo llevarlas a cabo, es por eso que hoy os vamos a comentar algunos tips para gestionar vuestras campañas estacionales. 1. Utiliza herramientas de marketing automatizadas (Mailchimp, Marketo y Hubspot) que no solo te permiten crear tus campañas con antelación y programarlas para que se publiquen cuando sea necesario, sino que además te permiten generar informes con los que puedes ir rastreando cuales han sido los puntos fuertes de tu campaña y, dado que van a ser campañas replicadas a lo largo de ...

Continue Reading

Como crear un Child theme en wordpress image

Seguro que si llevas un tiempo metinedole mano a wordpress, habrás estado tocado sus hojas de estilo. Si ya has llegado a segunda base habrás tocado su functions.php. Y si has llegado a la tercer seguro que has modificado sus templates y quien sabe incluso algún que otro plugin. El problema de todo esto es que, como en la vida, si actualizas (la plantilla que no la vida) probablemente pierdas todas las modificaciones que has realizado. Esto se puede solucionar con un ‘child theme’. Como crear un Child theme El proceso es bastante sencillo. Lo primero que tenemos que hacer es ir a la carpeta de wordpress que contiene nuestro tema /wp-content/themes y crear una nueva carpeta con el nombre ...

Continue Reading

This is a unique website which will require a more modern browser to work!

Please upgrade today!