Creando páginas web

Tener una página web y mantenerla no siempre es fácil, información y consejos para los webmasters

Animate.css animaciones css para tus proyectos web

por

Animate.css es un interesante recopilatorio de animaciones css para incluir en vuestros proyectos web  que son compatibles con los diferentes navegadores disponibles. A través de la web del proyecto, se puede descargar todo lo necesario para añadir estas animaciones en nuestro proyecto aunque también podemos acceder a una opción para crear un archivo css con únicamente aquellas animaciones que queramos incluir.

Para utilizarlo, solo necesitaremos incluir el archivo css en la cabecera de nuestra página y añadir la clase animated a un elemento junto con el nombre de la animación. Como indican en la documentación, combinandolo con jQuery se pueden lograr estupendos resultados, añadiendo las animaciones de forma dinámica. El código necesario sería algo similar a esto: $(‘#yourElement’).addClass(‘animated bounceOutLeft’);

¿Qué es Klout? Herramienta de medición de la influencia en redes sociales

por

logo_klout

Klout es la herramienta de medición de la relevancia en redes sociales más importante en la web. Ya sea para un usuario como para una marca, este servicio online y gratuito se encarga de realizar una especie de análisis, teniendo en cuenta una serie de datos, para determinar así el grado de notoriedad social que tenemos en las redes.

Se trata de una herramienta muy cómoda y fácil de usar, ésta plataforma posibilita el análisis de la relevancia de diferentes perfiles en redes sociales, como: Facebook, Twitter, Google +, Instagram, Pinterest, Youtube, Tumblr, WordPress, etc, etc.

La fórmula es secreta, al igual que los algoritmos de Google, aunque sí que sabemos algunas de las características que tiene Klout en cuenta para darnos una puntuación del 0 al 100 para determinar nuestra relevancia:

  • Número de fans o seguidores, personas a las que estás influenciando directamente
  • Número de Retweets, comentarios, menciones, … Determina cuánto influencias a estas personas
  • Cómo de influyentes son esas persona en la red global: cuántos seguidores tienen, cuál es su repercusión, etc

img_kloutMucho se habla sobre lo representativo de dichas métricas, ya que por ejemplo muchos de los seguidores que tenemos en redes sociales son “bots” inservibles y que no tienen ninguna repercusión para nuestro negocio. Además, vale mucho más un retweet de una persona con influencia real con un buen posicionamiento web en el campo en el cual estás inmerso que un retweet que tenga visibilidad “cero” debido a que no será de interés.

Cada uno puede tener su algoritmo que se aproxime más al prestigio real del perfil, pero lo que es real es que Klout se está imponiendo en la web como el más fiable.

En definitiva, Klout es un servicio web con mucho prestigio y que, día a día, con sus constantes mejoras y evoluciones en la calidad de sus servicios, está consiguiendo posicionarse como líder en la consulta de la reputación online y la presencia en redes sociales. Además, todo ello va acompañado con una plataforma en línea que funciona perfectamente, dotada de un diseño limpio que genera unos informes visualmente agradables y que resultan fáciles de digerir para el usuario.

 

enrique_innovaxp

Enrique Jiménez

Visita su web para más información sobre marketing en Internet

Twitter: @enriquemarketer

Google Drive como contenedor de material estático para Webs

por

Desde que este servicio llegó, Google Drive no hace sino crecer en funcionalidades y a finales de noviembre, el equipo de desarrollo anunció una nueva e interesante opción para desarrolladores Web. Y es que ahora Google Drive servirá como contenedor para material estático que luego podremos servir en páginas web. ¿Y como puede hacerse esto? De una forma relativamente sencilla, solo tenemos que crear una carpeta que estableceremos como pública y luego meter el contenido que queramos en dicha carpeta. El acceso a los contenidos se realizará mediante una url como esta

https://googledrive.com/host/idCarpetaPublica/url_relativa/fichero.ext

Así pues, necesitaremos conocer la id de la carpeta que hemos creado como pública y a partir de esta podremos acceder al contenido con rutas relativas. De esta forma, podremos organizar dentro de la carpeta el contenido por carpetas sin problema alguno y luego servirlo en los distintos proyectos web. Si se accede a la URL de la carpeta se mostrará su contenido, de forma que si tenemos un archivo index.html se mostrará dicha página web y sino se mostrará un listado de los contenidos del directorio.

Si queréis ver los detalles del anuncio por parte de Google, podéis verlo en el blog de desarrollo.

WordPress 3.5 ha llegado!!

por

Si usáis WordPress probablemente ya os hayáis fijado (en incluso actualizado) a la nueva versión, más concretamente la 3.5. Esta entrada nos gustaría dedicarla para detallar algunas de las nuevas características de esta nueva versión.

Una de las más destacadas, es la renovación del gestor multimedia. Ahora se cuenta con una nueva interfaz para añadir contenidos multimedia a las entradas de los blogs, haciendo que sea realmente sencillo incluir estos contenidos. Y continuando con el tema gráfico, ahora se pueden crear galerías de imágenes de una forma más rápida con funciones de arrastrar y soltar, con posibilidad de editar los títulos directamente y con unos nuevos controles más sencillos para controlar el aspecto de las imágenes. Y ahora tenemos un nuevo tema por defecto «Twenty Twelve», simple, flexible y a la vez elegante. Teniendo además un diseño responsive, que viene a la perfección en los tiempos que corren con la gran cantidad de dispositivos con los que se accede hoy en día a internet. Este nuevo tema, además de funcionar bien para blog, permite que funcione a las mil maravillas si quieres dar un aspecto más propio de una web que de un blog.

Otra de las novedades que incluye esta revisión es que ahora está preparado para las pantallas Retina. Se ha revisado el diseño de los paneles de administración para que en las pantallas de alta definición, se siga viendo todo a las mil maravillas. Ahora el escritorio de WordPress se ve muy bonito en las pantallas de alta definición como se pueden encontrar el el iPAd, Kindle Fire HD, Nexus 10 y MacBook Pro con Retina Display. Ahora también contaremos con un renovado selector de colores, que ofrecerá una mejor experiencia. Se han mejorado la facilidad de uso y accesibilidad para lectores de pantallas, dispositivos táctiles y flujos de interacción sin ratón.

Aparte de todas estas mejoras más visibles, también hay mejoras «menos visibles» pero que ayudarán a mejorar aún más la experiencia con este CMS. Se han incluido añadidos a Meta Query de forma que se puedan hacer queries a objetos sin una meta key en concreto. Los objetos de entrada son ahora instancias de una clase WP_Post, lo que mejora el rendimiento al cargar las propiedades seleccionadas a voluntad. Se ha incluido la clase WP_Image_Editor que aporta funcionalidad de edición de imágenes, tales como recortar y escalado, y usa ImageMagick cuando está disponible. Se han realizado mejoras en las opciones de Multisitio de forma que  switch_to_blog() es ahora mucho más rápido y más fiable. Ahora además, la API de WordPress está siempre activa, y soporta la búsqueda de usuarios, edición de perfiles, gestión de revisiones de entradas y la búsqueda de entradas. Y por último se han incluido las  librerías JavaScript Underscore y Backbone . Mientras que por su parte TinyMCE, jQuery, jQuery UI, y SimplePie se han actualizado a las últimas versiones.

Sin duda, toda una serie de mejoras que no hacen sino invitar a que actualicéis (si aún no lo habéis hecho) a esta nueva versión de este popular CMS. Como siempre, conviene recordar que es recomendable realizar un backup de todo antes de iniciar la actualización por si acaso.

Carga tus scripts de forma asíncrona con HeadJS

por

Hoy en día, es muy difícil encontrar una web donde no se haga uso de JavaScript en mayor o menor medida. No obstante, cuando el peso de los scripts pueda entorpecer la carga de la página web, se hace imprescindible encontrar alguna alternativa que agilice dicho proceso de carga. Aquí es donde entra en juego la librería Head.js, la cual nos permite cargar todos nuestros scripts de forma asíncrona, evitando así que  la carga del resto de contenido se vea perjudicada por estos.

Head.js tiene un peso muy reducido de apenas 2,5Kb, y además incluye un corrector de CSS, facilita el uso de HTML5 (incluso cuando el navegador no lo soporte) y nos permite definir diferentes estilos CSS según los tamaños de pantalla (algo cada día más importante con la gran abundancia de dispositivos existentes). Sin duda, se trata de una alternativa muy interesante, que cualquier desarrollador web debería tener muy en cuenta a la hora de crear su sitio web.

Liffect, añadir transiciones a una lista de imágenes con jQuery

por

Liffect es una interesante forma de añadir transiciones mediante jQuery a nuestra página web de una forma realmente sencilla. Simplemente tenemos que acceder a la web y tras seleccionar las correspondientes opciones (como son el tipo de efecto, la duración de este, el retraso y si queremos que se muestren las imágenes en orden aleatorio o no) solo tenemos que darle al botón para generar el código HTML necesario que luego procederemos a copiar y pegar en nuestro proyecto web.

Accede a Google Analytics directamente desde Google Chrome

por

Cuando creamos un proyecto web, un aspecto fundamental es monitorizarlo, para conocer cuantos, como actúan y que contenidos les interesan a nuestros visitantes. Para hacerlo existen múltiples herramientas como podría ser Piwik o la más extendida, el servicio de estadísticas Google Analytics. Pues bien, si eres usuario de este último servicio y además acostumbras a utilizar el navegador Google Chorme, encontrarás en Stats Checker una útil extensión que nos permitirá acceder a los datos del servicio Google Analytics directamente desde el navegador de una forma muy rápida.

La extensión nos permitirá acceder de forma automatizada a la cuenta activa que tengamos en el navegador (aunque se puede personalizar si usamos otras cuentas) y permite personalizar los datos mostrados. Esto unido a la rapidez con la que podemos acceder a esta información lo convierte en un útil complemento que nos ahorrará algunos clicks para poder echar un vistazo rápido a estas estadísticas.

 

Google+ ¿Porqué interesa a los sitios web?

por

Recientemente leíamos un artículo sobre la importancia de integrar Google+ en un blog o página web. La verdad es que el volúmen de usuarios de la red social aun no es muy grande, los 90 millones de usuarios comparados con los datos de Facebook o Twitter así nos lo hacen ver. No obstante parece que hay otros factores como la frecuencia de uso que podrían hacer de Google+ una red social suculenta para integrarla en nuestro sitio web. Sin duda, no hay red social perfecta y no hay una mejor que otra, sino que cada sitio web tendrá que buscar la que más se adapte a las necesidades de sus visitantes.

Y aun hay un factor mas a tener muy en cuenta y que hace que Google+ gane peso a la hora de pensar en integrarla en nuestras páginas. Y es que algo claramente confirmado en este tiempo, es el hecho de que el buscador de Google muestra preferencia por las páginas web que integran su red social. Este hecho, que por algunos podría ser considerado como un truco sucio, hace que tengamos que pensar muy en serio la opción de utilizar Google+ en nuestros sitios web. Así pues, no nos debemos olvidar de incluir nuestro perfil en la red social, de integrar el boton +1 y de labrar en la red social un espacio adecuado a las necesidades de nuestro sitio web y de nuestros visitantes (especialmente esto último).

Un plugin para monitorizar los errores 404 en WordPress

por

404 Error Monitor es un plugin para WordPress que se encarga de lo que su propio nombre indica, monitorizar los errores 404 que se producen en nuestro blog cuando un usuario intenta acceder a una página que no existe. ¿Y para que podría sernos útil este plugin? Pues por un lado nos permitirá detectar posibles enlaces que apunten a nuestro blog, pero que sin embargo, no lo hagan a una página web correcta, de esa forma podríamos dar un aviso al sitio donde se enlazan los contenidos para que se corrija el enlace incorrecto. Otra posible situación donde podría ayudarnos, es si compartimos algún contenido en las redes sociales o por correo electrónico y al hacerlo nos equivocamos al poner la url. En ese caso, podremos enmendar nuestro error lo antes posible, para que así los visitantes de nuestra web, lleguen efectivamente a los contenidos que esperan encontrar.