miércoles, 29 de enero de 2014

Moodle UA: crea tu fichero de notas para las actas de Campus Virtual | Observatorio TIC



Se explican los pasos para extraer las notas desde Moodle, dar formato al archivo y subirlo a la aplicación de actas de la UA.









from Tic's, elearning, moodle, joomla, wordpress, prezi, web 2.0, web, html5, css3 ... | Scoop.it http://ift.tt/1k9oIac

via IFTTT

martes, 10 de diciembre de 2013

¿Es fácil engañar a Google?



Investigadores españoles ponen en evidencia 'la falta de rigor' de las herramientas bibliométricas del buscador, usadas para valorar el impacto de las publicaciones científicas.









from Tic's, elearning, moodle, joomla, wordpress, prezi, web 2.0, web, html5, css3 ... | Scoop.it http://www.scoop.it/t/niebla/p/4012477461/2013/12/10/es-facil-enganar-a-google

via IFTTT

lunes, 9 de diciembre de 2013

Cómo crear presentaciones de impacto con Prezi



Prezi es una aplicación enteramente basada en flash que permite escapar del enfoque slide por slide de la mayoría de los programas existentes. En









from Tic's, elearning, moodle, joomla, wordpress, prezi, web 2.0, web, html5, css3 ... | Scoop.it http://www.scoop.it/t/niebla/p/4012415653/2013/12/09/como-crear-presentaciones-de-impacto-con-prezi

via IFTTT

domingo, 8 de diciembre de 2013

El maravilloso buscador de Yahoo para niños ciegos



En la mayoría de las ocasiones la tecnología sirve para mejorar la vida de las personas. En esta ocasión la división en Japón de yahoo presentó un particular motor de búsqueda llamado Hands On Search, el cual es 100 por ciento físico y fue desarrollado especialmente para contribuir al desarrollo del tacto en niños ciegos o con algún tipo de problema que impida una buena visión.

Este buscador para niños ciegos que les permite introducir una palabra de búsqueda y que no da como respuesta una interminable lista de páginas web. ¿Y cuál es la respuesta que proporciona?, ni más ni menos que el objeto tridimensional y físico de lo que han buscado realizado por una impresora 3d. En este vídeo nos muestran sus funcionalidades.










from Tic's, elearning, moodle, joomla, wordpress, prezi, web 2.0, web, html5, css3 ... | Scoop.it http://www.scoop.it/t/niebla/p/4012350838/2013/12/08/el-maravilloso-buscador-de-yahoo-para-ninos-ciegos

via IFTTT

martes, 19 de noviembre de 2013

Las mejores herramientas gráficas de programación para niños



Programar siempre se ha visto como algo al alcance de unos pocos. Algunos lenguajes sí, pero hay disponibles herramientas de programación para niños

Aprender a programar es algo que unos pocos han aprendido como oficio pero que todos deberíamos conocer. Gracias a la programación podemos aprender cosas nuevas, crear nuestras propias herramientas e incluso cambiar nuestra manera de pensar y de ver el mundo que nos rodea. En Bitelia acostumbramos a proporcionar artículos de utilidad, como cursos de programación gratis. Para ayudar a los más pequeños a empezar con buen pie en el amplio pero en ocasiones complejo mundo de la programación, a continuación repasamos algunas herramientas de programación para niños.


¿Cómo enseñar programación a niños? Está claro que desde el primer día no podemos empezar hablándoles de lenguajes de programación, variables, algoritmos y otras palabrejas relacionadas con programar. En este sentido, es preferible empezar con algo más simple a lo que puedan habituarse y que puedan manejar por su cuenta. Actualmente existen muchos proyectos enfocados a la enseñanza de programación para niños. La mayoría apuestan por entornos gráficos, que mediante el uso del ratón y del teclado permiten crear un programa como si fuera un puzle. Poco a poco, el niño irá aprendiendo que esas piezas de puzle son piezas de código, un código que pueden seguir aprendiendo a medida que crecen y siguen formándose.


.










from Tic's, elearning, moodle, joomla, wordpress, prezi, web 2.0, web, html5, css3 ... | Scoop.it http://www.scoop.it/t/niebla/p/4011286582/2013/11/19/las-mejores-herramientas-graficas-de-programacion-para-ninos

via IFTTT

domingo, 17 de noviembre de 2013

Los Subreddits de ciencia más curiosos o interesantes en la web



Los Subreddits de ciencia más curiosos o interesantes son los protagonistas en esta edición para todos aquellos interesados en hechos científicos.









from Tic's, elearning, moodle, joomla, wordpress, prezi, web 2.0, web, html5, css3 ... | Scoop.it http://www.scoop.it/t/niebla/p/4011154311/2013/11/17/los-subreddits-de-ciencia-mas-curiosos-o-interesantes-en-la-web

via IFTTT

domingo, 17 de febrero de 2013

Guía para crear el perfecto tema WordPress

developer

En ThemeShaper han creado una guía para cualquier desarrollador que quiera crear un tema WordPress que atienda a todos los estándares, de manera que ofrezca la mejor experiencia puramente WordPress.

La guía está pensada para desarrolladores de temas para WordPress.com pero es igualmente útil para cualquier entorno WordPress. Y cómo creo que es de un tremendo interés aquí lo tienes en español …

sábado, 9 de febrero de 2013

Los orígenes de las cadenas de mensajes: si no copias este artículo, morirás



Quien no haya recibido un correo similar a éste, que levante la mano: “Copia y pega este mensaje a diez de tus contactos o sufrirás diez años de mala suerte.” Este tipo de spam es ubicuo y, hasta cierto punto, cargante (aunque constituya una excelente herramienta darwiniana para separar la gente escéptica de la magufa).
Sin embargo, a pesar de que las cadenas de mensajes pudieran parecer un efecto secundario del precio de dichos mensajes (casi cero) y el esfuerzo y tiempo que supone reenviarlos (un click, un segundo), las cadenas de mensajes hunden sus raíces en tiempos en los que el correo electrónico no había sido inventado.
Si partimos de la base de que una cadena de mensajes tiene como objetivo la replicación, independientemente de su contenido, entonces hemos de remontarnos, como mínimo, al año 1902. Es la fecha que propone Daniel W. VanArsdale, un experto en la evolución de las cadenas de mensajes, que halló el siguiente mensaje fechado en ese año: “Haz siete copias de esto exactamente como está escrito”.
James Gleick, en su libro La información, abunda en la propagación de las cadenas de mensajes:

La invención del bit: la partícula fundamental de la información


Quién diría que una idea tan simple supondría una revolución de implicaciones aún en constante desarrollo. Quién diría que un planteamiento tan maniqueo como sí o no, blanco o negro, verdad o mentira acabaría siendo el fundamento de la comunicación del futuro. Así es el átomo de la información. El bit.
En 1948, Bell Laboratories anunció la creación del bit, una unidad para medir la información. Su inventor tenía 32 años y se llamaba Claude Shannon, un tipo de biografía fascinante que algún día espero explicaros en profundidad. La idea de Shannon era contrauitiva y revolucionaria: según él, los mensajes no siempre tienen sentido, y que lo tengan o no son “aspectos semánticos de la comunicación… irrelevantes para el problema de ingeniería”.
Gracias a Shannon, pues, el bit (acrónimo que significa “dígito binario“) es la unidad más pequeña posible de información en la informática digital. En informática la menor unidad indivisible posible es un simple pulso eléctrico, que puede representar un 1 o un 0. Mientras que en el sistema de numeración decimal se usan diez dígitos, en el binario se usan sólo dos dígitos. Todos los datos que se almacenan en un ordenador está compuesta de números binarios. El origen del término “dígito binario” se atribuye a John Tukey, un científico que trabajaba en los Laboratorios Bell, y los usó por primera vez en 1947.
El bit es una partícula fundamental de una especie diversa: no sólo es diminuto, sino también abstracto: un dígito binario. Tendiendo puentes entre la física del siglo XX y la del siglo XXI, John Archibald Wheeler, el último colaborador que quedaba de Einstein y Bohr (falleció en 2008), dijo “It from Bit”, es decir, que de los bits, de la información, “sale cada “eso”, cada partícula, cada campo de fuerza” que pueda existir en el mundo.

sábado, 2 de febrero de 2013

Ocho secretos y trucos que quizás no conocías de Google Chrome

Google Chrome
Detrás de Chrome se encuentran una gran cantidad de funciones, características y funcionalidades que pueden llegar a mejorar nuestra experencia con el navegador. El navegador de Google esconde más secretos de los que nos imaginamos. Te presentamos ocho secretos y trucos de Chrome que probablemente no conocías con anterioridad y que pueden servirte de ayuda en ciertos aspectos.
  • Pegar texto sin formato (Ctrl+Shift+V). ¿Cuántes veces hemos pegado un texto con negritas o cursivas y luego hemos tenido que quitarlas manualmente por que no nos interesaban? En muchas ocasiones, cuando copiamos un texto, nos llevamos dentro su formato (negritas, cursivas, subrayados, tamaño de la fuente…). Si simplemente te interesa pegar el texto en sí puedes hacerlo mediante la combinación de teclas Ctrl+Shift+V. Recuérdalo, puede servirte mucho de ayuda en ciertas ocasiones.
  • Administrador de tareas y estadísticas. Chrome cuenta con su propio administrador de tareas para gestionar los procesor del navegador. Si crees que hay algún proceso que está afectando al rendimiento de Chrome solo tendrás que eliminarlo desde el apartado “Ver páginas en segundo plano” del menú de Herramientas, o accediendo desde Shift+Esc. Además, si queremos adentrarnos en las estadísticas, podremos observar información detallada de la memoria usada (y en cada uno de los navegadores) desde la dirección about:memory.
    Chrome Procesos

Crear un precarga con jQuery

Crear un precarga con jQuery: En este tutorial veremos cómo hacer una precarga en jQuery donde se muestre un .gif de "loading" mientras se esté cargando toda la web, ya que algunas veces los proyectos tienen muchas peticiones al servidor y esto hace que tarde.

Antes de comenzar con esto veremos unos conceptos que nos ayudará a entender el pequeño script:
  • $(document).ready: se activa cuando carga todo el DOM, incluso aunque las imágenes no terminen de cargar.
Código :
$(document).ready(function() {
 alert("document cargo");
});
  • $(window).load: se activa cuando la página termine de cargar todas las peticiones.
Código :
$(window).load(function() {
 alert("window cargo");
});


Ya con estos conceptos podemos comenzar a armar nuestro script. No se olviden de cargar antes jQuery.

Código :
$(document).ready(function(){
        //eliminamos el scroll de la pagina
        $("body").css({"overflow-y":"hidden"});
        //guardamos en una variable el alto del que tiene tu browser que no es lo mismo que del DOM
        var alto=$(window).height();
        //agregamos en el body un div que sera que ocupe toda la pantalla y se muestra encima de todo
        $("body").append("< div id="pre-load-web">< div id="imagen-load">< img src="http://preloaders.net/preloaders/359/Filling%20circles.gif" alt="" />Cargando...</ div></ div>"); 
        //le damos el alto 
       $("#pre-load-web").css({height:alto+"px"}); 
       //esta sera la capa que esta dento de la capa que muestra un gif 
       $("#imagen-load").css({"margin-top":(alto/2)-30+"px"}); 
})     
$(window).load(function(){ 
$("#pre-load-web").fadeOut(1000,function() { //eliminamos la capa de precarga $(this).remove();
//permitimos scroll 
$("body").css({"overflow-y":"auto"}); }); 
 
})


[css:1:5688226aae]#pre-load-web {width:100%;position:absolute;background:#92def8;left:0px;top:0px;z-index:100000}
/*aqui centramos la imagen si coloco margin left -30 es por que la imagen mide 60 */
#pre-load-web #imagen-load{left:50%;margin-left:-30px;position:absolute}[/css:1:5688226aae]

Con este sencillo script ya pueden tener un precarga sin necesidad de un plugin.

descargar script de precarga


lunes, 17 de diciembre de 2012

Vídeo e imágenes en comentarios WordPress

tecla comentar
Siguiendo con el tema de incrustar contenido multimedia de manera sencilla en WordPress, puede surgirte la idea de permitir este tipo de contenido también en los comentarios que dejan tus visitantes, y es relativamente sencillo.

Ahora bien, es una decisión que debes meditar un poco, porque salvo necesidad no es algo común y solo distraerá del verdadero objetivo de los comentarios, y es dejar opiniones y conversación sobre el tema de cada publicación.
Pero si lo tienes claro hay varias maneras de permitir comentarios con contenido multimedia, estos son algunos:
    subir imagen disquscasilla subir medios disqus
  • Disqus: este sistema mejorado de comentarios tiene, entre sus opciones, la posibilidad de permitir insertar contenido multimedia. Si lo activas los usuarios podrán insertar vídeos de YouTube simplemente pegando la URL del mismo, o subir imágenes de un tamaño máximo de 2 Mb, que se visualizarán una vez publicado el comentario.




  • oEmbed in comments: este plugin extiende el soporte de oEmbed a los comentarios de nuestro WordPress. Nada que configurar, simplemente ya puedes hacerlo, igual que en el editor y soportando los mismos servicios.

    oembed comentarios wordpress
  • Livefyre: este sistema de mejora de los comentarios, al igual que Disqus, también integra la posibilidad de insertar contenido multimedia en los comentarios, entre otras funcionalidades avanzadas. ¿Que por qué no lo uso si tanto mola?, pues porque tiene sus cosas, otro día lo hablamos.
  • Intense debate: este otro sistema de comentarios, en este caso de Automattic, también tiene la posibilidad de permitir contenido multimedia en los comentarios, aunque en este caso pasa por la instalación de añadidos adicionales, pero funcionar funciona. Los tienes gratuitos para insertar vídeos de YouTube o encuestas de Polldaddy, por ejemplo.
  • Comments images: sencillo pero efectivo plugin que añade la posibilidad de acompañar los comentarios con imágenes subidas por el usuario. Soporta los formatos de imagen PNG, GIF, JPG, y JPEG, ajustando las mismas al estilo de los comentarios definidos en el tema WordPress.
En fin, que hay bastantes posibilidades, y estas son unas cuantas, si sabes de alguna más nos lo cuentas, pero sobre todo … ¿ves interesante lo de insertar contenido multimedia en los comentarios? …

Ancho máximo para incrustados con oEmbed a partir de WordPress 3.5

flipado japo

La posibilidad de insertar contenido multimedia sin necesidad de copiar y pegar scripts o iframes es una auténtica mejora de WordPress, especialmente si usas el editor visual principalmente, o si quieres que solo se use el editor visual. Y es que con la característica de soporte nativo de oEmbed en WordPress podemos insertar casi de todo solo pegando la URL donde está el contenido en el editor, tal cual.


Para ello, en los ajustes de medios del escritorio de WordPress veías esto … 


Antes de WP 3.5
Antes de WP 3.5

¡Pero desde WordPress 3.5 esos ajustes han desaparecido!


En WP 3.5
En WP 3.5

¿Por qué?. Pues no solo viene activa por defecto la opción en WordPress 3.5 sino que no puedes ajustar el ancho o alto máximo de los objetos incrustados, y WordPress “supondrá” que tu tema activo tiene definido un ancho de contenido, al que ajustará el ancho de los incrustados, ajustando la altura máxima a 1,5 veces el alto. La decisión es básicamente por simplificar, no sé si porque alguien está decidiendo que WordPress tiene demasiados ajustes, pero bueno, eso o hablamos otro día.
Entonces ¿qué pasa si mi tema WordPress no tiene definido un ancho de contenido?, pues que el contenido se saldrá del bloque de contenido, quedando bastante fea la cosa, algo muy común por ejemplo con vídeos panorámicos de YouTube y similares.
Si así fuera, afortunadamente, tiene fácil solución, pues solo tienes que añadir esta línea de código al archivo functions.php de tu tema activo:
//Definir ancho de contenido
if ( ! isset( $content_width ) ) $content_width = 550;
(Nota: en el ejemplo el ancho máximo está puesto a 550, cámbialo al ancho del contenido de tu tema)
Si, además, quieres desactivar los auto-incrustados en WordPress 3.5 ya sabes que puedes hacerlo como comenté el otro día y puedes comprobar en el enlace anterior.

Un resumen de 2012 hecho por Facebook




Facebook ha publicado su resumen de 2012 en base a los temas y acontecimientos que generaron más conversación entre sus mil millones de usuarios. La compañía ha creado varias listas que engloban diferentes categorías como eventos, canciones, figuras públicas, tecnología o política. Sin embargo, ha limitado este resumen a una serie de países (Alemania, Australia, Brasil, Canadá, España, Estados Unidos, Francia, India, Italia, Reino Unido y Rusia) y tampoco ha creado ninguna lista global.

Así, en la lista estadounidense (la más completa), se puede ver que este año el meme TBH (to be honest) se impuso a otros como YOLO (you only live once, una especie de carpe diem 2.0 que se coloca en segunda posición) o, sorprendentemente, a Gangnam Style, el éxito de PSY que bate récords en YouTube (quinto puesto). El famoso viral KONY también está por encima del artista coreano.
En lo que respecta a los temas políticos, la victoria de Obama también se repitió en Facebook, pues el presidente ocupa el primer lugar, por delante de Mitt Romney. Otros términos que aluden de forma directa o muy cercana a las elecciones como Voted (3º), Four More Years (4º), Gay Marriage (7º), Obamacare (8º) o The Polls (9º) aparecen en este top 10.
Por otro lado, en tecnología el término que generó más expectación fue Instagram, que en 2012 fue adquirida por Facebook, incluyó perfiles web y fue 'expulsada' de Twitter, entre otros hitos. El nuevo Timeline, Pinterest, Draw Something, iPhone 5, Kindle Fire, SOPA, News Feed, Siri y SongPop completan la lista.
Mientras, en España las tendencias de Facebook reflejaron la situación económica en la que está sumida el país. Trabajo encabeza un top 10 en el que entre las primeras cinco posiciones también aparecen Huelga (2ª), Rajoy (3ª) y Crisis Económica (4ª). A partir del quinto puesto de la Fórmula 1 únicamente aparecen términos deportivos (con la excepción de Telecinco Antena 3, en noveno lugar).
En Brasil la presencia de la televisión y los deportes es todavía más acentuada, con equipos de fútbol, atletas olímpicos, luchadores y programas como Avenida Brasil (primera posición) o Big Brother Brasil (tanto este término como BBB, sus siglas). Eso sí, los brasileños no se olvidaron de las elecciones, que fueron el cuarto tema más importante.
Además, Facebook ha creado una herramienta para que los usuarios vean sus 20 acontecimientos más destacados del año. En general se trata de imágenes, entradas o etiquetas, aunque también se pueden ver, por ejemplo, los amigos añadidos a la red social a lo largo de 2012.
La entrada Un resumen de 2012 hecho por Facebook aparece primero en ALT1040.

viernes, 14 de diciembre de 2012

USB-AV, anti-malware para tus dispositivos USB




Introducido en nuestro mundo en la década de los 90, el USB es a día de hoy la conexión de periféricos por excelencia. A través de ella cargamos nuestros dispositivos móviles, transferimos información, y compartimos contenidos offline con nuestros amigos, algo para lo que necesitamos un disco duro externo o un stick USB. Esto hace que, junto con las descargas de Internet, el USB se una de las entradas potenciales de virus y demás malware en nuestros ordenadores.

Normalmente cualquier suite de antivirus contará con un análisis residente que debería encargarse de vigilar que ningun extraño entre por esa puerta, aunque afortunadamente hay aplicaciones específicas que hacen de guardian sin tener que requerir muchos recursos del sistema. En el pasado hemos hablado de Panda USB Vaccine, que nos permitía vacunar nuestros dispositivos, y de USB Disk Manager, un programa más complejo que también trataba de asegurarnos una memoria USB libre de malware.
Hoy os hablo de USB-AV, diminutivo de USB Antivirus, y una utilidad residente que se encarga de analizar nuestras unidades tan pronto como las conectamos vía USB. De hecho una de sus virtudes es que no es necesario que configuremos nada si no lo deseamos, basta con realizar la instalación, y por defecto USB-AV analizará todos los contenidos de las unidades.
En caso de encontrar algún contenido peligroso, la aplicación lo moverá automáticamente a una carpeta de cuarentena, informándonos de los archivos afectados. Por ejemplo, y como sabéis, uno de los principales peligros que nos podemos encontrar es que el stick USB haya sido infectado y cuente con un archivo autorun.inf, el cual se autoejecuta en las anteriores versiones de Windows y puede llegar a provocar que un virus se introduzca en nuestro ordenador. USB-AV moverá automáticamente estos archivos a la sección de cuarentena.
Se trata además de una utilidad muy liviana que corre en la bandeja del sistema, y desde la cual podemos acceder a algunas características avanzadas, como la desactivación de la escritura en la unidad USB, algo ideal en caso de que trabajemos con una unidad cargada de documentos importantes, o incluso la desactivación por completo de las conexiones USB, impidiendo que nadie pueda pinchar un USB e infectar nuestro equipo.

miércoles, 12 de diciembre de 2012

CSS3 Transforms

CSS3 Transforms:
Las transformaciones en CSS3 ofrecen la posibilidad de añadir persepectiva a tus elementos HTML. Podemos usar las transformaciones CSS3 para disponer los elementos en un espacio 2D o 3D. HTML es generalmente una presentación lineal, todos los elementos son esencialmente rectángulos. Las transformaciones nos permiten aprovechar los diferentes planos para dar a nuestro "layout" cierta perspectiva. Hay dos tipos de transformaciones: 2D y 3D. Vamos a ver primero las transformaciones 2D:
  • Skew: Define un sesgo 2D a lo largo de los ejes x e y.
  • Scale: Proporciona un escalado 2D sobre los ejes x e y.
  • Rotate: Proporciona una rotación 2D a un número de grados definido.
  • Translate: Se traslada (o desplaza) el elemento a una posición definida 2D.
Vamos a ver un ejemplo:
CSS:
.caja{
 display:block;
    margin-bottom:20px;
    width:100px;
    height:60px;
 background:#ddd;
    border:2px solid #c8c8c8;
}
.caja_skew {
 transform: skew(30deg);
 -ms-transform: skew(30deg); /* IE 9 */
 -webkit-transform: skew(30deg); /* Safari y Chrome */
 -o-transform: skew(30deg); /* Opera */
 -moz-transform: skew(30deg); /* Firefox */
}
.caja_scale {
 transform: scale(1,0.5);
 -ms-transform: scale(1,0.5); /* IE 9 */
 -webkit-transform: scale(1,0.5); /* Safari y Chrome */
 -o-transform: scale(1,0.5); /* Opera */
 -moz-transform: scale(1,0.5); /* Firefox */
}
.caja_rotate {
 transform: rotate(15deg);
 -ms-transform: rotate(15deg); /* IE 9 */
 -webkit-transform: rotate(15deg); /* Safari y Chrome */
 -o-transform: rotate(15deg); /* Opera */
 -moz-transform: rotate(15deg); /* Firefox */
}
.caja_translate {
 transform: translate(125px, 15px);
 -ms-transform: translate(125px, 15px); /* IE 9 */
 -webkit-transform: translate(125px, 15px); /* Safari y Chrome */
 -o-transform: translate(125px, 25px); /* Opera */
 -moz-transform: translate(125px, 15px); /* Firefox */
}
.caja_rotate_skew_scale_translate {
 transform: skew(30deg) scale(1,0.5) rotate(30deg) translate(25px,25px);
 -ms-transform: skew(30deg) scale(1,0.5) rotate(30deg) translate(25px,25px); /* IE 9 */
 -webkit-transform: skew(30deg) scale(1,0.5) rotate(30deg) translate(25px,25px); /* Safari y Chrome */
 -o-transform: skew(30deg) scale(1,0.5) rotate(30deg) translate(25px,25px); /* Opera */
 -moz-transform: skew(30deg) scale(1,0.5) rotate(30deg) translate(25px,25px); /* Firefox */
}
HTML:
<p>sesgar:</p>
 <div class="caja caja_skew"></div>
<p>escalar:</p>
 <div class="caja caja_scale"></div>
<p>rotar:</p>
 <div class="caja caja_rotate"></div>
<p>trasladar:</p>
 <div class="caja caja_translate"></div>
<p>rotar, sesgar, escalar y trasladar:</p>
 <div class="caja caja_rotate_skew_scale_translate"></div>
Ver ejemplo en funcionamiento » »
CSS3 transformaciones en 3D
Las transformaciones en 3D se implementan de manera similar a las transformaciones 2D, pero también tienes acceso a un tercer plano. A continuación vemos las opciones disponibles para las transformaciones 3D.
  • translate3d: Traslada (o desplaza) el elemento a una posición 3D definida en los ejes x,y,z.
  • scale3d: especifica una operación de escala 3D en los ejes x,y,z.
  • rotateX: especifica una rotación hacia la derecha por el ángulo dado alrededor del eje x.
  • rotateY: especifica una rotación hacia la derecha por el ángulo dado alrededor del eje y.
  • rotateZ: especifica una rotación hacia la derecha por el ángulo dado alrededor el eje z.
Vamos a ver otro ejemplo.
CSS:
.caja{
 display:block;
    margin-bottom:20px;
    width:100px;
    height:60px;
 background:#ddd;
    border:2px solid #c8c8c8;
}
.caja_translate3d {
 transform: translate3d(75%, ?25%, 0);
 -ms-transform: translate3d(75%, ?25%, 0); /* IE 9 */
 -webkit-transform: translate3d(75%, ?25%, 0); /* Safari y Chrome */
 -o-transform: translate3d(75%, ?25%, 0); /* Opera */
 -moz-transform: translate3d(75%, ?25%, 0); /* Firefox */
}
.caja_scale3d {
 transform: scale3d(0.5, 1.25,1);
 -ms-transform: scale3d(0.5, 1.25,1); /* IE 9 */
 -webkit-transform: scale3d(0.5, 1.25,1); /* Safari y Chrome */
 -o-transform: scale3d(0.5, 1.25,1); /* Opera */
 -moz-transform: scale3d(0.5, 1.25,1); /* Firefox */
}
.caja_rotate_x {
 transform: rotateX(100deg);
 -ms-transform: rotateX(100deg); /* IE 9 */
 -webkit-transform: rotateX(100deg); /* Safari y Chrome */
 -o-transform: rotateX(100deg); /* Opera */
 -moz-transform: rotateX(100deg); /* Firefox */
}
.caja_rotate_y {
 transform: rotateY(10deg);
 -ms-transform: rotateY(10deg); /* IE 9 */
 -webkit-transform: rotateY(10deg); /* Safari y Chrome */
 -o-transform: rotateY(10deg); /* Opera */
 -moz-transform: rotateY(10deg); /* Firefox */
}
.caja_rotate_z {
 transform: rotateZ(40deg);
 -ms-transform: rotateZ(40deg); /* IE 9 */
 -webkit-transform: rotateZ(40deg); /* Safari y Chrome */
 -o-transform: rotateZ(40deg); /* Opera */
 -moz-transform: rotateZ(40deg); /* Firefox */
}
HTML:
<p>trasladar 3d:</p>
    <div class="caja caja_translate3d"></div>
<p>escalar 3d:</p>
    <div class="caja caja_scale3d"></div>
<p>rotar x:</p>
    <div class="caja caja_rotate_y"></div>
<p>rotar y:</p>
    <div class="caja caja_rotate_z"></div>
<p>rotar z:</p>
    <div class="caja caja_rotate_x"></div>
Ver ejemplo en funcionamiento » »
Para ver mejor el efecto de las transformaciones vamos a realizar unas simples animaciones.
CSS:
.caja{
 display:block;
    margin-bottom:20px;
    width:100px;
    height:60px;
 background:#ddd;
    border:2px solid #c8c8c8;
     -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}
.caja_translate3d:hover {
 transform: translate3d(75%, -25%, 0);
 -ms-transform: translate3d(75%, -25%, 0); /* IE 9 */
 -webkit-transform: translate3d(75%, -25%, 0); /* Safari y Chrome */
 -o-transform: translate3d(75%, -25%, 0); /* Opera */
 -moz-transform: translate3d(75%, -25%, 0); /* Firefox */
}
.caja_scale3d:hover {
 transform: scale3d(0.5, 1.25,1);
 -ms-transform: scale3d(0.5, 1.25,1); /* IE 9 */
 -webkit-transform: scale3d(0.5, 1.25,1); /* Safari y Chrome */
 -o-transform: scale3d(0.5, 1.25,1); /* Opera */
 -moz-transform: scale3d(0.5, 1.25,1); /* Firefox */
}
.caja_rotate_x:hover{
 transform: rotateX(100deg);
 -ms-transform: rotateX(100deg); /* IE 9 */
 -webkit-transform: rotateX(100deg); /* Safari y Chrome */
 -o-transform: rotateX(100deg); /* Opera */
 -moz-transform: rotateX(100deg); /* Firefox */
}
.caja_rotate_y:hover{
 transform: rotateY(10deg);
 -ms-transform: rotateY(10deg); /* IE 9 */
 -webkit-transform: rotateY(10deg); /* Safari y Chrome */
 -o-transform: rotateY(10deg); /* Opera */
 -moz-transform: rotateY(10deg); /* Firefox */
}
.caja_rotate_z:hover{
 transform: rotateZ(40deg);
 -ms-transform: rotateZ(40deg); /* IE 9 */
 -webkit-transform: rotateZ(40deg); /* Safari y Chrome */
 -o-transform: rotateZ(40deg); /* Opera */
 -moz-transform: rotateZ(40deg); /* Firefox */
}
HTML:
<p>trasladar 3d:</p>
    <div class="caja caja_translate3d"></div>
<p>escalar 3d:</p>
    <div class="caja caja_scale3d"></div>
<p>rotar x:</p>
    <div class="caja caja_rotate_y"></div>
<p>rotar y:</p>
    <div class="caja caja_rotate_z"></div>
<p>rotar z:</p>
    <div class="caja caja_rotate_x"></div>
Ver ejemplo en funcionamiento » »

Extensión de Chrome permite guardar directamente en Google Drive

Google anunció hoy algunas nuevas funciones de Drive, su sistema de almacenamiento en la nube. La primera es una extensión para Chrome, que permite guardar contenido de la web directamente en Drive. Por ejemplo, si te encuentras con una fotografía que te gusta, quieres guardar código HTML o un archivo web, puedes hacer clic derecho y aparecerá la opción de almacenar ese contenido en Drive.
Una vez guardado, el sistema te dará la opción de abrir el archivo inmediatamente, cambiarle el nombre, o verlo en la lista de Drive, donde puedes elegir ponerlo en una carpeta, o compartirlo con otros.
La compañía también hizo un pequeño cambio en el despliegue de las imágenes dentro del servicio, permitiendo hacer zoom, scroll y ajustar el tamaño de la foto a la pantalla. También se agregó la opción de hacer comentarios en partes de la foto, parecido a lo que existe en Flickr.

miércoles, 21 de noviembre de 2012

Quitar el campo URL de los comentarios sin “tocar” el tema WordPress


De verdad, odio tener que compartir esto, pero es que me lo piden mucho y, sinceramente, no se decir que no a los “wordpresseros“, me pierde publicar todo aquello que pueda ayudar a alguien a amar aún más WordPress.

Y es que muchos de vosotros me habéis pedido por varios medios cómo quitar el campo de Web del formulario de comentarios, eso si, sin tocar el tema WordPress, y mucho menos los archivos del núcleo de WordPress (en los casos en que el tema usa el sistema interno “comment_form” , como cuando usas el sistema de comentarios de JetPack).
¿Motivos?, pues el que más me habéis aludido es que ya la gente no tiene blogs así que no tiene sentido el cambio de URL. Y de verdad, reniego de ello ¡COÑO, HACEOS UN BLOG YA!.
Pero vaya, que nobleza wordpressera obliga, así que así se hace esta cosa:
  1. Abre tu plugin de funciones
  2. Añade estas líneas:

    //quitar campo url de comentarios (sniff)
    function remove_url_field($fields){
    ields['url']); return $fi
    if(isset($fields['url'])) unset($ felds; }
    ('comment_form_default_fields', 'remove_url_field');
    add_filte r
  3. Guarda los cambios
Hala, ya está, por favor, no pidáis más estas cosas a un bloguero, sufro mucho.
:(
Ayuda WordPress está alojado en Gigas Cloud WordPress, hosting en la nube especializado en WordPress

Las mejores formas de compartir fotografías en la web





Hoy en día, compartir fotografías es algo que es casi “natural” de internet. Todos los usuarios encuentran maneras diferentes todos los días para compartir fotografías a través de la red, y los desarrolladores inventan cada vez más formas de hacerlo. Si no, nos podemos fijar sin más en el éxito espectacular de Instagram, aplicación móvil para compartir fotografías filtradas con efectos especiales que le dan una vibra vintage. Pero las aplicaciones móviles no son la única forma que tenemos de compartir fotografías a través de internet.

En este post vamos a hacer un repaso de las mejores formas de compartir imágenes que podemos encontrar, a través de diferentes formas. Algunas son más populares que otras, pero el propósito es siempre el mismo.

Almacenamiento en la nube

Los múltiples servicios de almacenamiento en la nube nos permiten almacenar también fotografías, lo que puede resultar muy útil. Con las diferentes actualizaciones se fueron generando mejoras a la funcionalidad de compartir fotografías en todos estos servicios, lo que los convierte en una opción ideal a la hora de, por ejemplo, compartir álbumes de fotos de viajes o de eventos.
  • Dropbox: las funcionalidades de Dropbox en lo que se refiere al almacenamiento de imágenes han mejorado muchísimo. Por un lado, podemos setear nuestros dispositivos móviles para sincronizar todas las fotografías que hayamos sacado con nuestro Smartphone, por ejemplo, para que aparezcan automáticamente en una carpeta de Dropbox. Pero además podemos crear enlaces públicos para compartir fotografías con todos que pueden ser visualizadas o descargadas, o compartir carpetas donde guardamos los archivos en buena calidad.
  • Skydrive: de forma similar a Dropbox, pero con un límite mayor de almacenamiento gratuito, con Skydrive podemos guardar nuestras fotografías online y crear álbumes de fotos que se pueden descargar y visualizar con solamente tener un link. En este sentido, mientras que Dropbox es más conveniente a la hora de compartir entre dos usuarios, Skydrive puede tener más utilidad para crear álbumes de fotos online que puedan ser visualizados por cualquiera –con los correctos settings de privacidad, por supuesto-.
  • Adobe Photoshop Express: con este flamante servicio que inauguró hace algunos meses Adobe, tenemos acceso a nuestras fotografías y a una suite de edición –que no tiene demasiadas funcionalidades pero que es bastante útil. De forma gratuita tenemos un almacenamiento de 2GB, aunque podemos optar para tener más espacio a través de un pago. Por otro lado, tenemos la posibilidad de compartir las fotografías editadas a través de Facebook y Twitter, y también por correo electrónico. Lo que no tenemos es la opción para crear álbumes que puedan ser vistos desde la web.

Servicios específicos

Por otro lado, también encontramos servicios específicos que están dedicados al fotógrafo o al amante de la fotografía. En su momento, el rey supremo fue Flickr, aunque su falta de actualizaciones –se espera que la actual CEO de Yahoo!, Marissa Mayer, mejore el servicio en este aspecto- y sus paupérrimas aplicaciones móviles lo han dejado bastante rezagado en comparación con otros servicios. Hemos seleccionado algunos con diferentes características.
  • Flickr: no podemos dejar de compartir este sitio. Con el correr de los años Flickr se ha transformado en una comunidad donde fotógrafos pueden mostrar su trabajo, pero además conectar con otras personas. Las fotografías que subimos a Flickr son públicas, se puede habilitar o deshabilitar su descarga, se les puede incluir una licencia Creative Commons para su uso en blogs y publicaciones, y se puede recibir comentarios sobre nuestro trabajo. También se pueden usar etiquetas para identificar un estilo o una temática, por ejemplo. Es un servicio muy completo que permite subir fotografías de alta calidad, y también crear “sets” o colecciones para compartir con los demás.
  • Picasa: este servicio podría ser considerado como la “respuesta” de Google a Flickr. Picasa es su propio servicio de almacenamiento de fotografías y lo que tiene de bueno es la sincronización entre diferentes servicios como Blogger para poder tener todas nuestras fotografías sincronizadas en un único lugar. También nos brinda la opción de crear álbumes de fotos y compartirlos con los demás, además de compartir fotos individuales.
  • 500px: este –relativamente- nuevo sitio es más de nicho; está dedicado a los fotógrafos, que obtienen la posibilidad de crear un perfil para poder dar a conocer su trabajo. La diferencia en este caso es que algunas de las fotografías de los miembros de 500px se pueden comprar o vender, porque como dijimos está pensado para un tipo de usuario en particular. Podemos destacar su diseño, su interfaz intuitiva, y la calidad de las imágenes que se puede subir.
  • Photobucket: este servicio es un viejo conocido de internet y tiene un funcionamiento muy simple. Seleccionamos la fotografía que queremos subir, y el servicio genera un link que podemos compartir o embeber. Para almacenar las fotografías, podemos crear un nombre de usuario o sincronizar Photobucket con Twitter o Facebook. Desde sus comienzos el funcionamiento del sitio ha sido optimizado para que subir una fotografía a internet no sea un proceso completamente engorroso.

Aplicaciones

En el ámbito de la fotografía ya se está hablando de la smartphoneography, la fotografía de los smartphones. Si bien la calidad de las imágenes no es la misma, muchos usuarios usan estas aplicaciones para compartir todo lo que hacen. No es casualidad que Facebook comprara Instagram por mil millones de dólares. Saben dónde están los usuarios.
  • Instagram: no podemos dejar de mencionar esta aplicación. Con Instagram podemos tomar una fotografía y aplicarle un filtro que le da otro look. Luego podemos compartir esta imagen con nuestros amigos en Facebook, Twitter y otras redes sociales, pero lo interesante es que Instagram funciona como una pseudo red social, donde podemos agregar y seguir contactos y ver sus actualizaciones. La posibilidad de exportar nuestras fotografías es crucial, y recientemente Instagram habilitó los perfiles web para poder ver las fotografías desde todas partes.
  • Path: el encanto de esta aplicación reside en su simpleza, y no daña que tenga un genial diseño. Disponible para los usuarios de iPhone, es una forma fantástica de compartir fotografías con otros usuarios o a través de redes sociales.

Otros servicios

Aplicaciones y servicios no son los únicos modos que tenemos de compartir fotografías online. La realidad es con cada día que pasa se están inventando cosas nuevas, y es difícil poder mantenerse completamente al día si no somos fanáticos confesos del photo sharing. Hemos hecho una selección las que más nos gustan, pero también pueden compartir sus selecciones en los comentarios.
  • Tumblr: este servicio de micro blogging, por definirlo de alguna forma, es ideal para compartir fotografías. De hecho, las imágenes son la forma preferida de compartir que tienen los usuarios, además de los clásicos GIF. Tener una cuenta no cuesta nada, y además de subir nuestras propias fotografías también podemos seleccionar las imágenes de los demás y también difundirlas.
  • Pinterest: este servicio está motivado casi en exclusividad por las imágenes, no por nada es una red social elegida por diseñadores, ilustradores y otras personas con profesiones relacionadas con lo visual. A la hora de compartir fotografías es ideal.
  • Facebook: la red social más grande del mundo tiene una genial herramienta para visualizar fotos –depende de la opinión de cada uno, claro está- y las sube en buena calidad.
  • Google+: uno de los grandes fuertes de la flamante red social de Google son las imágenes. Es una buena forma de compartir nuestro trabajo y las fotografías también se suben en una buenísima calidad.




Apps educativas organizadas y clasificadas

Apps educativas organizadas y clasificadas: Me ha parecido que puede ser de gran interés para todos aquellos profesores y profesoras que están trabajando con tabletas Ipad y que se pierden en el mar de aplicaciones de la App Store esta clasificación tomada de Langwitch que las organiza en función de determinadas taxonomías y objetivos educativos. Son imágenes, así que no permiten hacer clic para abrir cada una de las aplicaciones, sino que se debe escribir su nombre en un navegador o en la App Store para obtenerlas.
Aunque esta clasificación es para Ipad, muchas de las aplicaciones también están disponibles para Android o habrá otras similares para trabajar el objetivo propuesto en la clasificación.








  Amplify