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.

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.

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.

Wwwhatsnew. Aplicaciones, marketing y noticias en la web.

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

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.

Mostrando entradas con la etiqueta recursos web. Mostrar todas las entradas
Mostrando entradas con la etiqueta recursos web. Mostrar todas las entradas

17 de noviembre de 2018

Conoce los 6 navegadores web más rápidos y seguros

Browsers
Las personas se han acostumbrado a permanecer conectadas a Internet durante gran parte del día. Ya sea desde su casa, trabajo o centro de estudios. Por ello es importante elegir un soporte web que sea adecuado y que marcará una gran diferencia en lo que respecta al rendimiento, seguridad y flexibilidad.


A continuación, mostraremos una lista de los mejores navegadores con sus principales características, ayudándote a identificar cual es el más útil según tus necesidades.

1. Mozilla Firefox


Mozilla Firefox


Firefox siempre ha sido conocido por su flexibilidad y soporte para extensiones. Sin embargo, durante los últimos años, empezó a quedarse atrás en términos de velocidad.

Uno de sus últimos lanzamientos fué Firefox Quantum, con una velocidad similar a la de Google Chrome y casi no hace uso de la memoria RAM (30% menos que Chrome), incluso, cuando hay un montón de pestañas o tabs abiertos. Además, realiza actualizaciones constantemente para ayudar a proteger la privacidad de los usuarios, evitando que sus datos sean extraídos por algún hacker.

Entre sus nuevas configuraciones, se encuentran la compatibilidad con inicios de sesión sin contraseña y el bloqueo automático de los rastreadores de anuncios. Asimismo, hay una nueva versión que ha sido diseñada específicamente para navegar por la web en realidad virtual.

Otro aspecto importante es que al ser una organización sin fines de lucro, no se empeña en vender los datos que obtiene, a diferencia de algunos de sus competidores.

Sitio oficial de descarga: https://www.mozilla.org/es-ES/firefox/new/

Todas estas razones convierten a Mozilla Firefox en el líder de esta lista. Sin embargo, existen otras alternativas como:

2. Google Chrome


Google Chrome


Google ha creado un navegador eficiente y ampliable, por lo que merece ocupar uno de los primeros puestos.

Su base de usuarios se va incrementando conforme pasa el tiempo, debido a que es una multiplataforma increíblemente estable y brillante. Además, dispone de una amplia gama de extensiones fáciles de obtener e instalar que podrás utilizar sin problemas. Asimismo, existe un soporte para los controles parentales y una gran variedad de ajustes y configuraciones que aseguran una máxima eficiencia.

Sin embargo, Chrome tiene algunas desventajas, como el que sea considerado uno de los navegadores más pesados en términos de uso de recursos. Desde esta perspectiva, no es adecuado usarlo en ordenadores con memoria RAM limitada. Igualmente, su rendimiento es menor al de su competencia, sin mencionar que te puede generar incomodidad por el uso que hace de tus datos de navegación.

Dicho esto, Google está haciendo algunas mejoras en lo que respecta a la seguridad. Es por ello que en sus futuras versiones dejarán muy en claro cuáles de los sitios web que visitas no usan encriptación HTTPS.

Al igual que Firefox, Chrome ahora admite inicios de sesión sin contraseña a través de WebAuthn, ya sea para reemplazar las claves tradicionales por completo o para funcionar como un método de autenticación de dos factores.

Y ofrece más funciones para los desarrolladores de aplicaciones web, incluyendo experiencias más consistentes a través de diferentes audífonos VR, y la capacidad de usar la entrada de los sensores (como el sensor de luz ambiental y el acelerómetro del dispositivo).

Sitio oficial de descarga: https://www.google.com/chrome/

3. Opera


Opera browser


Cuenta con un excelente modo Turbo, tiene integrado un bloqueador de anuncios y menos plugins que sus competidores. Además, funciona rápidamente y la interfaz del usuario es buena.

A pesar de estas características positivas, solo posee un 1% del mercado de navegadores.

La razón principal por la que se recomienda su instalación es porque con la opción Opera Turbo el tráfico web es comprimido y enrutado marcando una gran diferencia en la velocidad de navegación. También reduce la cantidad de datos transferidos, lo cual es muy útil si estás empleando una conexión móvil.

Cuando el modo Opera Turbo está habilitado, Opera comprime las páginas web solicitadas (pero no las páginas seguras HTTPS) hasta en un 80%, según el contenido, antes de enviarlo al usuario. Este proceso reduce la cantidad total de datos enviados y es particularmente útil con conexiones de Internet más lentas, haciendo que las páginas se carguen más rápido. Esta técnica también se utiliza en Opera Mini para teléfonos móviles.

En cuanto a seguridad y privacidad se refiere, Opera se puede configurar para usar servidores proxy. Tiene un editor de cookies incorporado y un visor de caché web. Además, el administrador de contraseñas integrado en el navegador permite a los usuarios configurar una contraseña maestra para proteger contra la manipulación no autorizada o el acceso a las contraseñas almacenadas en el administrador de contraseñas. Los usuarios tienen control total sobre los datos suministrados a la API de geolocalización W3C.

Sitio oficial de descarga: https://www.opera.com/es/download

4. Microsoft Edge


Microsoft Edge


Edge se lanzó en 2015, junto con Windows 10, como un navegador básico y ligero.

En lugar de actualizar Internet Explorer, Microsoft decidió implementar Edge desde cero permitiendo a la compañía eliminar el soporte para tecnologías y códigos antiguos y obsoletos, lo que hace que Edge sea mucho más simple que Internet Explorer.

Aún así, las pruebas de rendimiento demuestran que Edge es aproximadamente tan rápido como sus competidores directos (Chrome y Firefox), dejando a IE muy atrás.

Microsoft diseñó Windows 10 como un sistema operativo para tabletas, así como computadoras portátiles (laptop) y de escritorio (desktop). Así que la compañía le dio a su sistema operativo, y su navegador Edge, un soporte de pantalla táctil más intuitivo que cualquiera de sus principales rivales. Por lo tanto, si usas regularmente un pc con Windows 10 en modo tableta, tienes otra razón para adoptar Edge: te llevará a la red un poco más rápido.

Además, Edge se integra perfectamente con otros productos de Microsoft, como la herramienta antivirus Windows Defender para detectar sitios peligrosos. Si bien Chrome y Firefox funcionan perfectamente en Windows 10, la experiencia es un poco más fluida cuando se usan programas nativos de Microsoft.

El asistente digital de Microsoft trabaja muy de cerca con Edge en Windows 10. Google y Apple tienen sus propias aplicaciones de asistente digital, pero ninguna de ellas está tan bien integrada en un navegador como Cortana.

Sitio oficial de descarga: https://www.microsoft.com/es-es/windows/microsoft-edge

5. Vivaldi


Vivaldi browser


Jon von Tetzchner, experto en navegadores (una persona que no sólo los usa sino que también los desarrolla), co-fundador y antiguo director ejecutivo de Opera Software, señala: "es evidente que a los desarrolladores de navegadores les hace falta mejorar la experiencia de usuario"

Vivaldi en su versión 2.0 ha cambiado el comportamiento en el inicio, ya que, proporciona tiempos de inicio mucho más rápidos para los usuarios que manejan grandes datos como marcadores, historial y descargas.

El estilo y la estructura de la interfaz dependerá totalmente de ti. Para ello hay un sistema incorporado para tomar notas y agregar sitios web como paneles laterales mientras usas la ventana principal para navegar. Además, cuenta con una innovadora tecnología que hace posible personalizar la posición de las pestañas (arriba, abajo, izquierda, derecha o sin barra).

Vivaldi usa el motor de renderizado Blink, como hacen Google Chrome y Opera. Esto brinda a los usuarios de Vivaldi la capacidad de instalar extensiones desarrolladas para Chrome directamente desde Chrome Web Store. Aunque algunas extensiones podrían no funcionar exactamente como lo harían en Google Chrome (especialmente las extensiones utilizadas para la personalización de la interfaz de usuario, ya que la interfaz de usuario de Vivaldi es completamente diferente de la interfaz de usuario de Chrome), la mayoría de las extensiones deberían funcionar como se espera.

Sitio oficial de descarga: https://vivaldi.com/es/download/

6. Tor Browser


Tor Browser


Por lo general, este navegador está asociado a la oscuridad de la deep web. Si bien es cierto que puedes usarlo para acceder a sitios que de otra forma no podrías, los aspectos de privacidad de Tor (en donde el tráfico es enrutado a través de nodos aleatorios por todo el mundo, haciéndolo muy difícil de rastrear) son uno de los más eficaces.

Tor contiene todo un paquete de herramientas ya que es una versión modificada del Firefox Extended Support en conjunto con otros paquetes de privacidad, los cuales son combinados con el objetivo de brindarte la experiencia de navegación más segura que puedas encontrar.

Nada es rastreado, ni almacenado, por lo que puedes olvidarte de los marcadores y cookies. Aún así, será necesario que te acostumbres a realizar ciertos hábitos de navegación para asegurarte de no realizar acciones online que revelen tu identidad.

Sitio oficial de descarga: https://www.torproject.org/download/download-easy.html.en




27 de octubre de 2018

Muestra tu apoyo a Firefox con nuevas insignias

Mozilla Firefox
Mozilla Firefox (llamado simplemente Firefox) es un navegador web libre y de código abierto​ desarrollado para Linux, Android, IOS, OS X y Microsoft Windows coordinado por la Corporación Mozilla y la Fundación Mozilla. Usa el motor Gecko para renderizar páginas web, el cual implementa actuales y futuros estándares web. (wikipedia)


Mozilla es una organización sin fines de lucro y conforma una comunidad de tecnólogos, pensadores y desarrolladores cuya misión es garantizar que Internet sea un recurso global público, abierto y accesible a todos.





Los diez principios fundamentales del Manifesto Mozilla para profundizar en los valores y principios que guían el cumplimiento de su misión son:

1- Internet es una parte integral de la vida moderna.

2- Internet es un recurso público mundial que debe permanecer abierto y accesible.

3- Internet debe enriquecer la vida de los seres humanos.

4- La seguridad y privacidad de los usuarios en Internet es fundamental.

5- Los usuarios deben tener la posibilidad de definir la web y su propia experiencia en la red.

6- La eficacia de Internet como recurso público depende de la interoperabilidad, la innovación y una participación descentralizada en todo el mundo.

7- El software libre y de código abierto promueve el desarrollo de Internet como recurso público.

8- Los procesos transparentes basados en la comunidad promueven la participación, la responsabilidad y la confianza.

9- Es imprescindible que exista un equilibrio entre el beneficio comercial y el público en el desarrollo de Internet

10- Maximizar los aspectos de beneficio público de Internet es un objetivo importante que merece nuestro tiempo, atención y compromiso.

(lee el manifiesto completo).

El éxito de Firefox depende, en gran medida, de que los usuarios felices les cuenten a otros sobre esta alternativa que vale la pena probar.

Si eres usuario de Firefox y deseas mostrar tu apoyo, han creado una colección de insignias que puedes añadir a su sitio web para decirles a los usuarios: "Yo uso Firefox, ¡y usted también debería hacerlo!"

Puedes navegar por las insignias y copiar el código para mostrarlas en tu sitio web, por lo que no es necesario descargarlas (aunque puedes hacerlo si lo deseas).

Las imágenes se alojan en un CDN de Mozilla solo por conveniencia y rendimiento.


La insignia se verá así:

Developers for Firefox

Developers for Firefox

Designers for Firefox

I Use Firefox

Fast For Good


Si crees que Firefox es un producto genial, difunde la noticia!!


2 de abril de 2018

Calendario de publicación para Blogger (II)

Calendario publicación artículos - Blogger
Como ya sabréis la mayoría de vosotros, incorporar un calendario de publicación de artículos en un blog con tecnología Blogger es relativamente sencillo y en el post Calendario con todos los post publicados en Blogger ya daba unas instrucciones concretas para su implementación.


A modo de recordatorio:

  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. Introduce el Título del widgets (por ejemplo Calendario)
  5. En la caja Contenido pega el siguiente código:

    <div id='calendar'><strong>Loading...</strong></div>
    <script>
    var conf = {
     bgcolor: '#5692ce', 
     newtab:  1,         // 0:abre link en la misma ventana | 1:abre link en ventana nueva
     start:   1,         // 0:Domingo | 1:Lunes
     days:    "Lunes|Martes|Miercoles|Jueves|Viernes|Sabado|Domingo",
     months:  "Enero|Febrero|Marzo|Abril|Mayo|Junio|Julio|Agosto|Septiembre|Octubre|Noviembre|Diciembre",
     date:    "Ir al mes actual"
    }
    </script>
    <script src='https://cdn.jsdelivr.net/gh/jmacuna/calendar-widget@master/create-calendar.js' type='text/javascript'></script>
    <script src='https://www.tecnoblog.guru/feeds/posts/summary?max-results=1000&alt=json-in-script&orderby=published&callback=createCalendar' type='text/javascript'></script>
    
  6. Por último hacemos click sobre el botón Guardar

Los parámetros de configuración son:

  • bgcolor: color de fondo del calendario.
  • newtab: 0 para abrir el artículo seleccionado en la misma ventana o 1 para abrir el link en una ventana nueva.
  • start: 1 si queremos que el calendario empiece en Lunes o 0 si empieza en Domingo.
  • days: días de la semana. Nota: si ponemos la variable start a cero, el primer día de la semana en la variable days será el Domingo
  • months: meses del año.
  • date: texto que aparece cuando posicionamos el cursor encima de la fecha actual (parte inferior del calendario).
  • Tenemos que escribir la url de nuestro blog en el último script, dónde aparece https://www.tecnoblog.guru resaltado en negrita.

Puedes ver el ejemplo funcionando a continuación.


De hecho, me sorprende gratamente que numerosos lectores del blog hayan incorporado este widget a su bitácora.

También sois muchos los que me habéis enviado emails preguntándome si era posible realizar un diseño menos espartano y la respuesta es un SI rotundo.

Sin necesidad de modificar el código del gadget, tan sólo incorporando unas líneas de código o estilos de presentación, podemos personalizar nuestro diseño:

<div id='calendar'><strong>Loading...</strong></div>
<script>
var conf = {
 bgcolor: '#5692ce', 
 newtab:  0,         // 0:abre link en la misma ventana | 1:abre link en ventana nueva
 tooltip: false,      // false:title por defecto | true:tooltip con css3
 start:   1,         // 0:Domingo | 1:Lunes
 days:    "Lunes|Martes|Miercoles|Jueves|Viernes|Sabado|Domingo",
 months:  "Enero|Febrero|Marzo|Abril|Mayo|Junio|Julio|Agosto|Septiembre|Octubre|Noviembre|Diciembre",
 date:    "Ir al mes actual"
}
</script>
<script src='https://cdn.jsdelivr.net/gh/jmacuna/calendar-widget@master/create-calendar.js' type='text/javascript'></script>
<script src='https://www.tecnoblog.guru/feeds/posts/summary?max-results=1000&alt=json-in-script&orderby=published&callback=createCalendar' type='text/javascript'></script>

<style type="text/css">
@font-face {
  font-family: 'Catamaran';
  src: local('Catamaran Regular'), local('Catamaran-Regular'), url(https://fonts.gstatic.com/s/catamaran/v4/o-0IIpQoyXQa2RxT7-5r5TRA.woff2) format('woff2');
}
#contentDate *{font-family:'Catamaran'!important}
#spanLeft, #spanRight, #spanMonth, #spanYear{border:0;cursor:pointer;line-height:20px!important;background-color:#5692ce;padding:0!important}
#spanMonth,#spanYear{background-color:#fff!important;font-size:16px!important;color:#000!important;border:0!important;cursor:text!important;pointer-events:none}
#spanLeft:before{content:'<';font-size:15px;color:#fff;display:inline-block;padding:0 10px!important}
#spanRight:after{content:'>';font-size:15px;color:#fff;display:inline-block;padding:0 10px!important}
#spanLeft:hover, #spanRight:hover{background-color:#515151!important}
#spanLeft img, #spanRight img, #spanMonth img, #spanYear img{display:none}
#contentDate table{margin-bottom:0!important}
#contentDate table tr td{padding:0}
#contentDate table tr td a{width: 28px;display:inline-block}
#contentDate table tr td a[style='text-decoration:none;color:#000;cursor:default;border-radius:100%;border:2px solid #5692ce;cursor:pointer;'], #contentDate table tr td a[style='text-decoration:none;color:#000;cursor:default;border-radius:100%;border:2px solid #5692ce;cursor:pointer;border-radius:100%;border:2px solid #5692ce;cursor:pointer;'] {border:0!important;border-radius:0!important;background-color:#4080cc;color:#fff!important}
#contentDate table tr td a[style='text-decoration:none;color:#000;cursor:default;border-radius:100%;border:2px solid #5692ce;cursor:pointer;'] span {color:#fff!important}
#contentDate table tr td a[style='text-decoration:none;color:#000;cursor:default;border-radius:100%;border:2px solid #5692ce;cursor:pointer;']:hover {background:#515151}
#contentDate table{box-shadow:none!important;font-size:13px!important;width:100%!important}
#contentDate table tr{background:#fff!important}
#contentDate table tr td{text-align:center!important}
#contentDate{width:240px!important; display:inline-block}
#lblToday{background:#fff}
#lblToday a{color:#bd3434!important; font-size:medium; width:auto!important}
</style>


Y obtenemos un resultado asombroso.

Loading...


Si tienes conocimientos técnicos de css (siglas en inglés de Cascading Stylesheets) podrás personalizar el calendario a tu gusto cambiando fuentes de texto, tamaños, colores y un sinfín de propiedades de diseño.




11 de diciembre de 2017

Las aplicaciones de Chrome dejarán de funcionar en Windows, Mac y Linux a partir del primer trimestre de 2018

La compañía Google remite la información a través de un email del tipo "Ha recibido este correo electrónico porque tiene al menos una aplicación de Chrome publicada en la Chrome Web Store. Está programado que las aplicaciones de Chrome dejen de funcionar en Windows, Mac y Linux en el primer trimestre de 2018 aunque Chrome OS seguirá siendo compatible con las aplicaciones de Chrome".


En la segunda mitad de 2017, Chrome Web Store ya no mostrará aplicaciones de Chrome en Windows, Mac y Linux, pero continuará mostrando extensiones y temas. A principios de 2018, los usuarios de estas plataformas ya no podrán cargar aplicaciones de Chrome.

Las aplicaciones de Chrome se eliminarán de las funciones de búsqueda y exploración de Chrome Web Store a mediados de diciembre de 2017, aunque todavía serán indexadas en los buscadores.

¿Qué son las aplicaciones de la Chrome Web Store?


Son aplicaciones de Chrome para tu ordenador que ofrecen funciones parecidas a las de los programas que se instalan, pero siempre están actualizadas con la última tecnología web.
Te permiten usar HTML5, CSS y JavaScript para ofrecer una experiencia comparable a una aplicación nativa.

Además, si inicias sesión en Chrome, puedes acceder a tus aplicaciones web favoritas desde cualquier lugar.

Una vez que hayas instalado una o varias aplicaciones desde la Chrome Web Store, podrás acceder a ellas desde escribiendo en la barra de direcciones la url chrome://apps/

Puedes reordenar tus aplicaciones arrastrándolas y soltándolas donde quieras u organizarlas en diferentes paneles que puedes crear en la página.


Chrome Apps

¿Por qué han decidido no darle continuidad a esta tecnología?


Según los datos estadísticos, actualmente, aproximadamente el 1% de los usuarios de Windows, Mac y Linux usan activamente aplicaciones empaquetadas de Chrome, y la mayoría de las aplicaciones alojadas ya están implementadas como aplicaciones web normales.

Si accedemos al blog oficial de Chromium (https://blog.chromium.org/2016/08/from-chrome-apps-to-web.html), argumentan:

"Siempre hemos creído en hacer que la web abierta e interoperable sea lo más sólida posible. Por un tiempo hubo ciertas experiencias que la web no pudo proporcionar, como trabajar fuera de línea, enviar notificaciones y conectarse al hardware. Lanzamos aplicaciones de Chrome hace tres años para cerrar esta brecha.

Junto con otros proveedores de navegadores, seguimos comprometidos con la inversión en la web y permitiendo a los usuarios y desarrolladores beneficiarse de su apertura y alcance"
.

El equipo de Chrome ahora está trabajando para permitir el uso de Progressive Web Apps (PWA) que se instalan en el escritorio.
Una vez que esté implementada su funcionalidad (mediados de 2018), los usuarios podrán instalar aplicaciones web en el escritorio y lanzarlas a través de iconos y accesos directos; similar a la forma en que las aplicaciones de Chrome se puede instalar en la actualidad.

¿Qué son las Aplicaciones Web Progresivas o "Progressive Web Apps"?


Una PWA utiliza las últimas tecnologías disponibles en los navegadores para ofrecer una experiencia lo más parecida a la de una aplicación nativa.

Las Progressive Web Apps son experiencias que combinan lo mejor de la Web y lo mejor de las Apps. Están disponibles para los usuarios a partir de la primera visita en una pestaña del navegador y no requieren instalación. Se carga rápidamente, incluso con redes débiles, envía notificaciones push relevantes, tiene un ícono en la pantalla principal y se carga como experiencia de pantalla completa y de primer nivel.

Características principales:

  • Progresiva: funciona para todos los usuarios, sin importar la elección de navegador, porque está construida con mejora progresiva como principio fundamental.
  • Adaptable: se adapta a cualquier factor de formulario, sea escritorio, dispositivo móvil, tablet o lo que venga en el futuro.
  • Independiente de la conectividad: mejorada con service workers para trabajar sin conexión o con redes de mala calidad.
  • Estilo app: al usuario le parece una app con interacciones y navegación estilo app, porque está construida con modelo de shell de app.
  • Actualizada: gracias al proceso de actualización de service worker.
  • Segura: emitida vía HTTPS para evitar intromisiones y para garantizar que el contenido no se haya manipulado.
  • Descubrible: se puede identificar como "app" gracias al manifiesto W3C y al alcance de registro de service worker, lo que permite que los motores de búsqueda la encuentren.
  • Posibilidad de volver a interactuar: facilita la posibilidad de volver a interactuar a través de funciones como notificaciones push.
  • Instalable: les permite a los usuarios "conservar" las apps que les resultan más útiles en su pantalla principal sin la molestia de una tienda de app.
  • Vinculable: se puede compartir fácilmente vía URL, no requiere instalación compleja.

Más información: https://developers.google.com/web/progressive-web-apps/

Página de Google Developers para desarrollar tu primera PWA: https://codelabs.developers.google.com/codelabs/your-first-pwapp/

Vídeo introductorio de Sam Birch, director de producto en Chrome para Android:



Google ofrece algunas alternativas a los desarrolladores para migrar sus aplicaciones de Chrome a la web: https://developers.chrome.com/apps/migration


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




23 de octubre de 2017

Google pone fecha límite al uso de reCAPTCHA en su primera versión

Y remite la información a través de un email del tipo
"usted está recibiendo este correo electrónico porque está registrado como administrador del sitio web de reCAPTCHA, y su sitio web sigue utilizando reCAPTCHA v1, versión que dejará de funcionar a partir del 31 de marzo de 2018".


¿Qué es reCAPTCHA?


reCAPTCHA es un servicio gratuito que protege a los usuarios de Internet del spam y el abuso en sus sitios web, siendo el proveedor de CAPTCHA más utilizado en el mundo.

Utiliza técnicas avanzadas de análisis de riesgos para diferenciar a los humanos y los bots, impidiendo que el software automatizado participe en actividades abusivas en tu sitio web y permitiendo, al mismo tiempo, que los usuarios validados pasen con facilidad.

Con la nueva API, un número significativo de usuarios humanos validados superarán el desafío reCAPTCHA sin tener que resolver un CAPTCHA.



¿Cómo funciona?


La nueva version (reCAPTCHA v2) elimina completamente el recuadro con números y/o letras que estábamos acostumbrados a ver.



Esta tecnología analiza cómo han interactuado los usuarios en un sitio web, cómo hacen clic en el botón 'enviar formulario', cómo mueven el ratón, su comportamiento de navegación, etc.

De esta forma podremos acceder a un sitio web sin ser conscientes de que hemos pasado el filtro de la Inteligencia Artificial(IA) de Google y sin necesidad de detener la navegación para demostrar que no somos robots.

El nuevo CAPTCHA está disponible para todo tipo de webs y navegadores, y si la IA tiene dudas, mostrará un rompecabezas con imágenes en pantalla para validad la autenticidad del usuario.

reCAPTCHA se presenta en forma de widget que puedes añadir fácilmente a tu blog, foro, formulario de registro, etc.



¿Cómo integrar la api en tu blog o página web?


En la página para desarrolladores, Developer's Guide, se explican los pasos a seguir para su implementación.

Para comenzar a utilizar reCAPTCHA, tenemos que registrarnos para obtener un par de claves API para nuestro sitio.

El par de claves consiste en una clave pública del sitio y una clave secreta:

  • la clave pública se utiliza para invocar el servicio reCAPTCHA en tu sitio web o aplicación móvil.
  • la clave secreta autoriza la comunicación entre el backend (servidor web) de tu aplicación y el servidor reCAPTCHA para verificar la respuesta del usuario.
A continuación, elegimos el tipo de reCAPTCHA:

  • reCAPTCHA v2: requiere que el usuario haga clic en una casilla de verificación que indica que el usuario no es un robot.
  • Invisible reCAPTCHA: no requiere que el usuario haga clic en una casilla de verificación, sino que se invoca directamente cuando el usuario hace clic en un botón existente en su sitio o puede invocarse a través de una llamada API de JavaScript.
  • reCAPTCHA Android Library: esta librería proporciona APIs nativas de Android que puedes integrar directamente en una aplicación.
Por último, especificamos los dominios autorizados o nombres de paquetes (packages) para el uso de estas claves API.

Página de administración de claves API del servicio reCAPTCHA: Manage your reCAPTCHA API keys

Si ya estás registrado y quieres actualizar el servicio a la nueva versión, accede al panel de administración y genera un nuevo par de claves para tu dominio.

En el lado del cliente hay que añadir:

  • la librería javascript <script src='https://www.google.com/recaptcha/api.js'></script>
  • el siguiente elemento html <div class="g-recaptcha" data-sitekey="API_KEY"></div> dentro del formulario, dónde sustituimos el valor API_KEY por la clave pública del sitio.
El action del formulario html nos dirige hacia una página de servidor dónde se procesan los datos enviados por el cliente.

  • en la página de servidor, hay que sustituir el valor API_SECRET por la nueva clave privada.
Si quieres incorporar el captcha en tu página de WordPress, tan sólo tendrás que acceder a la siguiente página oficial e instalar el plugin siguiendo las instrucciones detalladas: https://es.wordpress.org/plugins/google-captcha/

API de Android de reCAPTCHA


Google presenta la nueva API de Android de reCAPTCHA (Making the Internet safer and faster: Introducing reCAPTCHA Android API).

Como parte de la API de Google SafetyNet, mitiga los riesgos en los dispositivos móviles a través de una seguridad mejorada y utiliza la última tecnología Invisible reCAPTCHA para optimizar la experiencia del usuario.




17 de julio de 2017

5 extensiones de navegador para saber si reciben y leen tus correos electrónicos

Cuando enviamos un email nunca sabemos si el destinatario lo leyó o no. Imagina qué fácil sería si recibiéramos alguna notificación que nos indicara que el mensaje fue recibido y leído.
Afortunadamente, existen algunas formas de hacer seguimiento de nuestros correos incluso una vez que salen de nuestra bandeja de salida.


Si ya no quieres volver a quedarte con la duda de si tus mensajes llegan o no, aquí tienes estos plugins o extensiones que puedes comenzar a utilizar desde este momento.

Usa el navegador de Google

Lo más seguro es que ya tengas una cuenta Gmail y utilices el navegador Google Chrome.

Con estos dos servicios será muy sencillo poder buscar algunas extensiones para rastrear correos electrónicos.

Sólo tienes que escribir Chrome Web Store en el navegador y entrar a la tienda de Chrome.

Una vez allí, puedes escoger entre cualquiera de estas extensiones Boomerang, Yesware, Mail2Cloud, MailTrack, y Bananatag.

Estas extensiones son de pago, sin embargo ofrecen un paquete básico gratuito que es más que suficiente para verificar si nuestros correos fueron abiertos.

No podrás usar estas extensiones si envías correos desde otro ordenador o teléfono móvil ya que se trata de programas que funcionan sólo en la computadora o smartphone en los que fueron instalados.

Este conjunto de herramientas te notifican vía correo electrónico o aviso en forma de ventana flotante (pop-pup) para confirmarte que tu destinatario abrió el mensaje.

1. Boomerang for Gmail


Boomerang es la más popular (cuenta con más de un millón de usuarios) y te permite escribir un correo y programarlo para que sea enviado automáticamente a la hora que desees.
Además, cuenta con un recordatorio de seguimiento.

Por ejemplo, enviaste un correo y necesitas saber con urgencia si esa persona lo revisó o no. Te pusiste a hacer otra cosa y olvidaste lo que hacías hasta que ves la notificación de Boomerang que te dice algo como "Hey, no olvides que estás haciendo seguimiento de este correo".

Disponible para Firefox 38+, Chrome 5.0+, Safari 5.1+, y Opera 15+. Funciona con Gmail y Google Apps de correo electrónico y cuenta con un add-on para Outlook.



2. Yesware


Yesware está orientado a perfiles empresariales, es ideal para que vendedores y equipos de trabajo puedan hacer seguimiento de los correos que envían a sus clientes como lo demuestran sus funciones de informes para cuentas CRM y Salesforce (de pago) y su complemento para Outlook.
Está claro que para ser un buen vendedor, debes tener atado todos los detalles y conocer en profundidad la psicología de las personas, según sostiene Gananci.

Te permite utilizar plantillas de correo para cada fase de la venta y clasificarlas por categorías.
Con Yesware haces seguimiento de tus correos en todo momento.

Esta extensión está disponible en las tiendas oficiales de Firefox y Google Chrome. También está disponible para iPhone.



3. Mail2Cloud


Mail2Cloud o también conocida como mxHero para Google Chrome, administra archivos adjuntos (los archivos que adjuntas a un correo electrónico se pueden configurar para que ya no puedan ser descargados por el destinatario después de 1,3,7 o 30 días), programa el envío automático de correos electrónicos, permite enviar correos de forma personalizada y compartir archivos de manera privada.

Esta extensión rastrea el correo electrónico hasta que es abierto por su destinatario y después de ser leídos se eliminan.
Asimismo, te envía alertas cuando el correo no ha recibido ninguna respuesta.

Disponible para Android, iPhone, Outlook y Firefox.



4. Mailtrack para Gmail e Inbox


Mailtrack te permitirá saber quién y cuándo ha leído tu correo electrónico.

Nos recuerda a WhatsApp ya que aparecen dos checks en el momento en que la persona lo revisa.
Sólo debes instalar la extensión en el navegador Google Chrome y abrir una cuenta de usuario en MailTrack.
Una vez creada, podrás ver informes detallados sobre el tráfico de tus correos electrónicos.

Disponible para Android y Firefox.



5. Bananatag


Bananatag te permite hacer seguimiento de correos y de archivos, programar correos de manera automática y crear plantillas de correo desde Gmail o desde Google Apps.

Como todas las demás extensiones, te permite saber si leyeron tu correo e incluso cuando dan clic en un enlace que has enviado.
En el instante en el que alguno de los destinatarios abre tu mensaje, te notificará su ubicación, qué dispositivo usó y con qué sistema operativo.

Además, puedes tener acceso a informes detallados y estadísticas.
Existe un número de mensajes que puedes enviar al día con esta extensión, si optas por su versión de pago es posible que sea ilimitado.

Disponible también para Android, iPhone, Outlook y Firefox..




A excepción de Boomerang, ninguno de estos servicios informa a sus destinatarios de que su correo electrónico está siendo rastreado. Dicho de otra forma, no sabrán que cada vez que hacen clic en un enlace de ese correo electrónico, vas a ser notificado.

Si conoces alguna otra extensión que permita rastrear correos electrónicos, no dudes en escribir tu comentario. ¡A rastrear se ha dicho!


* Artículo de Edith Gómez (colaboradora habitual) *



Edith Gómez


Editora en gananci.com



BIO

Edith Gómez es una apasionada del marketing digital, especializada en comunicación online.
Se niega a irse a la cama cada noche sin haber aprendido algo nuevo.
Le inquietan las ideas de negocio y, más aún, aportar una mirada creativa al pequeño mundo en el que vivimos.

Twitter: @edigomben
LinkedIn: edithgomezbenitez






14 de marzo de 2017

Algunos conceptos sobre Servicios, Servidores y Alojamientos Web y Dominios

Un servicio de Web Hosting o alojamiento web es aquel que permite a los individuos y organizaciones (usuarios de Internet en general) hacer su sitio web accesible a través de Internet.
Podemos definir un sitio web como un conjunto de páginas web relacionadas entre sí capaces de almacenar información, imágenes, vídeos, o cualquier contenido accesible vía web.


Un dominio de Internet es un nombre único que identifica a un sitio web en Internet.

Los nombres de dominio se rigen por las normas y procedimientos del Sistema de Nombres de Dominio (DNS) cuyo cometido es traducir las direcciones IP de cada nodo activo en la red, a términos memorizables y fáciles de encontrar.
Por lo tanto, el DNS es un sistema que sirve para traducir los nombres en la red.

La empresa estadounidense VeriSign, Inc. ha publicado el total de dominios registrados a nivel mundial hasta el segundo trimestre de 2016: la cifra asciende a 334.6 millones de nombres de dominios, un 12,9% más que en el año anterior.
Artículo original: Verisign: As Of June 30 There Are 334.6 Million Domains In The World; Up 12.9% From Last Year

Aclarados estos conceptos básicos vamos a seguir profundizando en la estructura que hace posible que naveguemos por la red.

Un Servidor Web es un programa que utiliza el protocolo HTTP (Hypertext Transfer Protocol o protocolo de transferencia de hipertexto), para servir los archivos que forman páginas web a los usuarios, en respuesta a sus solicitudes, que son reenviados por los clientes HTTP de sus computadoras.

Por lo tanto, todos los equipos que alojan sitios web deben tener programas de servidor web.

Los principales servidores web incluyen Apache (el servidor web que cuenta con mayor número de instalaciones), Internet Information Server (IIS) de Microsoft y nginx (que se pronuncia engine X) de NGNIX. Otros servidores Web incluyen el servidor NetWare de Novell, el servidor web de Google (GWS) y la familia de servidores Domino de IBM.

(Fotografía: centro de datos de Google)

Tipos de alojamiento web

Según las exigencias específicas de un usuario, existen diferentes tipos de alojamiento web entre los cuales el usuario ha de elegir la opción que mejor se adapte a sus necesidades.

El servicio de alojamiento web más básico es la página web y el alojamiento de archivos a pequeña escala, donde los ficheros pueden ser subidos a través de Protocolo de Transferencia de Archivos (FTP) o una interfaz web.

El alojamiento gratuito es extremadamente limitado comparado con el alojamiento de pago. Estos servicios generalmente agregan publicidad en los sitios además de contar con recursos muy limitados (espacio en disco, tráfico de datos, uso de CPU, etc) y restringir el acceso a configuraciones del servicio.
Algunas de las plataformas que te permiten crear un blog o página web de forma gratuíta son WordPress.com, Blogger.com, Wix.com, Weebly.com, etc.

El caso contrario es el servicio de alojamiento de pago que consiste en un contrato con un proveedor de internet o ISP, el cual junto con una conexión a Internet, pone a disposición del usuario una máquina con recursos de almacenamiento para alojar su web.
El proveedor de servicios de Internet (ISP, por la sigla en inglés de Internet service provider) es la empresa que conecta a sus usuarios a Internet a través de diferentes tecnologías.

El alojamiento compartido permite alojar clientes de varios sitios en un mismo servidor, gracias a la configuración del programa servidor web. Resulta una alternativa muy buena para pequeños y medianos clientes, es un servicio económico debido a la reducción de costos ya que al compartir un servidor con cientos miles o millones de personas o usuarios el costo se reduce drásticamente para cada uno. Como desventajas significativas podemos destacar la disminución de los recursos del servidor, de velocidad, de rendimiento, de seguridad y de estabilidad.

También existe la modalidad de Servidores Virtuales (Virtual Private Server, VPS) dónde la empresa ofrece el control de una computadora aparentemente no compartida, que se realiza mediante una máquina virtual. Así se pueden administrar varios dominios de forma fácil y económica, además de elegir los programas que se ejecutan en el servidor.

Un servidor dedicado es una computadora comprada o alquilada que se utiliza para prestar servicios dedicados, generalmente relacionados con el alojamiento web y otros servicios en red. A diferencia de lo que ocurre con el alojamiento compartido, en donde los recursos de la máquina son compartidos entre un número indeterminado de clientes, en el caso de los servidores dedicados, generalmente es un solo cliente el que dispone de todos los recursos de la máquina para los fines por los cuales haya contratado el servicio.
Los servidores dedicados pueden ser administrados por el cliente o por la empresa que los provee y generalmente se encuentran localizados en un centro de datos.
La principal desventaja de un servidor dedicado es el costo del servicio, el cual es muy superior al del alojamiento compartido. Esto debido principalmente al costo mensual de la máquina y la necesidad de contratar los servicios para la administración y configuración del servidor.

El servicio de colocación (housing) consiste básicamente en vender o alquilar un espacio físico de un centro de datos para que el cliente coloque ahí su propia computadora. La empresa le da la corriente y la conexión a Internet, pero el servidor lo elige completamente el usuario (hasta el hardware).

El alojamiento web en la "nube" (cloud hosting) está basado en las tecnologías más innovadoras que permiten a un gran número de máquinas actuar como un sistema conectado a un grupo de medios de almacenamiento, tiene ventajas considerables sobre las soluciones de web hosting tradicionales tal como el uso de recursos.
La seguridad de un sitio web alojado en la "nube" (cloud) está garantizada por numerosos servidores en lugar de solamente uno.
La tecnología de computación en la nube también elimina cualquier limitación física para el crecimiento en tiempo real y hace que la solución sea extremadamente flexible.
Una de los proveedores relevantes en este tipo de servicios es Arsys que dispone de un Servidor Cloud escalable, potente y seguro.

Otros servicios son el Alojamiento de vídeo como por ejemplo YouTube y Vimeo, Alojamiento de correo corporativo, Alojamiento revendedor (reseller).

Servidores y servicios

El conjunto de sistemas, lenguajes o tecnologías que se utilizan habitualmente de manera conjunta, en el desarrollo de aplicaciones web, diferencia un servidor web de otro.
El sistema de infraestructura de Internet más común utiliza las herramientas conocidas con el acrónimo LAMP (Linux, Apache, MySQL y PHP).

Algunos de los servicios que pueden incluirse en un alojamiento son:

  • Sistema de transferencia de archivos vía web.
  • Acceso a ficheros vía FTP.
  • Creación de bases de datos, siendo MySQL la base de datos de código abierto más popular del mundo para aplicaciones web con sistema operativo Linux y administración a través de una plataforma web.
  • Cuentas de correo electrónico con dominio propio, gestión de listas de correo, acceso desde clientes de correo de escritorio (Mozilla Thunderbird, Microsoft Outlook, Mailbird, etc.) y acceso vía webmail.
  • Discos duros virtuales que se pueden configurar como unidad de red en un equipo local vía protocolos como WebDav (Web Distributed Authoring and Versioning) y que nos permite compartir, editar y manejar archivos en un servidor remoto vía HTTP.
  • Copias de seguridad o backup por su nombre en inglés.
  • Gestión de dominios y subdominios.
  • Estadísticas de tráfico y consumo.
  • Asistentes para la instalación rápida de paquetes software libre populares como WordPress, Drupal, Joomla, etc.
A la hora de contratar un servicio web hay que tener en consideración una serie de parámetros:

  • Los dominios se pueden adquirir por separado (con otro proveedor) o con el mismo proveedor de alojamiento web.
  • Previsión de tráfico: los hospedajes web muy baratos suelen tener una capacidad de tráfico limitada (menos de 1.000 visitas diarias).
    A la hora de migrar una web de un alojamiento a otro hay que tener especial cuidado con este dato.
  • La capacidad del servidor: capacidad de proceso (capacidad de CPU), espacio en disco y ancho de banda disponible.
  • El tipo de tecnología que utilizará la web: páginas estáticas HTML o aplicaciones de servidor tipo PHP, Perl, Python, etc.
  • Deberás elegir el sistema operativo del alojamiento web: Windows o Linux.
    1. los hosting Linux son ideales para webs creadas con WordPress, Joomla u otras aplicaciones de este tipo, para webs con programación dinámica y/o que usen bases de datos MySQL.
    2. Los hosting Windows son para programaciones ASP, ASP.NET y bases de datos SQL Server.
  • Capacidad de hosting multidominio: es decir, que el alojamiento soporte una sola web (un único dominio) o varias webs con diferentes dominios.
  • Seguridad de la sala de servidores o centro de procesamiento de datos: se trata de averiguar si el vendedor de hosting tiene un centro de procesamiento de datos que este protegido contra hackers o desastres naturales y que tengan sistemas de recuperación de datos confiables.
  • La importancia del servicio técnico: comunicación a través de múltiples canales, las 24 horas del día, los 365 días del año.


Fuente principal de información: wikipedia.


13 de junio de 2016

Gestión de proyectos software con Git y Github

Desde su nacimiento en 2005, Git ha evolucionado y madurado para ser fácil de usar, es tremendamente rápido, completamente distribuido, muy eficiente con grandes proyectos como el núcleo de Linux (manejo eficiente de velocidad y tamaño de los datos) y tiene un increíble sistema de ramificación (branching) para desarrollo no lineal (miles de ramas paralelas).

GIT

GIT es un gestor de proyectos software desarrollado por Linus Torwalds para Linux y diseñado para desarrollo distribuido.

Cada desarrollador trabaja de forma independiente en su propio repositorio y sincroniza el repositorio con otro cuando lo necesita.
Uno de los repositorios puede utilizarse como repositorio de referencia.

Tutorial Web y eBook: http://git-scm.com/book/es

Proyecto, directorio y versión


El directorio del proyecto

  • Un proyecto se suele gestionar en un directorio (o carpeta): el directorio contiene todos los ficheros del proyecto.
  • Explorador de ficheros: muestra el contenido de un directorio gráficamente.
    Hacer clic sobre un objetos gráfico ejecuta un comando predefinido.
  • Terminal de comandos: ejecuta comandos en directorio de trabajo.
    El directorio de trabajo asociado es la base de las rutas (paths) relativas y los objetos se identifican con rutas (paths) absolutas o relativas.
Historia de un proyecto

  • Historia de un proyecto: es la historia de cambios en el directorio del proyecto.
  • Versión (Commit): punto de la historia del proyecto que puede ser restaurado (reconstruido).
  • Se debe consolidar versión en los puntos del desarrollo que deseemos poder volver atrás en el futuro.
  • Versiones frecuentes facilitan el mantenimiento y la legibilidad de un programa.
Árbol de versiones

  • La rama principal del proyecto se denomina master: es la historia de cambios en el directorio del proyecto.
    Una rama suele realizar un desarrollo separado.
  • Las ramas se suelen integrar en master, una vez acabadas.
Repositorio y Versión

  • Un repositorio git es un "directorio donde gestionar versiones".
    Se puede guardar o restaurar versiones. Las versiones se guardan en el directorio oculto .git
  • Versión (commit): directorio (proyecto) congelado en un momento determinado, incluyendo todos sus ficheros y subdirectorios.
Identificador de versión (SHA1)

  • Cada versión generada por GIT se identifica con un número aleatorio único (clave SHA1).
    Ejemplo: 973751d21c4a71f13a2e729ccf77f3a960885682.
  • GIT permite equipos de desarrollo distribuidos: los repositorios se pueden clonar sin problemas (ninguna versión en ningún otro repositorio utilizará el mismo identificador).
Colaboración y Firma

  • GIT esta pensado para trabajar en grupo: toda operación va firmada por su autor.
    Al configurar GIT se da el nombre y email del autor.
  • Un usuario puede copiar o clonar otro repositorio y continuar el desarrollo por su cuenta sobre la copia.
  • Dos repositorios pueden volver a sincronizarse.

Configurar GIT

# El comando "git config" permite manejar opciones de configuración. 

# Las opciones configuradas pueden afectar a distintos ámbitos (proyectos): 
#    - Para todos los proyectos en el sistema.  
#       Usar opción --system. La configuración se guarda en /etc/gitconfig
#    - Para todos los proyectos del usuario.  
#       Usar opción --global. La configuración se guarda en ~/.gitconfig
#    - Sólo para el proyecto actual.  
#       Sin opción. La configuración se guarda en .git/config 

# Consultar todas las opciones existentes: git help config

# Para firmar correctamente contribuciones y versiones debemos configurar:
$ git config --global user.name "Pedro Ramirez" 
$ git config --global user.email pramirez@dit.upm.es

# Consultar el valor de todas las opciones configuradas:
$ git config --list  
user.name=Pedro Ramirez 
user.email=pramirez@dit.upm.es
color.ui=true 

# Consultar el valor de una opción:
$ git config user.name  
Pedro Ramirez

Ayuda

# Ayuda en línea de comandos: 

$ git help          # Muestra lista con los comandos existentes 

$ git help comando  # Ayuda sobre comando especificado 

$git help add       # Ayuda sobre el comando add

$ git add --help    # Equivalente a anterior
$ man git-add       # Equivalente a anterior


# Manual de referencia, chuletas, videos, otros enlaces: 

http://git-scm.com/doc

http://ndpsoftware.com/git-cheatsheet.html 

https://na1.salesforce.com/help/doc/en/salesforce_git_developer_cheatsheet.pdf 

GITHUB

GITHUB es el portal de repositorios GIT: https://github.com

Ofrece un enfoque social y colaborativo: red social para compartir proyectos software.

Los repositorios públicos son gratis, los privados de pago: cuenta con más de 20M (Linux, Eclipse, jQuery, RoR, etc)

Gestión de organizaciones y proyectos software:

  • Soporta equipos de desarrollo distribuidos, abiertos o privados.
  • Uso y acceso muy sencillo a versiones, tareas, bugs, ...
  • Herramientas para desktop (MAC y Windows)
  • Incluye muy buenos tutoriales.

GITHUB: registro y ayuda

#   Lo primero es crear una cuenta y una vez creada, debemos seguir sus instrucciones para:

#  1) Configurar y conectar con GITHUB nuestro GIT local:

https://help.github.com/articles/set-up-git/

#  2) Instrucciones para crear y clonar repositorios:

https://help.github.com/articles/create-a-repo
 
#  3) Instrucciones para colaborar en proyectos software distribuidos:

https://help.github.com/articles/be-social/


Subir un repositorio local a GITHUB

# Para subir un repositorio local a GITHUB debemos:
 
#  1) Crear un repositorio vacío en GITHUB con New Repository

#  2) Configurar repo. remoto origin con repositorio vacío

$ git remote add origin https://github.com/pepe/proy1

#  3) Hacer push de rama master local a origin

$ git push -u origin master # -u "tracking reference"

Fork: Copiar un proyecto en GITHUB

# Fork permite copiar un repositorio (proyecto) en nuestra cuenta en GITHUB
# 
#  -> Una vez copiado (clonado) tenemos acceso a él y podemos evolucionarlo

Contribuir a un proyecto GITHUB

# La forma habitual de contribuir a un proyecto en GITHUB es seguir estos 4 pasos: 

#  1) Crear una copia del repositorio original en GITHUB con "Fork" en la cuenta propia 

#  2) Clonar la rama creada en nuestra cuenta en nuestro ordenador local 

p1> git clone https://github.com/pepe/proy1

#  3) Modificar el proyecto local, realizar commit y "push" a nuestra copia en GITHUB 

p1> ...........
p1> git add ... 
p1> git commit -m '.........'
p1> git push origin master 

#  4) Hacer "Pull Request" desde nuestra cuenta en GITHUB pidiendo al administrador del 
# repositorio original que introduzca nuestros cambios 

GITHUB App for MAC & for Windows


GITHUB App es una herramienta gráfica muy eficaz para gestionar proyectos git localmente en el PC. Solo está soportada para MAC y para Windows.

  • Permite ver y gestionar el directorio de trabajo del proyecto y los cambios realizados,
  • Ver las versiones de un proyecto (historia) y los cambios realizados en cada versión.
  • Ver y gestionar las ramas de un proyecto y su sincronización con repositorios remotos.
Descargar (e instalar) GITHUB para MAC: https://mac.github.com
Descargar (e instalar) GITHUB para Windows: https://windows.github.com


Extracto del curso "Desarrollo de servicios en la nube con HTML5, Javascript y node.js" impartido a través de la plataforma online MiríadaX.
El curso incluye también el despliegue de servicios de servidor en la nube e introduce técnicas básicas de ingeniería software.



6 de junio de 2016

Alojar páginas web con Google Drive no será posible a partir del 31 de agosto de 2016

Google lo lleva anunciando desde hace cerca de un año: "la función de alojamiento de páginas web desde Google Drive dejará de estar disponible a patir de agosto de 2016".
En su blog oficial, explica las razones y ofrece la posibilidad de compra de un dominio a través de su plataforma Google Domains.


Llevo haciendo uso de este servicio desde que Google lo anunció y me ha sido de mucha utilidad para compartir de forma pública algunos de los casos prácticos que expongo en los artículos de mi blog.

Y como no es conveniente dejar los deberes para el último momento, me he puesto manos a la obra y he migrado todos estos proyectos a otro repositorio de carácter público.

Como ya indicaba en el post de principios de 2014 ¿sabías que Google Drive permite alojar páginas web?:
"para la publicación de un sitio web lo ideal es disponer de hosting y dominio propios pero para compartir ficheros o páginas estáticas a modo de ejemplos, existen numerosos servicios gratuitos que cubren perfectamente esta funcionalidad".

Finalmente me he decantado por el servicio de alojamiento de repositorios de software GitHub porque cubre sobradamente mis necesidades.

Algunas razones de peso son:

  • GitHub es totalmente gratuito para alojar código open source, siendo estos repositorios de visibilidad pública.
    No obstante, cuenta con un plan de precios para los repositorios privados.
  • es el servicio elegido por proyectos de software libre como Linux, Eclipse, jQuery, reddit, Sparkle, curl, Ruby on Rails, node.js, ClickToFlash, Erlang/OTP, CakePHP, Redis, y otros muchos.
  • algunas de las grandes empresas de Internet, como Facebook, alojan ahí sus desarrollos públicos, tales como el SDK, librerías, ejemplos, etc.
  • dispone de un visor de código mediante el cual, a través del navegador, podremos consultar en un instante el contenido de un determinado fichero

¿cómo configurar Git?

Documentación de usuario: Set Up Git

Artículos que se han visto afectados por este cambio y cuyos ficheros públicos ya apuntan al nuevo directorio GitHub (ordenados de más reciente a más antiguo):

  • Como crear un índice para Blogger personalizable por Título o Categorías
    <div id="all-post" class="all-post"></div>
    <script>
    var conf = {
     sortBy:   'orderlabel',  // forma en que se muestran las artículos publicados
     lastPost: 10,            // últimos post (10) a los que les pongo una marca
     date:     1,             // 0:no aparece la fecha de publicación | 1:mostramos la fecha de publicación
     newPost: 'Nuevo!!',      // texto o marca que aparece en los últimos artículos
     newtab:   1              // 0:abre link en la misma ventana | 1:abre link en ventana nueva
    }
    </script>
    <script src="https://cdn.jsdelivr.net/gh/jmacuna/index-blogger@master/index-blogger.js"></script>
    <script src="[URL DE TU BLOG]/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
    

  • Calendario con todos los post publicados en Blogger
    <div id='calendar'><strong>Loading...</strong></div>
    <script>
    var conf = {
     bgcolor: '#1e4e7e', 
     newtab:  1,         // 0:abre link en la misma ventana | 1:abre link en ventana nueva
     tooltip: true,      // false:title por defecto | true:tooltip con css3
     start:   1,         // 0:Domingo | 1:Lunes
     days:    "Lunes|Martes|Miercoles|Jueves|Viernes|Sabado|Domingo",
     months:  "Enero|Febrero|Marzo|Abril|Mayo|Junio|Julio|Agosto|Septiembre|Octubre|Noviembre|Diciembre",
     date:    "Ir al mes actual"
    }
    </script>
    <script src='https://cdn.jsdelivr.net/gh/jmacuna/calendar-widget@master/create-calendar.js' type='text/javascript'></script>
    <script src='https://www.tecnoblog.guru/feeds/posts/summary?max-results=1000&alt=json-in-script&orderby=published&callback=createCalendar' type='text/javascript'></script>
    
  • Gadget para aumentar tu número de suscriptores - Blogger
    <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 src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.js"></script>
    <script>
    idleTime = 0;
    $(document).ready(function(){
     $limit = 5; //seconds
     if ($.cookie('test_status') != '1') {
      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;
      });
      $.cookie('test_status', '1', { expires: 30 });
     }
     $('.email-close').click(function() {
      $('.subs-popup').fadeOut('slow');
      $('html, body').css('overflow', 'auto');
      $limit = 9999;
     });
    });
    </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>
    
  • Comentarios con desplazamiento de texto para Blogger (efecto marquee)
    <table class="comments">
    <tr><td class="title">Últimos comentarios</td></tr>
    <tr><td><div class="scroller">
    <script type="text/javascript">
    var numComments  = 10,
        showAvatar  = true,
        avatarSize  = 40,
        roundAvatar = true,
        characters  = 40,
        showMorelink = false,
        moreLinktext = "More »",
        defaultAvatar  = "http://i.imgur.com/3QqaBeS.png",
        hideCredits = true;
    </script>
    <script src="https://cdn.jsdelivr.net/gh/jmacuna/comments-avatar@master/w2b_recent_comments_with_avatars.js"></script>
    <script src="[URL DE TU BLOG]/feeds/comments/default?alt=json&callback=w2b_recent_comments"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script src="http://www.jqueryscript.net/demo/jQuery-Plugin-For-Infinite-Any-Content-Scroller-scrollForever/scrollForever.js"></script>
    </div></td></tr>
    </table>
    <script type="text/javascript">$(document).ready(function({$(".scroller").scrollForever({dir:"top",container:"ul",inner:"li",speed:1000,delayTime:10,continuous:true,num:1});});</script>
    
Todos aquellos lectores del blog que utilicen alguno de los gadgets que comparto, deberán realizar ajustes para que las url públicas estén alojadas en https://cdn.jsdelivr.net en lugar de https://www.googledrive.com/host.