jueves, 11 de septiembre de 2014

Cómo usar un resaltador de sintaxis en Blogger o en tu página personal.


He querido compartir algunas cosas en mi blog pero por cuestiones de tiempo (ahora trabajo de tiempo completo en una oficina) no había podido entrar por aquí. Una de las características que quiero tener en mi blog es el resaltador de sintaxis para poder poner código en las entradas.

Después de googlear por un rato encontré muchos artículos sobre la solución de Alex Gorvatchev (yo la usaba hace tiempo) pero por alguna razón no me decidí a utilizarla; al final me decidí por highlight.js. 

Aquí los pasos para integrarla a su platilla de blogger (los pasos para ponerlo en otro sitio son práctimente los mismos).

1. Abrimos el panel de nuestro blog y damos clic en "Plantilla" y después en "Editar HTML".






2. Agregar los CDN justo antes del cierre de la etiqueta . NOTA: debido a que la plantilla es un documento XML se requiere que cierres todas tus tags por lo que deberás cerrar la etiqueta si no quieres que te muestre un error.



3. Ahora solo falta que en cuando escribas una entrada agregues la clase correspondiente al lenguaje:
<pre><code class="html">...</code></pre>


var express = require('express');
var app = express();
var bodyParser = require('body-parser');


Les dejo nuevamente el enlace de la librería.

Felices líneas.

miércoles, 20 de noviembre de 2013

Cómo saber si hay conexión de datos en FirefoxOS.

Si estamos desarrollando una aplicación que requiera hacer peticiones a un servidor o descargar contenido de una fuente externa, tal vez necesitemos saber si el dispositivo está o no conectado a una red.

Según la documentación de FirefoxOS, existen varios métodos para realizar esta tarea; sin embargo, cuando los probé ninguno me dió los resultados esperados. La opción más popular en Google y que aparece en más ejemplos es la siguiente:

var connection = navigator.connection || navigator.mozConnection || navigator.webkitConnection;  

En teoría, solo bastaría saber el valor de connection.bandwidth pero de esta forma parece que siempre devuelve Infinity. Otra solución es realizar una petición a algún servidor y así detectar si se está conectado o no según la respuesta que se obtenga.

Para mi lo que mejor se adaptó a lo que necesitaba fue utilizar navigator.onLine. Aquí un ejemplo:

var online = navigator.onLine;

if(online){
   // aquí va el código
}

Ojalá les sirva.
Felices líneas.

martes, 29 de octubre de 2013

Cross Domain en Firefox OS. Ejemplo

Cuando hacemos una aplicación y queremos mandar datos a un servidor (por ejemplo a una web API), nos topamos con errores debido a que no se nos permite hacer peticiones 'Cross Domain'.

A continuación un ejemplo de cómo puede realizarse.  Nótese el argumento en al crear el objeto (mozSystem: true)

var url = "http://pagina.net/test.php";

var request = new XMLHttpRequest({ mozSystem: true });

request.open("get", url, true);
        request.onreadystatechange = function() {

          if (request.readyState == 4) {
            if (request.status == 200 || request.status == 0) {
             
              var data = request.responseText;
              //console.log(data);
            }
          }
        }
        request.send();


Saludos y felices líneas.