Blog de Jotaj

Como crear fácilmente cuestionarios en AULES (MOODLE)

noreply@blogger.com (juanje) — Thu, 09 Oct 2025 10:07:00 +0000

A la hora de hacer encuestas en moodle (en comunidad valenciana la plataforma se llama Aules pero es lo mismo) hay varias formas de hacerlo pero yo voy a explicar una de las más sencillas, utilizando el formato GIFT.

El formato GIFT es un formato de texto plano que permite crear preguntas de Moodle (tipo test, verdadero/falso, respuesta corta, emparejamiento, etc.) de forma rápida.
Puedes usar cualquier editor de texto (Bloc de notas, VSCode, Notepad++, etc.) y guardarlo con la extensión .txt o .gift.
Usa = para la respuesta correcta y ~ para las incorrectas.

Después se importa directamente al banco de preguntas o a un cuestionario en AULES.

Vamos a empezar:

a) Opción múltiple

¿Cuál es el puerto por defecto del servidor web Apache? {
~80
~21
~22
=80
}

Usa = para la respuesta correcta y ~ para las incorrectas.

b) Verdadero/Falso

La dirección IP 127.0.0.1 se conoce como localhost. {T}

Entre llaves pones si es verdadero {T} o falso {F}

c) Respuesta corta

Comando para listar archivos en Linux: {=ls}

La respuesta sería ls

d) Emparejamiento

Empareja cada comando con su función: {
=ls -> lista archivos
=cd -> cambia de directorio
=rm -> elimina archivos
}

Aparecerán dos columnas, y tienes que unir la columna izquierda con la derecha

e) Pregunta con retroalimentación

El protocolo usado para correo electrónico es POP3. {
=F# Incorrecto, POP3 solo descarga correos.
~T# Correcto, aunque SMTP se usa para enviar.
}

En este caso, la respuesta correcta es F (Falso), porque POP3 se usa para recibir correos, no para enviarlos. SMTP es el que se usa para enviar.

Ya sabemos como crear el cuestionario vamos introducirlo

Tenemos nuestras preguntas en un archivo con extensión .txt o .gift.

Primero vamos a crear una categoría para así tener ordenadas las preguntas. Abrimos el desplegable y seleccionamos Categorías.

Ahora añadimos categoría

Un ejemplo de una categoría que acabo de crear.

Ahora ya tengo mi categoría de encuestas de evaluación 0

Ahora vamos a subir las preguntas a esta categoría.

Vamos a Más -> Banco de preguntas

Vamos al desplegable y seleccionamos importar.

Seleccionamos Formato GIFT, también seleccionamos la categoría que acabamos de crear y subimos nuestro archivo.

Le damos a continuar.

Ahora ya tenemos las preguntas en nuestro banco de preguntas asignadas a la categoría evaluación inicial, vamos a crear la encuesta.

Le ponemos nombre a nuestro cuestionario y lo creamos

Entramos dentro y le damos a Agregar preguntas

Ahora abrimos el desplegable para seleccionar que queremos las preguntas del banco de preguntas.

Abrimos el desplegable para seleccionar las preguntas del banco que hemos creado.

Aplicamos filtros, hacemos check para que las seleccione todas y le damos a Añadir preguntas al cuestionario

Y ahora ya tenemos las preguntas.

Recomiendo ir a Configuración para hacer que salgan varias preguntas a la vez, al menos 5.

Ahora ya tenemos el cuestionario y podemos ver que tal nos ha salido si entramos dentro y le damos a Vista previa del cuestionario.

Activitat -- GIMP 1 Selecció de parts d'imatges

noreply@blogger.com (juanje) — Mon, 09 May 2022 18:38:00 +0000

Anem a veure diferents formes de selecció de zones de imatge.

Tenim una imatge d'un full sobre fons blanc i volem treure-li el fons blanc, deixar-lo transparent, per després poder enganxar el full a un altre lloc. Descarrega l'imatge "fulles.jpeg" i obri-la amb el GIMP.

Com ho fem?

Podem fer-ho amb la vareta màgica, seleccionant el fons i després invertint la selecció oi?

També es podria fer de més maneres, però per a aquest cas en particular sembla que la vareta és la millor opció:

Agafa la vareta i selecciona la fulla després inverteix selecció.

Però nosaltres no volem seleccionar el blanc, sinó el full, és a dir, just al contrari, cal invertir-ne la selecció.

Menú: Seleccionar:Invertir

I ara copiem la selecció (Ctrol+C). Creem un nou document amb fons transparent de les mateixes dimensions que l'original i en aquesta nova imatge acabada de crear, enganxem el que heu seleccionat (Ctrol + V):

Obri

Ara podem veure que queda una part blanca que no volem.

Desfes fent CTROL+Z

Torna a l'altra imatge i selecciona pulsant CTROL i fent click en la zona blanca, copia i pega de nou.

El resultat serà ja el que volem

Guardem la imatge com a .xcf per tenir l'original per si volem més tard continuar treballant amb això, i com a .gif per preservar la transparència i ja tenim la imatge per poder-la utilitzar amb fons transparent.

Puja l'arxiu en format GIF

Cambiar password del admin moodle PHPMYADMIN

noreply@blogger.com (juanje) — Tue, 01 Mar 2022 12:15:00 +0000

Entrar en:

http://localhost/phpmyadmin

Escribimos:

Select id,username,password from mdl_user;

Dado que quiero cambiar e admin y es id=2 escribo

update mdl_user set password=md5('ClaveNueva') where id=2;

Y ya estará

Hacer funcionar Xampp después de haber instalado powershell de windows

noreply@blogger.com (juanje) — Sun, 25 Apr 2021 14:50:00 +0000

Resulta que si instalas powershell, lo que antes funcionaba desde el símbolo de sistema resulta que no lo hace desde el nuevo terminal, para hacer que funcione debes poner la carpeta bin en las variables de entorno del sistema siguiendo estos simples pasos.

Escribe en el buscador variables de entorno

En cuanto veas Editar variables de entorno haz click ahí.

Ahora haz click en variables de entorno

Ahora haces click en path y después en editar

Agrega esta ruta:
```
c:\xampp\mysql\bin\ 
```
Si has instalado xampp en otra ruta tendrás que poner la ruta de instalación.
Finalmente, abra un nuevo símbolo del sistema para que este cambio surta efecto.

Subir a endomondo un entrenamiento

noreply@blogger.com (juanje) — Tue, 31 Jan 2017 22:05:00 +0000

Utilizar Endomondo es una buena forma de tener registro de todos tus entrenamientos y sirve para ver estadísticas de todos ellos.

Normalmente los entrenamientos los registraremos por medio del móvil utilizando una app. Si alguno de los entrenamientos que has hecho no lo has podido registrar con el móvil tienes diversas formas de subirlo, hoy veremos como subir archivos .gpx, .tcx o .fit para que se suban a nuestros registros personales.

Estos son los pasos que debes realizar:

1 Haz click en "Registrar entrenamiento"

2 En la siguiente pantalla haz click en "Importar desde archivo"

3 Haz click en "Seleccionar archivo"

4 Eliges el archivo que quieres subir
5 Haces click en "Abrir"

6 Haces click en "Siguiente"

7 Eliges el tipo de entrenamiento que has realizado

8 Por último haces click en "Guardar"

Después de esto tendrás tu entrenamiento subido.

Descargar archivo en formato TCX o GPX de Endomondo

noreply@blogger.com (juanje) — Mon, 30 Jan 2017 22:24:00 +0000

Conseguir los archivos TCX y GPX es muy sencillo para ello nos tendremos que ir al entrenamiento que queremos extraer y seguir estos sencillos pasos:

1 Click en la cuña hacia abajo para que despliegue el menú

2 Click en "Exportar"

3 Ahora elegiremos el formato en el que queremos descargar nuestro entrenamiento

4 Último paso es hacer click en "Exportar"

El archivo descargado nos servirá para utilizarlo donde queramos.

Cambiar la opacidad del fondo de un modal (pop-up) bootstrap

noreply@blogger.com (juanje) — Thu, 26 Jan 2017 14:53:00 +0000

Cuando estás trabajando con bootstrap puede que quieras que cuando salga un modal (ventana pop up) el resto de la página esté más oscurecido.

Para conseguir esto solamente tendrás que poner esto en tu CSS y ahora ya puedes jugar con el opacity desde 0 hasta 1.

 
.modal-backdrop
{
    opacity:0.7 !important;
}

Iniciar sesión en Windows 10 sin tener que ingresar una contraseña de hotmail

noreply@blogger.com (juanje) — Mon, 23 Jan 2017 07:58:00 +0000

Una de las cosas más tediosas cuando estás utilizando el ordenador de tu casa al que solo tienes tu acceso y que por lo tanto no tienes problemas de seguridad por que alguien pueda entrar en tu ordenador es tener que ingresar tu contraseña de hotmail para entrar cada vez que enciendes el ordenador, es curioso como la solución es fácil y rápida pero no está accesible a priori desde el panel de control. Vamos a ver los sencillos pasos que debes realizar:

1 Haz click en el botón de inicio
2 Escribe netplwiz
3 Haz click en netplwiz

4 Desmarca la casilla "Los usuarios deben escribir su nombre y contraseña para usar el equipo".

5 Haz click en "Aceptar"

6 En la pantalla que aparece debemos escribir la clave de nuestro usuario (este es el usuario que entrará automáticamente).

7 Click en "Aceptar"

8 De nuevo click en "Aceptar"

A partir de ahora ya no hará falta que escribamos la contraseña cada vez que iniciemos sesión.

Añadir elementos a un array (Javascript) utilizando función push

noreply@blogger.com (juanje) — Fri, 20 Jan 2017 10:59:00 +0000

Cuando trabajas con un array en javascript siempre tienes la necesidad de ir añadiendo elementos, una buena forma de hacerlo es utilizar la función push().

Vamos a hacer un sencillo ejemplo para ver como funciona:

1 Vamos a crear un array:

 
var frutas = ["fresa","banana","limon","naranja"];

2 Vamos a utilizar una variable temp donde pondremos el html que generamos con el array

 
var temp = "";

3 Recorremos el array

 
for (fruta in frutas) {
  temp += frutas[fruta] + "
";
}

4 Mostramos en div llamado primero

 
$("#primero").html(temp);

5 Ahora añadimos con push elementos al array

 
frutas.push("melon");
frutas.push("sandia");
frutas.push("melocoton");
frutas.push("platano");
frutas.push("piña");

8 Borro el contenido de temp

 
var temp = "";

9 Recorremos el array de nuevo

 
for (fruta in frutas) {
  temp += frutas[fruta] + "
";
}

10 Mostramos en el segundo div y vemos como se han añadido los nuevos elementos

 
$("#segundo").html(temp);

Si queréis podéis ver el resultado en la consola del navegador

 
//Tenemos array con unas frutas
var frutas = ["fresa", "banana", "limon", "naranja"];
console.log("Array antes de añadir con push");
//recorremos el array
for (fruta in frutas) {
  console.log(frutas[fruta]);
}

//Ahora añadimos con push elementos al array
frutas.push("melon");
frutas.push("sandia");
frutas.push("melocoton");
frutas.push("platano");
frutas.push("piña");

console.log("Array después de añadir");
//recorremos el array de nuevo
for (fruta in frutas) {
  console.log(frutas[fruta]);
}

Aquí podéis ver el resultado

Generador de navbars personalizados de Bootstrap

noreply@blogger.com (juanje) — Sun, 08 Jan 2017 09:04:00 +0000

He encontrado una página muy interesante donde podemos cambiar todos los colores de la navbar de bootstrap Simplemente tenemos que seleccionar los 4 colores que podemos elegir en ella

Después nos tendremos que ir abajo y copiar el CSS en nuestra hoja de estilos

http://work.smarchal.com/twbscolor/

Quitar inicio de Windows 10 con cuenta hotmail, live u outlook

noreply@blogger.com (juanje) — Fri, 06 Jan 2017 09:07:00 +0000

Asociaste el inicio de sesión de tu PC a tu cuenta de hotmail? Pues con esta pequeña guía podrás cambiarlo en dos minutos.

1 Click en botón de Inicio y escribes "configuración"
2 Haces Click en "Configuración"

3 Haces Click en "Cuentas"

4 Haces Click en "Iniciar sesión con una cuenta local en su lugar"

5 Escribes la contraseña de tu cuenta y haces Click en "Siguiente"

6 Escribes un nombre de usuario

7 Escribes la contraseña

8 Repites la contraseña

9 Escribes un indicio de la contraseña, con una letra sobra

Haces Click en "Siguiente" y aceptas la última ventana que aparece.

Con esto ya tendremos nuestra cuenta configurada con una contraseña distinta a la de nuestro correo.

Quitar contraseña de después de suspensión de equipo en Windows 10

noreply@blogger.com (juanje) — Thu, 05 Jan 2017 12:37:00 +0000

Si estás en un ordenador de casa y no quieres tener que ir introduciendo la contraseña de inicio de sesión puedes hacerlo muy fácilmente siguiendo estos pasos.

1 Click en botón de Inicio y escribes "configuración"
2 Haces Click en "Configuración"

3 Haces Click en "Cuentas"

4 Haces Click en "Opciones de inicio de sesión"

5 Despliegas el selector de "Requerir inicio de sesión" y seleccionas "Nunca"

A partir de ahora tu PC ya no te pedirá la contraseña cada vez que lo inicies.

Cambiar el alto de un navbar de bootstrap

noreply@blogger.com (juanje) — Wed, 04 Jan 2017 12:59:00 +0000

Bootstrap es una herramienta super útil a la hora de hacer diseños bonitos y responsives de forma rápida, aunque a veces te tienes que sacar las castañas del fuego si quieres poder cambiar un poco alguna cosa.

El código CSS que véis aquí es una forma sencilla de hacer un navbar un poco más alto.

.navbar-brand,
.navbar-nav li a {
    line-height: 75px;
    height: 75px;
    padding-top: 0;
}

Hacer un mismo botón con javascript con dos funciones

noreply@blogger.com (juanje) — Tue, 03 Jan 2017 16:00:00 +0000

CÓDIGO HTML

 
<div class="div">Contador impar
 <p id="contadorImpar">0</p>
</div>
<div class="div">Contador par
 <p id="contadorPar">0</p>
</div>
<div style="clear:both"></div>
<button id="miBoton">Botoncillo</button>

Lo que he hecho es una función que va a alternar dos estados a y b, el a ejecutará la función impar y el b ejecutará la función par.

Es bastante sencillo en quanto lo ves funcionando.

CÓDIGO JAVASCRIPT

    
//CONTADOR IMPAR
var num1 = 0;
var num2 = 0;
sumarImpar = document.getElementById("contadorImpar");
sumarPar = document.getElementById("contadorPar");
$.fn.cambiador = function(a, b) {
    return this.each(function() {
        var clicked = false;
        $(this).bind("click", function() {
            if (clicked) {
                clicked = false;
                return b.apply(this, arguments);
            }
            clicked = true;
            return a.apply(this, arguments);
        });
    
    });
};
function impar() {
  num1++;
    console.log("Has sumado un número al contador impar y queda en: "+num1);
    sumarImpar.innerHTML = num1;
}
function par() {
  num2++;
    console.log("Has sumado un número al contador par y queda en: "+num2);
    sumarPar.innerHTML = num2;
}
$("#miBoton").cambiador(impar, par);

Aquí podéis verlo en jsfiddle, haz click en Result

PHP: Desactivar errores-> Deprecated

noreply@blogger.com (juanje) — Mon, 02 Jan 2017 16:03:00 +0000

Utilizar la función error_reporting() La forma más rápida de evitar que salgan mensajes del tipo Warning estás utilizando una función Deprecated es añadir esta función al principio del PHP.

    error_reporting(E_ALL & ~E_DEPRECATED);

Al igual que desactivas el error Deprecated podrías desactiva el Notice

   
error_reporting(E_ALL & ~E_NOTICE);

Y si quieres podrías desactivar los dos

    
    error_reporting(E_ALL & ~E_NOTICE & ~E_DEPRECATED);

Cambiar un min-height o min-width así como max-height max-width

noreply@blogger.com (juanje) — Wed, 16 Nov 2016 13:47:00 +0000

En ocasiones tendrás un código definido por CSS donde un div o cualquier otro elemento tiene un tamaño mínimo o máximo de altura o anchura predefinido. Cuando esto pasa en principio no se puede cambiar así que tienes que echar manos de un truquillo (un tip).

Si queréis cambiar el mínimo deberéis poner min-height o min-width a "0" y si queréis cambiar max-height o max-width deberéis poner "none"

Aquí podéis ver el código en acción

See the Pen Solución a problemas con min-width min-height max-width y max-height by Juanje Gregori (@fenderslender) on CodePen.

HTML5 input type=number no acepta decimales o comas en Chrome

noreply@blogger.com (juanje) — Mon, 20 Jun 2016 19:20:00 +0000

Cuando estás poniendo un input de tipo número y quieres que lo valide un formulario, te das cuenta que utilizando Chrome no te permite poner decimales.

Así que con este código:

La pregunta que te estarás haciendo es si esto es un bug ya que en firefox esto no pasa pero en principio de acuerdo a los estándares de la W3C esto debe ser así.

La solución no puede ser más sencilla, si quieres que los saltos no sean de números enteros y que hayan decimales debes escribir

step="any"

Y si quieres que no puedan haber números negativos deberás añadir

min="0"

Así que el código final quedaría así:

Espero que os sirva de ayuda.

Header fijo con bootstrap

noreply@blogger.com (juanje) — Mon, 18 Apr 2016 08:19:00 +0000

Si quieres hacer un header fijo en el top de tu página y estás utilizando bootstrap es muy sencillo conseguirlo.

En la clase del header debes añadir "navbar-fixed-top" quedando así:

<nav class="navbar navbar-inverse navbar-fixed-top">
  <div class="container-fluid">
    <div class="navbar-header">
      <a class="navbar-brand" href="#">WebSiteName</a>
    </div>
    <ul class="nav navbar-nav">
      <li class="active"><a href="#">Home</a></li>
      <li><a href="#">Page 1</a></li>
      <li><a href="#">Page 2</a></li> 
      <li><a href="#">Page 3</a></li> 
    </ul>
  </div>
</nav>

Ten en cuenta que en el css debes añadir un padding con el tamaño del header,
si no se solapará con tu página

En este caso el alto de mi header es 54px y el CSS quedaría así:

body { padding-top: 54px; }

Podéis encontrar más información aquí:

http://www.w3schools.com/bootstrap/bootstrap_navbar.asp

Configurar NppFTP para Notepad++

noreply@blogger.com (juanje) — Thu, 07 Apr 2016 08:35:00 +0000

Si el anterior día vimos como instalar NppFTP esta vez vamos a configurarlo. Estos son los pasos que has de seguir para configurarlo.

1 Hacemos click en Profile settings

2 Al ser la primera vez que lo ejecutamos tendremos que añadir un perfil, hacemos click en Add new

3 Escribimos el nombre que queremos que tenga nuestro perfil

4 Aquí podemos ver todas las opciones que tenemos que poner:

a Aquí ponemos la ip del FTP al que queremos que se conecte

b Aquí debemos poner el tipo de conexión (FTP, FTPS o SFTP)

c Debemos poner el puerto de conexión, por defecto el FTP es el 21 y el SFTP el 22

d Nombre de usuario

e Contraseña

f Por último seleccionamos el directorio remoto por defecto al que queremos que inicie cuando nos conectamos

Espero que os sirva de ayuda.

Instalar NPP-ftp en Notepad ++

noreply@blogger.com (juanje) — Tue, 05 Apr 2016 08:02:00 +0000

El Notepad++ (NP++) es una herramienta muy interesante para todo programador, un editor de texto y de código fuente libre con soporte para varios lenguajes de programación.

Es cierto que existen mejores programas y IDEs que son bastante más potentes pero para empezar a programar y para ciertas tareas rápidas funciona genial.

Hoy vamos a ver como instalar NPP-ftp que es una herramienta que permite al NP++ ver y editar archivos de forma remota. Trabaja con protocolos FTP, SSH and SFTP. El plugin guarda la información en diferentes perfiles, que pueden ser usados de uno en uno. El plugin permite bajar y subir archivos en tu propio ordenador, así como crear y borrar directorios y archivos remotamente.

Ahora vamos a ver los pasos para instalar la aplicación en nuestro NP++:

1 Nos dirigimos al menú y hacemos click en Plugins -> Plugin Manager -> Show Plugin Manager

2 En la ventana que nos aparece deberemos buscar el plugin deseado, en este caso NppFTP, marcamos la casilla y hacemos click en Install

3 Nos aparecerá una ventana donde podremos ver el proceso de instalación

4 Nos pedirá que reiniciemos la aplicación. Y le damos a Sí.

5 Ahora ya tenemos instalado el NppFTP y podemos utilizarlo en nuestro NP++

Poner código en blogger

noreply@blogger.com (juanje) — Fri, 19 Jun 2015 18:06:00 +0000

Siempre me había preguntado como poner código en blogger, una utilidad muy interesante a la hora de explicar programas y facilitar que los lectores puedan copiar el código a la hora de practicar alguna cosilla.

Después de haber estado buscando un poco he encontrado la mejor forma de hacerlo. Debes de dirigirte a la sección de configuración de tu blog blogger.

1 Ves a plantilla

2 Haz click en código HTML

3 Dirígete a

4 Dentro de debes insertar este código

<!--PRINCIPIO DE CÓDIGO SYNTAX HIGHLIGHTER-->
    <link href='http://alexgorbatchev.com/pub/sh/current/styles/shCore.css' rel='stylesheet' type='text/css'/>
    <link href='http://alexgorbatchev.com/pub/sh/current/styles/shThemeDefault.css' rel='stylesheet' type='text/css'/>
    <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shCore.js' type='text/javascript'/>
    <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCss.js' type='text/javascript'/>
    <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJava.js' type='text/javascript'/>
    <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJScript.js' type='text/javascript'/>
    <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPhp.js' type='text/javascript'/>
    <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushSql.js' type='text/javascript'/>
    <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushXml.js' type='text/javascript'/>
    <script language='javascript'>
      SyntaxHighlighter.config.bloggerMode = true;
      SyntaxHighlighter.config.clipboardSwf = "http://alexgorbatchev.com/pub/sh/current/scripts/clipboard.swf";
      SyntaxHighlighter.all();
    </script>
    <!--FIN DE CÓDIGO SYNTAX HIGHLIGHTER-->

Cada una de estas líneas que hemos añadido son de un tipo de lenguaje, he añadido los que es más posible que utilice pero si quieres añadir algún otro aquí tienes los soportados.

Brush name	Brush aliases	File name
ActionScript3	as3, actionscript3	shBrushAS3.js
Bash/shell	bash, shell	shBrushBash.js
ColdFusion	cf, coldfusion	shBrushColdFusion.js
C#	c-sharp, csharp	shBrushCSharp.js
C++	cpp, c	shBrushCpp.js
CSS	css	shBrushCss.js
Delphi	delphi, pas, pascal	shBrushDelphi.js
Diff	diff, patch	shBrushDiff.js
Erlang	erl, erlang	shBrushErlang.js
Groovy	groovy	shBrushGroovy.js
JavaScript	js, jscript, javascript	shBrushJScript.js
Java	java	shBrushJava.js
JavaFX	jfx, javafx	shBrushJavaFX.js
Perl	perl, pl	shBrushPerl.js
PHP	php	shBrushPhp.js
Plain Text	plain, text	shBrushPlain.js
PowerShell	ps, powershell	shBrushPowerShell.js
Python	py, python	shBrushPython.js
Ruby	rails, ror, ruby	shBrushRuby.js
Scala	scala	shBrushScala.js
SQL	sql	shBrushSql.js
Visual Basic	vb, vbnet	shBrushVb.js
XML	xml, xhtml, xslt, html, xhtml	shBrushXml.js

Así que si queremos tener Ruby deberemos añadir esta línea

<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushRuby.js' type='text/javascript'/>

Ahora la pregunta que viene ¿Que debo poner para que en mis posts se vea el código?

Pues es muy simple, cuando quieras añadir código tan solo has de encerrarlo en este código

	<pre class="brush: html">
		
		

	</pre>

Tan sólo deberás cambiar el lenguaje y eso se hace cambiando "brush: html" cambias html por el lenguaje que quieras.

OJO -> Hay que tener en cuanta que si queremos publicar código como xml, xhtml, xslt, html y xhtml debemos cambiar < por < y > por >

Todo esto también puedes encontrarlo aquí: http://alexgorbatchev.com/SyntaxHighlighter/

JQuery "Uncaught ReferenceError: jQuery is not defined" Errores tontos #0001

noreply@blogger.com (juanje) — Mon, 16 Mar 2015 08:45:00 +0000

Estoy empezando con jQuery y me saltaba este error "Uncaught ReferenceError: jQuery is not defined"

El código es supersencillo:

Después de un buen rato flipando con tener un fallo con tan poco código me he dado cuenta que he llamado a jquery-ui (jquery user interface) antes que a la librería de jQuery y como la user interface hace uso de ella de ahí viene el error.

Así que simplemente he invertido las líneas y adiós al error.

Error tonto solucionado, espero que no os den errores tan tontos como los míos dolores de cabeza.

Practica y aprende inglés escuchando tu música favorita con Spotify (ver las letras de las canciones)

noreply@blogger.com (juanje) — Tue, 11 Nov 2014 12:53:00 +0000

Gracias a internet podemos escuchar a nuestros artistas favoritos de forma legal por ejemplo con Spotify, con este programa podemos crearnos listas de nuestras canciones favoritas y ir escuchando lo que queramos en cada momento.

Aparte de escuchar canciones lo que yo propongo es llevarlo un poco más allá y aprovechar una de las aplicaciones de que dispone para estar escuchando tus canciones favoritas y leer sus letras, de esta forma podemos aprender nuevas palabras y dos cosas bastante más interesantes por una parte escuchar la pronunciación de palabras y por otra afinar nuestro oído, algo muy necesario para los españoles en la mayoría de pruebas de certificación de nivel de inglés.

Sin más dilación os explico como instalarla y utilizarla.

Iniciamos el Spotify.

1 Hacemos click en "Buscador de Aplicaciones".

2 Elegimos "musicXmatch".

3 Click en "Añadir".

4 Para configurar a nuestro gusto la aplicación hacemos click en "Configuración".

5 Podemos desplazar la barra esa a la izquierda o a la derecha para aumentar el tamaño de las letras.

6 Podemos activar el fondo o desactivarlo, yo normalmente lo desactivo pero es cuestión de gustos.

7 Lo que sí que recomiendo es que actives "Todas las letras" de esta forma podrás ver más frases de la canción cosa que ayuda mucho.

Y ya está lo tenemos configurado.

Ahora ya solo debemos.

8 Hacer click en la lista que queramos escuchar.

9 Hacer click en "musiXmatch" para que nos muestre las canciones de las letras que estamos escuchando.

Ahora solo te queda seguirme en Spotify ya que tengo una buena colección de listas que seguro te gustan.

Crear un disco de arranque en Windows 7 (PASO A PASO)

noreply@blogger.com (juanje) — Thu, 06 Nov 2014 09:56:00 +0000

Puede que en algún momento decidas crear un disco de arranque, aquí pongo un paso a paso para que no tengas ningún problema.

1 Click en icono de Windows

2 En el menú emergente click en "Panel de control"

3 Vamos a "Sistema y seguridad"

4 Hacemos click en "Copias de seguridad y restauración"

5 Hacemos click en "Crear un disco de reparación del sistema" *

* Nota

Si se le solicita que inserte un disco de instalación de Windows, significa que no se pueden encontrar en el equipo los archivos necesarios para crear el disco de reparación del sistema. Inserte un disco de instalación de Windows 7.

Como desactivar en móvil (Android, iOS, windows Phone, windows) la reproducción automática de vídeos (Paso a paso)

noreply@blogger.com (juanje) — Tue, 04 Nov 2014 09:49:00 +0000

Desde hace un tiempo facebook ha puesto la funcionalidad de reproducción automática de los vídeos simplemente haciendo scroll sin necesidad de hacer click para verlo, en tu ordenador puede que no moleste pero en nuestro móvil con los típicos planes de datos limitados a 1GB es muy posible que desactivar esta reproducción nos haga llegar más holgados a fin de mes.

En navegador de nuestro ordenador

Vamos a la configuración de facebook y le damos a desactivar la reproducción automática de vídeos

En nuestro dispositivo móvil

Para cambiar la configuración en nuestro dispositivo móvil tendremos que seguir estas instrucciones:

1 Touch en las 3 rallitas que nos llevan a un menú donde podemos ver nuestro nombre, los favoritos, grupos, etc bajamos hasta casi el final para encontrarnos con la "Configuración de aplicaciones"

2 Hacemos touch en "Configuración de aplicaciones"

Ahora estamos en el menú de "Configuración general"

3 Hacemos touch en "Reproducción automática de vídeos"

En el menú emergente que sale podemos elegir dependiendo de lo que queramos:

4 Solo Wi-Fi: para que la reproducción automática solo se produzca cuando estamos conectados a un Wi-FI.
4 Desactivado: para que solo se reproduzcan los vídeos cuando hagamos touch en ellos.

Ahora ya podemos ver como está desactivada la opción de "Reproducción automática de vídeos" y no iremos desperdiciando megas por la vida.

Espero que os haya gustado este paso a paso.

Este artículo está basado este de Gizmodo pero como vi que tenía algunas carencias explicando decidí replicar lo que sirve y hacer un paso a paso de lo que no explican.