slide1

Alt1040. Noticias acerca de Internet, diseño, música, cine, opiniones, weblogs y medios

Es uno de los weblogs de tecnología más seguidos de la blogosfera hispana.

slide2

Bitelia. Blog de software, internet y servicios web

Software y aplicaciones para mejorar tu vida, guías de uso, trucos, listas, noticias y todo sobre tecnología.

slide3

Xataka. Publicación de noticias sobre gadgets y tecnología.

Últimas tecnologías en electrónica de consumo y novedades tecnológicas en móviles, tablets, informática, etc.

slide4

Wwwhatsnew. Aplicaciones, marketing y noticias en la web.

Servicios que os pueden ser útiles para dibujar, gestionar tareas, hacer amigos, encontrar restaurantes...

slide5

Fayerwayer. Discusiones y opiniones de lo ultimo en tecnología y gadgets

Con secciones dedicadas a Internet, Software o Redes Sociales es un referente a nivel de tecnología en español.

17 de agosto de 2015

Gadget para aumentar tu número de suscriptores - Blogger (Web Storage de HTML5)

Ya hablamos de la importancia del boletín electrónico o newsletter como herramienta de marketing y comunicación. También mencionamos las tres opciones de programación para implementar el código del gadget: a través de la ip del visitante, utilizando cookies o los métodos de almacenamiento del W3C Web Storage.

Y como lo prometido es deuda, voy a implementar el código de programación utilizando el método localStorage de HTML5.
Pero antes de ponernos a codificar vamos a realizar una breve introducción.

En las nuevas especificaciones de la W3C, HTML5 incorpora nuevos métodos para guardar información de los usuarios en los navegadores.
Para ello entran en acción Local Storage y Session Storage: estos dos métodos nos permiten guardar en el navegador pares de nombre/valor de manera muy sencilla.

¿qué ventajas fundamentales proporciona respecto de las cookies?

  • el almacenamiento DOM (DOM Storage) está diseñado para facilitar una forma amplia, segura y sencilla para almacenar información alternativa a las cookies.
  • la información se guarda en cliente web y no viaja con cada petición.
  • la capacidad de almacenamiento varía entre 2.5 y 5Mb dependiendo del navegador mientras que en las cookies el límite es de 4Kb.
    En la siguiente página web puedes comprobar cuantos caracteres puede almacenar tu navegador: Web Storage Support Test
  • el almacenamiento local es por dominio. Todas las páginas de un dominio pueden acceder a los mismos datos.
  • están soportados por los navegadores más modernos del mercado (IE/Edge, Firefox, Chrome, Safari, Opera, iOS Safari, Opera Mini, Android Browser, Blackberry Browser, Opera Mobile, Chrome for Android, Firefox for Android, IE Mobile, UC Browser for Android).
    Toda la información en Caniuse: Web Storage - name/value pairs

Estos son los pasos a seguir para añadirlo a nuestra web o blog


  1. Selecciona la entrada Diseño del panel principal de Blogger.
  2. Pulsa sobre el link Añadir un gadget y se abrirá una ventana con diferentes alternativas
  3. Desplazamos el scroll de la nueva ventana hacia abajo hasta llegar a la opción:

    HTML/JavascriptAñadir
    Añade una característica de un tercero u otro código a tu blog.





  4. En la caja Contenido pega el siguiente código:

    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/jmacuna/subscription-feedburner@master/style.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <script>
    idleTime = 0;
    $(document).ready(function(){
    try{
     $limit = 5; //seconds
     if(!localStorage.test_status){
      function timerIncrement() {
       idleTime = idleTime + 1;
       if (idleTime > $limit) {
        $('html, body').css('overflow', 'hidden');
        $('.subs-popup ').fadeIn('slow');
        idleTime = 0;
       }
      }
      // Increment the idle time counter every second.
      var idleInterval = setInterval(timerIncrement, 1000); // 1 second
      // Zero the idle timer on mouse movement.
      $(this).mousemove(function (e) {
       idleTime = 0;
      });
      $(this).keypress(function (e) {
       idleTime = 0;
      });
      localStorage.test_status = 1;
     }
     $('.email-close').click(function() {
      $('.subs-popup').fadeOut('slow');
      $('html, body').css('overflow', 'auto');
      $limit = 9999;
     });
    }catch(e){
     alert(e.message);
    }
    });
    </script>
    <div class="subs-popup">
     <div id="newsletter">
      <div class="email-close">X</div>
      <div class="newsletter-wrap">
       <h4>Suscríbete y recibe<br/>contenido exclusivo</h4>
       <p>Las últimas novedades del blog<br/>directamente a tu email.<br/><br/></p>
       <form action="http://feedburner.google.com/fb/a/mailverify?loc=es-ES&uri=[FEED_DE_TU_BLOG]" method="post" onsubmit="$('.email-close').click();window.open('about:blank', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow" novalidate="">
        <input name="uri" type="hidden" value="bloggertrix"/>
        <input name="loc" type="hidden" value="en_ES"/>
        <input type="email" value="" name="email" placeholder="Tu e-mail aqui..." required=""/><br/><br/>
        <input type="submit" value="Suscribirme" class="button-popup">
       </form>
      </div>
     </div>
    </div>
    
  5. Por último hacemos click sobre el botón Guardar

Vamos a analizar los parámetros que intervienen en el código:

  • $limit = 5: tiempo de espera en segundos (desde que se carga la página) para mostrar el popup de suscripción.
  • [FEED_DE_TU_BLOG]: feed de suscripción de tu blog.
    Más información en ¿Qué es el feed de un sitio?
Como indicación final, resaltar que la hoja de estilo que utilizo (style.css) así como el formulario son totálmente personalizables.




13 de agosto de 2015

Big data: el problema del almacenamiento de nuestros datos genéticos


Según un estudio publicado recientemente en la revista de ciencia biológica PLOS Biology, (http://journals.plos.org/plosbiology/) se estima que, en los próximos 10 años, generaremos entre 2 y 40 exabytes anuales de datos genéticos.

Un exabyte son 1024 petabytes o, para entendernos mejor, cada exabyte es, aproximadamente, un millón de veces el espacio de almacenamiento con que cuentan nuestros ordenadores personales domésticos.


Quizá no creyeras que nuestros genes pudieran ocupar tanto espacio, pero la verdad es que esto solo es el principio de la genética moderna.
Desde que se consiguió secuenciar el genoma humano, muchas ramas de la ciencia vieron en él una especie de panacea, un atlas supremo de conocimiento del ser humano, que contaba con el potencial de de detectar, curar e incluso erradicar genéticamente cientos de enfermedades.

Por ello, la ciencia se ha volcado en la genómica, y en los últimos años se están dando grandes pasos en este campo de investigación.
A medida que los científicos encuentran nuevas formas de relacionar la genómica con la salud, cada vez se secuencian y analizan más datos genéticos con el objetivo de obtener muestras de grupos o poblaciones específicas.
El estudio estima que, para el año 2025, más de un billón de personas habrá secuenciado su genoma.




¿cuánto ocupa en datos una secuencia genómica?

Con la tecnología y los medios con los que contamos actualmente, el conjunto de los datos relativos al genoma de una persona ocupa alrededor de 100 gigabytes de espacio. Al ritmo al que se desarrollan las investigaciones actualmente, la cantidad de datos genéticos se duplica cada siete meses.

No es necesario hacer muchas operaciones matemáticas para darnos cuenta de que, a pesar de los esfuerzos de los investigadores y las empresas que trabajan en este campo, en un espacio de tiempo relativamente corto tendremos una estratosférica (y problemática) cantidad de datos que almacenar y gestionar: lo único claro, por el momento, es que el software actual de procesamiento de datos no está preparado para la revolución genética.

El mismo problema se repite en otras ramas de la ciencia; los astrónomos, por ejemplo, llevan años de investigación incesante en busca de una solución para almacenar y tratar la enorme cantidad de información que recogen a diario. A día de hoy, la única posibilidad viable son las supercomputadoras, pero incluso éstas se quedan cortas cuando el volumen de datos continúa creciendo de forma exponencial.

El problema no solo está presente en el big data, y no somos conscientes de que nuestra vida digital deja mucho más "residuo" de lo que pensamos en forma de datos: YouTube y Twitter llevan tiempo enfrentándose a problemas similares por el almacenamiento de su ingente volumen de archivos. Aún así, los datos que cada año se recogen sobre genómica humana suman, aproximadamente, el 25% de los que produce YouTube, y los autores del estudio estiman que para 2025 el volumen anual de producción de ambos datos irá a la par.

Con estas predicciones de futuro, los investigadores genéticos necesitarán desarrollar nuevas formas de almacenar, analizar y distribuir los datos.
Ciertas organizaciones, como el New York Genome Genter, han tratado de crear su propia base de datos interna, dando prioridad a aquellos archivos que utilizan con más frecuencia, pero la solución más viable actualmente para este tipo de big data parece venir de la mano de Google y Amazon, que están desarrollando una plataforma de cloud computing para datos genéticos.


* Artículo cortesía de Marah Villaverde *



Marah Villaverde


Redactora | geekpunto.com



BIO

Bloguera, fotógrafa, traductora, inquieta por naturaleza y apasionada de la tecnología y los gadgets. Escribe en geekpunto.com, y en su vida offline disfruta de los gatos, la lluvia, el mar, el cine y las letras.


Tal vez te interese conocer los sistemas de Big Data o datos masivos:


Introducción a los sistemas de Big Data o el nuevo paradigma de los datos masivos



11 de junio de 2015

Almacenamiento en la nube: facturación online

Cloud Computing es un modelo o forma de prestación de servicios, acceso y uso de recursos informáticos.
El concepto y la realidad son idénticos, es decir, que las ventajas son innumerables al saber que los datos están almacenados en la nube y la seguridad es exponencial cuando lo comparamos con información física.

Cada vez más empresas se van acogiendo a esta nueva modalidad de gestionar negocios, las llamadas e­business, debido a las innumerables ventajas que ofrece.

Hoy en día la utilización de "cloud computing" para desarrollar un modelo empresarial está en la mente de cualquier emprendedor, e incluso más ahora que las posibilidades de empleo son escasas, y la autonomía empresarial va creciendo como alternativa.

La necesidad de los pequeños empresarios y trabajadores autónomos de organizar su facturación, en muchas ocasiones, les supone una labor tediosa quitándoles tiempo para dedicarle a su verdadera actividad.

Afortunadamente, la disposición de herramientas de gestión empresarial en la nube va en aumento pudiendo disfrutar de servicios gratuitos o de pago para que el freelance lleve su contabilidad al día permitiéndole acceder a su documentos de forma segura desde cualquier dispositivo con conexión a internet.

Hoy os hablaré de Billomat, un programa alemán de facturación online que acaba de aterrizar recientemente en España.

Billomat es el programa de facturación online ideal para pymes y autónomos. Se pueden gestionar fácilmente presupuestos, facturas y gastos.

Ha sido creado por y para emprendedores, integrando todos los servicios de un software de organización empresarial tradicional pero funciona completamente online. Cada negocio podrá llevar el registro de facturas, presupuestos, trabajos o gastos y personalizar la plataforma y los documentos según sus necesidades.



Entre sus funciones destacaría:

  • Gestión de facturas y otros documentos.
  • Gestión de clientes y contactos a través de funciones de CRM.
  • Creación de bases de datos de productos y servicios.
  • Diseño y personalización de plantillas, logotipos, colores o iconos deseados.

Esta herramienta está disponible en 5 idiomas: español, inglés, alemán, francés y portugués y existe la posibilidad de emitir facturas en más de 34 monedas distintas.

Normalmente el volumen de actividad no es muy elevado cuando se empieza un negocio, siendo ideal para los emprendedores que inician una nueva profesión. Pueden utilizar dicho software como servicio gratuito de forma ilimitada, mientras que si el volumen de negocio aumenta optarán entre cuatro planes de pago diferentes, pensando en las necesidades de cada negocio y cuyos precios oscilan entre 6 y 48 euros.

Otro dato interesante acerca de este producto es que puede conectarse a otras aplicaciones como Dropbox, Google Drive o Salesforce permitiendo ahorrar tiempo al poder enviar las facturas de manera automatizada.

Además, han creado un API (Interfaz de Programación de Aplicaciones) de código abierto que permite vincular el software con otros servicios online:

  • Basecamp es un software de gestión de proyectos para autónomos, pequeñas empresas y grupos de proyectos. Los contactos creados en Basecamp pueden importarse fácilmente en Billomat.
  • con Google Cloud Print pueden imprimirse los documentos de Billomat de forma inalámbrica desde cualquier lugar y con cualquier dispositivo con conexión a Internet.
  • Highrise es un CRM para pequeñas empresas y un gestor de contactos. Billomat ofrece una función de importación de los contactos creados con esta aplicación.
  • Salesforce es un software de CRM basado en la nube. Los contactos creados en Salesforce pueden importarse fácilmente en Billomat.
  • La aplicación de comercio electrónico basada en la web Shopify permite el servicio de una propia tienda online con poco esfuerzo. Con nuestra Shopify App se pueden ejecutar facturas en Billomat a base de pedidos de Shopify.
  • mite es una sofisticada herramienta online para el registro y la evaluación de la jornada laboral.
  • Con freeFIBU podrá realizar su contabilidad de forma fácil y fiable.
  • Clockodo es una herramienta de gestión temporal basada en web para autónomos y pequeñas empresas.
  • etcétera.


Si quieres conocer el producto, puedes registrarte gratuitamente en Billomat y utilizarlo sin ningún coste tanto tiempo como quieras.

Aquí os dejo un vídeo introductorio del servicio:




7 de mayo de 2015

Como crear extensiones para tu navegador Google Chrome

A modo de repaso, las extensiones son aplicaciones o pequeños programas que una vez instalados en el navegador facilitan la experiencia de usuario (más info). Google nos permite publicarlas en su tienda conocida como "Chrome Web Store".
Puedes acceder a la galería a través de la dirección https://chrome.google.com/webstore

Google Chrome es uno de los navegadores más populares y su uso se ha extendido por sus principales características:

  • fácil de instalar y utilizar
  • rápido y seguro
  • y cuenta con una serie de propiedades que le dan un valor añadido: marcadores, extensiones, temas, aplicaciones y otros recursos.
Desde esta perspectiva, contar con una extensión o aplicación de tu Blog supone una ventaja que mejorará la imagen de nuestra web o marca.

Cómo desarrollar una extensión en Google Chrome

Asegúrate de que los elementos que desarrolles sigan las directrices establecidas en las Políticas del programa para desarrolladores de Chrome Web Store y en el Acuerdo para desarrolladores de Google Chrome Web Store.

Además, Google verifica que el elemento que vas a desarrollar es un elemento oficial de un sitio web del que eres propietario (lo hace a través de las herramientas para webmasters de Google - Google Webmaster Tools).

  • lo primero que debemos hacer es crear una carpeta en el directorio que desees. Recomiendo darle el nombre de tu blog o página web.
  • a continuación crea un fichero de texto y ponle el nombre manifest con la extensión json: manifest.json
El fichero "manifest.json" contiene las siguientes variables:

{
"manifest_version": 2,
"name": "Actualidad - Blog Nuevas Tecnologías",
"author": "José María Acuña Morgado",
"version": "1.0",
"description": "Instala esta extensión para estar al día en recursos digitales, webs de referencia, SEO, Social Media, programación, smartphones.",
"browser_action":
 {
  "default_icon": "icon.png",
  "default_popup": "popup.html"
 }
}

Los valores a cambiar son:

  • name: Nombre de la extensión que se mostrará en Chrome Web Store
  • author: Este parámetro es opcional y se refiere al nombre del autor del blog o página web
  • description: Descripción de la utilidad de la extensión (máximo 132 caracteres).
Importante:

- si vamos a hacer referencia a alguna librería externa (por ejemplo <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>) tenemos que establecer permisos añadiendo la directiva permissions.
"permissions": ["https://*.googleapis.com/"]

Además, dentro de la carpeta, tenemos que añadir:

  • un icono de 128x128 píxeles con el nombre icon y la extensión png: icon.png. Es el icono que se instalará en la barra de direcciones del navegador.
  • una plantilla html con el nombre popup: popup.html. En este fichero, escribimos el código html necesario para implementar nuestra extensión.
  • también podemos insertar ficheros de presentación de estilos (css) y ficheros javascript en nuestra carpeta.

Como publicar tu aplicación en Chrome Web Store

Deberás pagar una cuota de registro de desarrollador única de 5 USD para empezar a crear tu primer tema o tu primera extensión o aplicación. Solo deberás pagar esta cuota una vez y podrás publicar hasta un máximo de 20 recursos.

Una vez creados los archivos (html e icono), empaquetamos la carpeta en un archivo comprimido o zip.

El siguiente paso es acceder al Panel para desarrolladores en https://chrome.google.com/webstore/developer/update y subir la carpeta comprimida



Si todos los pasos son correctos, Google te redirigirá a una pantalla para que especifiques los parámetros de configuración:

  • Descripción detallada
  • Imágenes de capturas de pantalla
  • Enlace a un vídeo de YouTube (opcional)
  • Mosaico pequeño (440x280)
  • Mosaico grande (920 x 680)
  • Imagen de desplazamiento (1400 x 560)
  • Sitios web
  • Categoría
  • Precios y pagos (en el caso de que pretendas vender tus elementos en Chrome Web Store)
  • Etcétera...
Al cabo de unos minutos, tu programa estará listo para usarse a través del almacén de Chrome.
Para instalarla en el navegador, pulsamos sobre el botón Añadir a Chrome



Y se instalará un icono en la barra de dirección dónde al hacer click, se desplegará un popup flotante con la funcionalidad de tu extensión.




Si te ha resultado útil el tutorial y deseas instalarte la extensión de Actualización del Blog, puedes hacerlo a través del enlace (siempre que quieras, la puedes desinstalar :)
Extensión Google Chrome - Actualización artículos del Blog Nuevas Tecnologías
También puedes valorarla o comentar lo que quieras.

Tal vez te interese conocer o utilizar algunas de las extensiones que he creado y subido a Chrome Web Store:


App/Extension for Google Chrome


Muchas gracias!!


10 de abril de 2015

Startups en Israel: a la cabeza del mundo tecnológico

Pequeño, joven, un reducto de vida occidental llevado al extremo en Oriente Medio: aislado pero fuerte, Israel no es un país al uso.
Durante las últimas décadas, ha mostrado sobradamente los frutos de su alianza con el desarrollo tecnológico y, desde hace unos años, es también uno de los países punteros en desarrollo de startups exitosas; el ecosistema emprendedor de Tel Aviv solo es superado en número por Silicon Valley.


Es el país con más startups tecnológicas e inversión per capita del mundo, e incluso hay libros, como Start-Up Nation, que estudian en profundidad los motivos del “milagro tecnológico” israelí.

No es algo que deba medirse solo cuantitativamente: según Start-Up Nation, el pequeño país cuenta con más empresas cotizando en el índice Nasdaq que Japón, China, Corea, Singapur, India y Europa juntas.




¿qué tiene Israel que los demás no tengan? La respuesta no es única; no es el dinero, no es la política, no son las buenas ideas: la receta del éxito es una suma de factores que define a Israel como el país ideal para emprender.

El factor de la inmigración, por un lado, hace que la realidad social del país sea distinta a la de cualquier otro. Es un país relativamente joven, y el pueblo judío cuenta con una larga historia de constantes desplazamientos: Israel es una nación de inmigrantes, compuesta por judíos retornados de segunda y tercera generación. El estado de Israel cuenta con ciudadanos de más de 70 nacionalidades distintas: una riqueza multicultural única que marca la diferencia en la que se basa toda innovación.

Por otra parte, una de las peculiaridades más características de Israel es su marcada y estrecha relación entre la vida civil y la militar.
Con un servicio militar aún obligatorio, el país vive bajo una constante sensación de amenaza, de urgencia. La tecnología militar que se desarrolla en el resto del mundo tiene aquí su máximo exponente, solo que la línea que divide el uso militar del civil no está tan definida, ni es tan clara, como en el resto del mundo occidental, además de sufrir una mayor presión en el desarrollo: las soluciones deben ser, además de válidas, rápidas. La consecuencia es lógica: si a una utilidad pensada para uso civil se le encuentra valor militar, el beneficio se multiplica. En todos los ámbitos de la vida israelí se entretejen ambos conceptos, y la tecnología no es menos.

Por supuesto, el desarrollo industrial israelí no puede sustentarse sin apoyo estatal: el país cuenta con excelentes instituciones educativas, así como con ventajas fiscales al emprendimiento y sólidos programas de inversión en tecnología e I+D.
La situación geoestratégica del país, además, imprime también cierta “urgencia” al carácter empresarial: sin recursos naturales sobre los que sustentarse, la supervivencia se ve sujeta al constante desarrollo de la economía y el capital humano. La tecnología, en Israel, va mucho más allá del simple pasatiempo para convertirse en la principal fuente de riqueza: la tecnología de vanguardia supone el 50% de las exportaciones del país.




Aunque la combinación de todos estos factores pueda allanar el camino del éxito, es posible que el ingrediente más importante de la receta sea el factor humano, la forma de entender el emprendimiento.
En la cultura israelí no existe el miedo al fracaso; por contra, se valoran la innovación, la audacia, la valentía y la competencia en el sentido más sano de la palabra. El ecosistema emprendedor cuenta, además, con un profundo y arraigado sentido de comunidad, de pertenencia a un todo: el éxito de los demás ayuda al propio desarrollo. Lejos de envidiarse o pelear por el reparto de los trozos del pastel, las startups se ayudan entre sí, y los emprendedores con más experiencia dedican de forma altruista su tiempo y recursos para ofrecer valiosos conocimientos, consejos y contactos a aquellos que empiezan. No es una obligación, sino un compromiso que se adquiere de forma inherente y sincera: “cuando empecé, otros me ayudaron a mí, así que ahora es mi turno de ayudar a otros. No son rivales, son compañeros”.

Es cierto que se dan muchas condiciones favorables para que Israel sea el vivero de startups del mundo, pero quizá no haya que buscar muy lejos el ingrediente secreto de su éxito; puede que la clave se halle en una sencilla, humilde y altruista “cadena de favores”.

* Artículo cortesía de Marah Villaverde *



Marah Villaverde


marah@geekpunto.com



BIO

Bloguera, fotógrafa, traductora, inquieta por naturaleza y apasionada de la tecnología y los gadgets. Escribe en geekpunto.com, y en su vida offline disfruta de los gatos, la lluvia, el mar, el cine y las letras.



19 de marzo de 2015

Openoox: recopila y organiza tus contenidos favoritos en la red

Openoox es un servicio gratuito que permite recopilar y organizar tus contenidos favoritos en la red. Se trata de "tu herramienta de contenido personal" cuya utilización es muy gráfica, pudiendo crear carpetas organizadas por temas (prensa, recetas, tutoriales, tecnología ...) en las que incluyes los sites que te interesan (Ooxes).

Openoox centraliza todo el contenido de Internet que le gusta a cada persona para convertirse en una herramienta de información personalizada. Se trata de una página de inicio donde además de tu navegador preferido, ves tus contenidos favoritos organizados, en todos tus dispositivos (ordenadores, tablets, smartphones, smart TV) y desde cualquier lugar.

Otro añadido, es que puedes hacer tu experiencia en Internet más social, ya que ofrece la posibilidad de crear carpetas privadas o de hacerlas públicas para compartir con los miembros de la comunidad.
También te permite descubrir nuevos sitios siguiendo a otros usuarios (Ooxers), explorando el Oox Storeo o con las sugerencias de sites (Ooxes) similares a tus favoritos.








Openoox es para websites lo mismo que Pinterest es para imágenes o Spotify para música.

  • es una red social.
  • es un administrador visual de marcadores.
  • es una alternativa social de los motores de búsqueda.
  • es la página de inicio de internet totalmente personalizable.
Denys Chalumeau y Julien Danjon, cofundadores de Openoox, la primera herramienta para organizar y compartir tus contenidos favoritos de la red, comparten su visión del uso y evolución de Internet incidiendo en que su servicio reinventa lo mejor de Google + Chrome + Twitter + Facebook + Pinterest + Pocket +...

  • más personalizable y universal que Chrome, con la selección y clasificación de tus favoritos (Oox) accesibles en todos los navegadores y plataformas.
  • más completo que Pinterest, ya que te permite almacenar cualquier tipo de contenido: sites, artículos, música, fotos, vídeos, productos.
  • más organizado que Facebook y Twitter, para archivar más fácilmente enlaces favoritos, mensajes y tweets.
  • más cómodo que Pocket, con una gestión de los archivos más visual.
  • más colaborativo y humano que Google, presentando un Top 20 de los sitios más populares y más compartidos por los usuarios. Además, Openoox no es automático como Google, si no que se basa por completo en sus usuarios (Ooxers).

"Ooxing (almacenando tus favoritos) con Openoox, disfrutas de tu experiencia en el Internet del mañana. Más que una página de inicio, más que un gestor de favoritos, más que una red social y más que un motor de búsqueda, Openoox centraliza todo el contenido de Internet que le gusta a cada persona para convertirse en una herramienta de información personalizada y colaborativa que cada usuario podrá aprovechar para hacer su vida digital más cómoda y accesible esté donde esté".





17 de marzo de 2015

Google penalizará la web móvil sin diseño responsive a partir del 21 de abril

Google anuncia en su blog oficial que sigue adaptando sus algoritmos a los patrones de uso a medida que el número de usuarios que accede a internet a través de dispositivos móviles aumenta de forma exponencial.
A partir del 21 de abril, los contenidos web que no se adapten a la tecnología móvil sufrirán penalizaciones en su ranking de resultados de búsquedas.

Este cambio afectará a las búsquedas móviles en todos los idiomas a nivel mundial y tendrá un impacto significativo en los resultados. En consecuencia, los usuarios encontrarán más fácil obtener resultados relevantes, de alta calidad de búsqueda y optimizados para sus dispositivos.

Google pone a disposición de los usuarios una guía de sitios web optimizados para móviles: https://developers.google.com/webmasters/mobile-sites/get-started/

Enlaces de interés

  • Prueba de optimización para móviles (mobile-friendly): introduce la url de tu web y te indicará si la página tiene un diseño optimizado para móviles.



  • Personaliza el software del sitio web para usuarios de móviles: si tu web site utiliza software de terceros (WordPress, Joomla!, Drupal, Blogger, vBulletin, Tumblr, DataLife Engine, Magento, PrestaShop, Bitrix, Google Sites), esta completa guía de Google te resultará muy útil.
  • Guía SEO para móviles: te ayuda a configurar el sitio para varios dispositivos para que los motores de búsqueda comprendan la configuración y evitar errores habituales.
  • Usabilidad móvil: la usabilidad móvil resulta del todo relevante para obtener unos resultados de búsqueda óptimos.
  • PageSpeed Insights: introduce la url de tu sitio web y al pulsar el botón Analizar aparecerán los resultados de Velocidad y Experiencia de Usuario para móviles en una escala 1/100.


Aspectos básicos a tener en cuenta

  • si usas diseño web adaptativo en el que el código HTML es el mismo para todos los dispositivos y son las CSS las encargadas de modificar el procesamiento de la página, se recomienda el uso de media queries.

    Media Queries es un módulo CSS3 que permite la representación de contenido para adaptarse a condiciones como la resolución de pantalla. Se convirtió en un estándar recomendado por la W3C en junio del 2012 y es un principio básico de la tecnología de diseño web adaptaivo. Fuente Wikipedia: Media Query.

    Ejemplo: @media only screen and (max-width: 620px) {...}.

  • si optamos por la publicación dinámica de diferentes HTML en la misma URL, el servidor responderá en función del user-agent que solicite la página. Se recomienda que el servidor envíe una sugerencia para detectar el contenido móvil. Esta sugerencia se implementa mediante la cabecera Vary HTTP.

    El contenido de la respuesta variará en función del user-agent que solicite la página. Si el servidor ya utiliza la cabecera Vary HTTP, puedes añadir User-Agent a la lista que ya se ha proporcionado.

  • en el caso de URL para móviles independientes, la recomendación es la siguiente:

    1. para las páginas de escritorio, añade una etiqueta de enlace especial rel="alternate" que señale la URL para móviles.

      Ejemplo: <link rel="alternate" media="only screen and (max-width: 620px)" href="http://m.example.com/default"/>
    2. y para las páginas para móviles, añade una etiqueta de enlace rel="canonical" que señale la URL para equipos de escritorio.

      Ejemplo:<link rel="canonical" href="http://www.example.com/default"/>
Extracto de las recomendaciones para Developers de Google: Google Developers

Errores comunes en los sitios desarrollados para smartphones que debemos evitar:

  • los vídeos no se reproducen porque no usamos tecnología html5 estándar.
  • redireccionamientos defectuosos.
  • error 404 (Page Not Found) sólo para smartphones.
  • baja velocidad de carga de la página.
  • no prestar atención a la usabilidad: tamaño incorrecto de los textos e imágenes, colores inapropiados, ubicación inadecuada de las opciones de navegación, falta de implementación de los atajos de teclado, etc.
  • llamadas a enlaces externos que se abren en otras ventanas.
  • ausencia de un apartado de contacto o método de retroalimentación.
  • no proporcionar un enlace al sitio web completo.



2 de marzo de 2015

Emojis para tu web o dispositivo móvil

El término japonés Emoji significa pictograma dónde la "e" es dibujo o imagen y "moji" es letra, es decir, un dibujo para expresar algo y cuyo uso se extiende a mensajes electrónicos y sitios web.
Los emojis son utilizados principalmente en conversaciones de texto a través de teléfonos inteligentes.

Emojis y Unicode

Los emojis son caracteres como las letras y los números.
Apple y Google empujaron para que se estandarizaran en Unicode, entendido como un estándar internacional encargado de la representación de caracteres de escritura de la mayoría de idiomas en sistemas informáticos.

El proceso de estandarización de los emojis comenzó en 2007 y hasta la versión 6.0 de Unicode, de 2010, no estuvo lista.
Pero ya están dentro de Unicode y hay 772 emojis dentro de Unicode (perfectamente identificados en codificación y significado).

Si los emojis no se representan bien en un sistema operativo es porque no tienen, dentro de la fuente habitual que usa el sistema, dichos caracteres implementados.
Es como si alguien nos manda algo en Chino o Japonés. Nuestro ordenador entiende que es un carácter de Unicode, pero si no tenemos instaladas las fuentes en Chino o Japonés, no las veremos bien.

Fuente original: xatakandroid

Instrucciones de uso

Podemos utilizarlos de tres formas diferentes:

  • Apoyándonos en las fuentes de usuarios (tipografías) presentes en cada navegador y haciendo referencia a su entidad html.
    <style type="text/css">
    .emj-original{
     font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", "Segoe UI Symbol", "Android Emoji", Symbola, "lucida grande", tahoma, verdana, arial, sans-serif;
     font-size: 30px;
    }
    </style">
    <div class="emj-original">
     &#127873; &#127874; &#127875; &#127876; &#127877; &#127878; &#127879; &#127880; &#127881; &#127882;
    </div>
    

  • o copiando directamente el carácter correspondiente al emoji.
    <style type="text/css">
    .emj-original{
     font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", "Segoe UI Symbol", "Android Emoji", Symbola, "lucida grande", tahoma, verdana, arial, sans-serif;
     font-size: 30px;
    }
    </style">
    <div class="emj-original">
     🎁 🎂 🎃 🎄 🎅 🎆 🎇 🎈 🎉 🎊
    </div>
    

    En ambos casos el código html devuelto es:

    🎁 🎂 🎃 🎄 🎅 🎆 🎇 🎈 🎉 🎊

  • Usando una fuente externa para visualizar en mi página web utilizando la regla @font-face.
    <style type="text/css">
    @font-face{
     font-family: "Twitter Emoji";
     src: url("http://cdn.twittercounter.com/assets/fonts/EmojiSymbols-Regular.woff") format("woff");
    }
    .emj-face{
     font-family: "Twitter Emoji";
     font-size: 30px;
     color:#b11e1e;
    }
    </style">
    <div class="emj-face">
     &#127873; &#127874; &#127875; &#127876; &#127877; &#127878; &#127879; &#127880; &#127881; &#127882;
    </div>
    
    Ahora la página html renderiza los siguientes caracteres unicode:

    🎁 🎂 🎃 🎄 🎅 🎆 🎇 🎈 🎉 🎊

Soporte

Los emojis están disponibles para su uso en la mayoría de los dispositivos móviles de última generación como Android, Apple y Windows Phone.

Apple fué el primero que incorporó los caracteres unicode emoji (en 2011) con el lanzamiento de Mac OS X v10.7: es la octava versión de OS X, el sistema operativo de Apple para sus ordenadores de escritorio, portátiles y servidores.

Google añade soporte nativo emoji al teclado (en 2013) para los dispositivos con Android 4.4 y versiones posteriores.

Windows 8 y versiones superiores son compatibles con emoji a través de la familia de fuentes Microsoft Segoe UI. A partir de Windows 8.1, la fuente Segoe UI Emoji suministra pictografías a todo color.

Algunas distribuciones de Linux como Ubuntu, Debian, Fedora y OpenSUSE admiten caracteres emoji instalando fuentes adicionales.

En general, cualquier sistema operativo que permita añadir fuentes adicionales tendrá soporte emoji.

Fuente: wikipedia

Catálogo de Emojis

A continuación muestro la lista completa de emojis.
Puedes copiar directamente el emoji o utilizar la entidad html correspondiente posicionando el cursor encima de cada uno (aparecerá un tooltip con su entidad html)



🈚 🈲 🈳 🈴 🈵 🈶 🈷 🈸 🈹 🈺 🈁 🈂 🉐 🉑 🌀 🌁 🌂 🌃 🌄 🌅 🌆 🌇 🌈 🌉 🌊 🌋 🌌 🌍 🌎 🌏 🌐 🌑 🌒 🌓 🌔 🌕 🌖 🌗 🌘 🌙 🌚 🌛 🌜 🌝 🌞 🌟 🌠 🌍 🌰 🌱 🌲 🌳 🌴 🌵 🌷 🌸 🌹 🌺 🌻 🌼 🌽 🌾 🌿 🍀 🍁 🍂 🍃 🍄 🍅 🍆 🍇 🍈 🍉 🍊 🍋 🍌 🍍 🍎 🍏 🍐 🍑 🍒 🍓 🍔 🍕 🍖 🍗 🍘 🍙 🍚 🍛 🍜 🍝 🍞 🍟 🍠 🍡 🍢 🍣 🍤 🍥 🍦 🍧 🍨 🍩 🍪 🍫 🍬 🍭 🍮 🍯 🍰 🍱 🍲 🍳 🍴 🍵 🍶 🍷 🍸 🍹 🍺 🍻 🍼 🎀 🎁 🎂 🎃 🎄 🎅 🎆 🎇 🎈 🎉 🎊 🎋 🎌 🎍 🎎 🎏 🎐 🎑 🎒 🎓 🎠 🎡 🎢 🎣 🎤 🎥 🎦 🎧 🎨 🎩 🎪 🎫 🎬 🎭 🎮 🎯 🎰 🎱 🎲 🎳 🎴 🎵 🎶 🎷 🎸 🎹 🎺 🎻 🎼 🎽 🎾 🎿 🏀 🏁 🏂 🏃 🏄 🏆 🏇 🏈 🏉 🏊 🏠 🏡 🏢 🏣 🏤 🏥 🏦 🏧 🏨 🏩 🏪 🏫 🏬 🏭 🏮 🏯 🏰 🐀 🐁 🐂 🐃 🐄 🐅 🐆 🐇 🐈 🐉 🐊 🐋 🐌 🐍 🐎 🐏 🐐 🐑 🐒 🐓 🐔 🐕 🐖 🐗 🐘 🐙 🐚 🐛 🐜 🐝 🐞 🐟 🐠 🐡 🐢 🐣 🐤 🐥 🐦 🐧 🐨 🐩 🐪 🐫 🐬 🐭 🐮 🐯 🐰 🐱 🐲 🐳 🐴 🐵 🐶 🐷 🐸 🐹 🐺 🐻 🐼 🐽 🐾 👀 👂 👃 👄 👅 👆 👇 👈 👉 👊 👋 👌 👍 👎 👏 👐 👑 👒 👓 👔 👕 👖 👗 👘 👙 👚 👛 👜 👝 👞 👟 👠 👡 👢 👣 👤 👥 👦 👧 👨 👩 👪 👫 👬 👭 👮 👯 👰 👱 👲 👳 👴 👵 👶 👷 👸 👹 👺 👻 👼 👽 👾 👿 💀 💁 💂 💃 💄 💅 💆 💇 💈 💉 💊 💋 💌 💍 💎 💏 💐 💑 💒 💓 💔 💕 💖 💗 💘 💙 💚 💛 💜 💝 💞 💟 💠 💡 💢 💣 💤 💥 💦 💧 💨 💩 💪 💫 💬 💭 💮 💯 💰 💱 💲 💳 💴 💵 💶 💷 💸 💹 💺 💻 💼 💽 💾 💿 📀 📁 📂 📃 📄 📅 📆 📇 📈 📉 📊 📋 📌 📍 📎 📏 📐 📑 📒 📓 📔 📕 📖 📗 📘 📙 📚 📛 📜 📝 📞 📟 📠 📡 📢 📣 📤 📥 📦 📧 📨 📩 📪 📫 📬 📭 📮 📯 📰 📱 📲 📳 📴 📵 📶 📷 📹 📺 📻 📼 🔀 🔁 🔂 🔃 🔄 🔅 🔆 🔇 🔈  🔉 🔊 🔋 🔌 🔍 🔎 🔏 🔐 🔑 🔒 🔓 🔔 🔕 🔖 🔗 🔘 🔙 🔚 🔛 🔜 🔝 🔞 🔟 🔠 🔡 🔢 🔣 🔤 🔥 🔦 🔧 🔨 🔩 🔪 🔫 🔬 🔭 🔮 🔯 🔰 🔱 🔲 🔳 🔴 🔵 🔶 🔷 🔸 🔹 🔺 🔻 🔼 🔽 🕐 🕑 🕒 🕓 🕔 🕕 🕖 🕗 🕘 🕙 🕚 🕛 🕜 🕝 🕞 🕟 🕠 🕡 🕢 🕣 🕤 🕥 🕦 🕧 🗻 🗼 🗽 🗾 🗿 😀 😁 😂 😃 😄 😅 😆 😇 😈 😉 😊 😋 😌 😍 😎 😏 😐 😑 😒 😓 😔 😕 😖 😗 😘 😙 😚 😛 😜 😝 😞 😟 😠 😡 😢 😣 😤 😥 😦 😧 😨 😩 😪 😫 😬 😭 😮 😯 😰 😱 😲 😳 😴 😵 😶 😷 😸 😹 😺 😻 😼 😽 😾 😿 🙀 🙅 🙆 🙇 🙈 🙉 🙊 🙋 🙌 🙍 🙎 🙏 🚀 🚁 🚂 🚃 🚄 🚅 🚆 🚇 🚈 🚉 🚊 🚋 🚌 🚍 🚎 🚏 🚐 🚑 🚒 🚓 🚔 🚕 🚖 🚗 🚘 🚙 🚚 🚛 🚜 🚝 🚞 🚟 🚠 🚡 🚢 🚣 🚤 🚥 🚦 🚧 🚨 🚩 🚪 🚫 🚬 🚭 🚮 🚯 🚰 🚱 🚲 🚳 🚴 🚵 🚶 🚷 🚸 🚹 🚺 🚻 🚼 🚽 🚾 🚿 🛀 🛁 🛂 🛃 🛄 🛅