¿Qué edad aparentas?

How-old.net es la herramienta online de Microoft para detectar la edad de las personas en una fotografía. 

Tres horas más tarde de haber puesto on line el servicio, unas 35 mil personas pasaron a realizar la prueba, con resultados dispares que comenzaron a publicarse en las redes sociales, sobre todo frente a imágenes de famosos que fueron tratada con software de edición de imágenes; aún así, sobre fotos sin editar suele tener problemas para determinar correctamente la edad del retratado.

How Old utiliza las API disponibles en Azure Machine Learning, una plataforma de computación en la nube desarrollada por Microsoft que ofrece diversos recursos de análisis on line en reconocimiento de objetos, rostros, análisis de texto y voz, entre muchas otras herramientas.  

continue reading

Biblioteca online para Desarrolladores Web

DevDocs es un sitio web que contiene la documentación de los lenguajes de programación más utilizados en el desarrollo web. La gran mayoría de programadores utiliza google como su biblioteca online, me incluyo :) pero que mejor que contar con una web que tiene la documentación necesaria en un solo lugar con una interfaz sencilla y que ademas te permite personalizar los lenguajes que te gustan. Su base de datos esta en constante actualización

Ademas DevDocs cuenta con plugins y extensiones para:

• Chrome web app
• Firefox web app
• Sublime Text plugin
• Atom plugin
• Brackets extension

continue reading

Editor on-line para PHP

PHPFiddle es un editor de textos online para lenguaje PHP bastante completo.

Con PHPFiddle podrás escribir y probar tu código desde cualquier computadora con conexión a internet, soporta también los smartphone.

Cuenta con coloreado de código, soporte para base de datos, HTML, css, javascript, etc, es decir un completo editor gratuito.

<h1>Test</h1>
<?php
 $count = 0 ; 
 $f1 = 0; $f2 = 1; 
 echo $f1." , "; 
 echo $f2." , ";
 while ($count < 20 ) 
 {
  $f3 = $f2 + $f1 ; 
  echo $f3." , ";
  $f1 = $f2 ; 
  $f2 = $f3 ; 
  $count = $count + 1; 
 }
?>

Resultado

Enlace: http://phpfiddle.org/

continue reading

Scrumy - Herramienta online para gestionar proyectos

Scrumy es una herramienta online con forma de pizarra bastante sencilla de usar y aprender, pero no por eso deja de ser una poderosa herramienta para gestionar nuestros proyectos.

Tienes la posibilidad de crear un proyecto de forma gratuita o si tienes la posibilidad de soltar unos dolares, también cuenta con un gestor profesional.

Scrumy se basa en parte en Scrum y en la tabla Kanban para organizar el espacio de trabajo, se pueden crear las Historias de Usuario que se deseen y estas a su vez se subdividen en "tareas" las cuales se asignan a una persona para su ejecución, a su vez cada columna de la tabla indica que progreso tiene una tarea, tenemos "to do" "POR HACER", "In Progress" "EN PROGRESO", "Verify" "VERIFICACIÓN" o testeo de la tarea concluida para encontrar errores y por ultimo la columna "done" o "TAREA CONCLUIDA"

Sitio Web: http://www.scrumy.com/

continue reading

Herramientas on-line para webmaster - Parte 2

CLOSURE COMPILER
Esta herramienta llamada Closure Compiler, nos permite optimizar código javascript de tres maneras diferentes.

• Whitespace only: Esta opción, la más sencilla de todas, solo quita los espacios, comentarios y saltos de linea del archivo javascript. estos nos ahorra preciosos bytes de transferencia.

function validar_controles(){for(i=0;i<div_.length;i++)validar(div_[i],validate_[i],msg_[i])};

• Simple, Esta opción revisa (compila) el código javascript, elimina saltos de linea y espacios, elimina comentarios, reemplaza nombre de variables, optimiza el código js y si encontrara algún error o peligro nos alerta de ello.

Por ejemplo utilizando el siguiente pedazo de código.

$("#boton").click(function() {     
   if(!existe_error()){ 
      var dataString = 'action=pubcomentario&name=' + $('#name').val() + '&mail=' + $('#mail').val() + '&web=' + $('#web').val() + '&texto=' + $('#texto').val()  + '&q=' + $('#q').val() + '&r=' + $('#r').val() + '&idp=' +  global_data['post'];
      $.ajax({
          type: 'POST',
       url: 'blogs.php',
          data: dataString,
          success: function(data) 
          {       
               data = data.substring(0,1);
               if(data==0)
               {
                   alert('Error: No se pudo guardar su comentario. Intente más tarde');
               }
               else if(data==1)
               {
                   $('#comm-body').html('');
                   $('#comm-msg').css("display", "block"); 
               }        
               else if(data==2)  
               {
                  alert('Error: Por favor complete la operación de seguridad');     
               }
           }
        });//fin ajax    
    }else {alert('No se puede enviar. Revise los campos marcados con rojo.');}
});//fin click

Obtenemos un resultado como este:

• Advanced, Este método similar al anterior pero mucho mas agresivo realiza una compilación y formateo completo de nuestro código javascript, hay que tener cuidado porque puede dejar el resultado totalmente irreconocible y no es completamente compatible con jquery.

Utilizando el código anterior tenemos una mayor compresión , ademas de que nos detecta 9 warnings.

Esta herramienta on-line es imprescindible para el desarrollo de páginas dinámicas aparte de que es 100% FREE .


BEAUTIFY JAVASCRIPT OR HTML

Para complementar la herramienta anterior, disponemos de "jsbeautifier", si bien closure compiler cuenta con la opción de "Pretty print", impresión manteniendo los salto de linea y las tabulaciones, jsbeautifier, nos muestra el código javascript perfectamente ordenado y colereado por si fuera poco. Su uso no puede ser más sencillo, solo debes pegar el código que desees formatear y presionar el único botón que tiene su interfaz y listo.

Al igual que la anterior herramienta, es completamente gratuito.

continue reading

Herramientas on-line que no te deben faltar - parte 1

SVG to HTML5 Canvas Converter
Esta herramienta te permite convertir imágenes vectoriales a su equivalente en canvas HTML5.
Solo debes pegar el código XML de los archivos SVG y al instante tendrás el código javascript para canvas, muy útil si trabajas con la nueva tecnologia de HTML5 y sus gráficos canvas.

Convertir imagen a SVG
Para complementar la herramienta anterior, tenemos un servicio también online y gratuito que te permite convertir imágenes JPG, PNG, etc  a imágenes vectoriales.

El equivalente en SVG a la imagen superior es:

<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
 "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
 width="227.000000pt" height="222.000000pt" viewBox="0 0 227.000000 222.000000"
 preserveAspectRatio="xMidYMid meet">
<metadata>
Created by potrace 1.10, written by Peter Selinger 2001-2011
</metadata>
<g transform="translate(0.000000,222.000000) scale(0.100000,-0.100000)"
fill="#000000" stroke="none">
<path d="M1095 2114 c-119 -18 -172 -32 -220 -59 -22 -13 -74 -31 -115 -41
-66 -15 -81 -23 -126 -68 -28 -28 -64 -70 -79 -93 -15 -23 -51 -60 -80 -82
-57 -43 -151 -164 -140 -180 3 -6 -4 -15 -15 -21 -11 -6 -21 -7 -21 -3 -1 4
-2 15 -3 23 0 8 -7 15 -15 15 -9 0 -19 -28 -31 -87 -10 -48 -21 -92 -26 -99
-4 -7 -11 -26 -15 -43 -5 -23 -7 -25 -8 -9 -2 34 -20 37 -32 6 -16 -41 -5
-583 14 -689 14 -75 65 -204 105 -264 9 -14 17 -32 18 -40 1 -8 5 -37 8 -65 3
-27 18 -83 32 -122 21 -57 31 -73 47 -73 23 0 21 16 -16 105 -44 104 -36 172
10 86 12 -24 32 -51 44 -58 36 -26 201 -105 206 -99 15 15 -15 39 -102 82 -82
41 -99 54 -111 84 -8 19 -30 51 -48 70 -24 24 -36 49 -41 80 -8 45 -48 197
-87 324 -20 65 -20 85 -15 295 7 242 20 333 59 404 24 44 65 60 92 37 20 -15
28 13 12 36 -12 16 -9 23 28 60 23 23 63 72 89 110 76 113 140 187 182 211 52
29 68 29 24 0 -25 -17 -47 -49 -85 -126 -53 -108 -87 -148 -135 -158 -16 -3
-29 -11 -29 -18 0 -14 42 -55 56 -55 5 0 27 22 47 49 20 26 66 74 102 106 44
39 74 76 93 114 30 62 59 76 92 46 10 -9 37 -61 60 -116 23 -54 48 -99 55 -99
26 0 24 46 -7 137 -27 81 -36 96 -69 118 -21 14 -49 25 -61 25 -22 1 -22 1 -4
12 27 15 283 -5 302 -24 2 -3 -5 -26 -16 -52 -44 -103 -34 -168 13 -88 l22 37
3 -42 c4 -56 21 -55 52 4 35 66 48 71 96 39 22 -14 55 -27 74 -29 30 -4 39
-12 75 -69 68 -111 103 -144 158 -151 48 -7 59 1 32 23 -22 18 -118 157 -143
205 -11 22 -25 60 -32 85 -21 78 -53 101 -172 121 l-77 13 -28 -31 c-27 -29
-30 -30 -83 -22 -30 4 -81 11 -113 15 -32 4 -60 10 -62 14 -8 12 188 52 285
57 l95 5 78 -51 c98 -65 180 -140 172 -159 -3 -8 8 -29 24 -47 18 -21 31 -49
35 -79 7 -46 21 -60 32 -31 8 19 74 -58 74 -86 0 -28 -8 -23 -23 14 -8 17 -21
38 -30 46 -14 11 -18 11 -23 -3 -4 -10 5 -33 22 -57 16 -23 37 -55 46 -71 28
-50 34 -52 56 -14 16 27 28 36 47 36 42 0 64 -64 71 -202 3 -62 12 -133 20
-157 16 -50 18 -91 2 -48 -12 34 -43 38 -34 5 31 -115 56 -358 56 -543 0 -135
-1 -145 -26 -189 -37 -65 -116 -318 -104 -330 7 -7 14 -6 21 1 9 9 96 212 134
313 50 134 58 202 28 219 -16 8 -18 31 -20 203 -5 416 -10 495 -41 598 -24 83
-65 180 -76 180 -2 0 -17 -7 -32 -15 -40 -21 -54 -19 -54 8 -1 73 -156 290
-279 389 -138 111 -192 123 -396 92z"/>
<path d="M1313 1664 c-56 -21 -129 -86 -157 -143 -27 -53 -52 -129 -44 -136 3
-3 27 7 54 22 45 26 57 28 159 28 119 0 217 -24 276 -67 16 -12 32 -19 35 -15
10 10 -56 199 -85 241 -47 71 -152 102 -238 70z m87 -51 c0 -42 69 -80 97 -52
7 7 16 2 30 -18 21 -32 55 -103 48 -103 -2 0 -37 7 -77 16 -85 18 -212 23
-281 11 -48 -8 -49 -8 -41 15 16 50 57 98 107 123 60 30 117 34 117 8z"/>
<path d="M644 1620 c-52 -12 -101 -48 -133 -97 -47 -71 -96 -213 -74 -213 6 0
30 18 54 40 24 22 60 45 79 50 58 16 169 11 230 -10 30 -11 58 -19 63 -20 12
0 8 21 -19 108 -34 107 -73 152 -130 151 -22 -1 -53 -4 -70 -9z m71 -61 c9
-17 31 -37 50 -44 21 -10 36 -25 43 -45 12 -34 15 -33 -61 -20 -68 13 -164 -1
-216 -31 -18 -11 -36 -17 -39 -15 -11 12 32 86 72 124 68 66 127 78 151 31z"/>
<path d="M1826 1428 c5 -91 4 -110 -16 -161 -51 -135 -180 -240 -371 -300
-349 -111 -806 -114 -994 -7 -61 35 -85 60 -119 125 -33 64 -34 130 -4 247 18
71 20 90 10 100 -18 18 -29 -2 -43 -86 -18 -110 -8 -232 24 -298 15 -31 26
-62 25 -69 -2 -7 11 -15 30 -20 51 -11 59 -25 24 -43 -33 -17 -48 -44 -29 -52
7 -2 27 2 43 11 16 8 44 15 62 15 28 0 32 -3 32 -26 0 -25 41 -76 70 -86 13
-4 12 -8 -3 -25 -9 -11 -17 -25 -17 -31 0 -22 18 -12 41 21 55 79 139 127 139
79 0 -10 6 -27 14 -38 13 -17 12 -23 -8 -59 -29 -50 -44 -109 -26 -103 7 2 20
23 29 46 9 23 26 51 37 63 20 19 22 20 38 3 16 -16 19 -15 51 2 31 16 37 17
49 4 13 -13 12 -22 -4 -70 -19 -55 -28 -210 -12 -210 4 0 13 42 20 93 15 107
42 171 82 192 27 14 29 13 35 -6 10 -31 29 -17 36 26 15 93 148 127 229 58 54
-45 135 -20 188 58 13 19 28 36 33 38 6 1 27 -16 49 -39 21 -22 40 -37 43 -33
9 14 -24 73 -51 91 l-24 15 24 13 c42 23 92 26 137 8 54 -21 65 -10 24 25 -18
15 -33 32 -33 37 0 6 14 23 31 40 76 71 142 203 143 284 1 52 -24 170 -36 170
-4 0 -5 -46 -2 -102z"/>
<path d="M799 1284 c-7 -8 -24 -21 -38 -28 -34 -17 -201 -20 -268 -5 -29 7
-56 9 -61 5 -13 -14 60 -64 110 -76 110 -27 288 36 288 102 0 22 -13 23 -31 2z"/>
<path d="M1142 1263 c2 -11 21 -24 49 -33 25 -9 54 -23 63 -33 43 -43 308 1
337 56 10 18 9 19 -12 13 -48 -15 -79 -18 -79 -8 0 7 -14 5 -37 -4 -29 -13
-57 -14 -142 -8 -58 4 -110 7 -114 6 -4 -1 -18 4 -30 13 -28 20 -39 19 -35 -2z"/>
</g>
</svg>

Esta página también tiene soporte para muchos otras opciones de conversión, no solo en imágenes, sino en audio (mp3, mp4, ogg, wav, etc) , documentos (Doc, Docx, Flash, Html, Pdf, etc) , video (Flv, Avi, wma, Ipad, Wii, xbox, mpg, ogg, etc) entre otras interesantes opciones como la encriptación Hash,

Eso es todo por hoy :)

continue reading