Temo desaparecer

Temo desaparecer ….Yo puedo desaparecer…. por que no valgo nada….
Por que ??
por eso …por que no valgo nada…
Por que no valgo nada .. …..por que soy un inútil !
 pensar que eso es verdad es lo mismo que evadirte… lo que temes es a fracasar tu mayor temor es que los demás te aborrezcan …temes admitir ante ti mismo esa debilidad .
como puedes decir eso si haces lo mismo que yo ?
Asi es tienes razón todos somos iguales…A nuestras mentes les falta algo …nos produce miedo…. nos preocupa ….y buscamos en los demás nuestra parte perdida ….fundirnos y complementarnos…Debemos vivir en comunidad …Nadie puede vivir solo…aunque todos somos únicos …por  eso la vida es difícil…por eso es triste…. por eso buscas compañía y afecto de otros…Por eso deseamos unificarnos ….el alma humana es débil y frágil ... el cuerpo y la mente son aun mas frágiles…es por eso que los humanos debemos complementarnos..
Porque??
Porque preguntas es la única forma de existir…
Por que vives tu ?
No lo se..quiza para saber para que existo..
Para quien vives tu ahora?
Para mi por supuesto..
Eso es cierto?
Estas satisfecho de vivir?
No lo se..
Odias el sufrimiento?
Por supuesto..
Acaso esta mal huir de lo que odio..?
…..no soy yo quien lo decida.
Entonces no debo escapar…verdad es la respuesta ?
Por que piensas que no debes escapar?
Eso también es dolorso…
Aunque escapes de algo mucho mas doloroso?
Eso lo puedo soportar…
Si sabes que produce el sufrimiento puedes soportarlo…Si asi es …si el sufrimiento es demasido escapa…tu puedes evadirte de lo que verdaderamente aborreces …
Pero no lo hare….. estoy cansado de escapar…. No…no… debo hacerlo  mas …!
Muy bien ..por que sabes que evadirte trae mas sufrimiento..sabes que es mucho peor ..por eso no deseas hacerlo..
Por que si siempre escapas nadie te respetara..
no me dejen solo ..por favor no me abandonen…
Haces siempre lo que los demás siempre te dicen …
Es verdad …es mejor que ser abandonado…
Por que temes ser herido…. Tratas de convencerte de eso… no eres el único todos estamos sufriendo…no solo tu fuiste herido , pero es mas fácil pensar que es la verdad…
Silencio …!!!! No han comprendido .. nadie se preocupa por mi.. no me entienden…!!!
Abandonas toda sensación de autoestima ….
Yo no tengo nada…
De nuevo diciendo que no tienes nada? Crees que por no poseer nada no seras lastimado? Tienes que suplicar aprobación para poder vivir?
Nadie me acepta como soy…
Mentira solo crees que es asi!!! Desde el principio tratas de convencerte de que no  vales nada …
Tengo que hacerlo…
No es verdad … quien te convenció de eso fuiste tu!!
No!! Mi vida no vale nada ..no hay nada de que enorgullecerme..no tengo otro valor ..no veo ninguno..
Por lo tanto??
Me aborrezco!!!! Aborrezco a todos!!! Aborrezco todo sobre ti!!!...
disculpa pero te aborrezco…te aborrezco..te aborrezco … en verdad aborrezco todo sobre ti …
lo ves todos me aborrecen ..todo el mundo debe odiarme …
no  es solo lo que imaginas..
es verdad!! … por que yo mismo me detesto…
como estas convencido los demás también lo están. Que sientes en realidad?
No lo se pero talvez estos  son mis sentimientos …
llueve todo esta oscuro y triste alla afuera igual que en mi …no me gusta.
El sol se oculta termina la vida  esto no es lo que me gusta.
La mañana ….un dia comienza …. Un dia terrible comienza …no me gusta.
El cielo azul …es algo calido …algo extraño…es algo horrible…temible … no me gusta.
Que es lo que deseas?  …Odias la ansiedad? …. Que es lo que deseas? ….Quieres paz mental?...que es lo que deseas?...
No me odies…Lo que temo  es al rechazo…
Entonces…..que es lo que deseas?....que es lo que deseas en verdad?.. en verdad no eres feliz?
Para serlo debo valer algo…lo deseo con todas mis fuerzas para atraer la atención de otros para que no me abandonen…
Buscas tu propia valía…pero es tu obligación buscar por ti mismo ese valor…es tu obligación…
Entonces que soy?.... dimelo….! …….que es esto.. soy yo?.... Es la forma que otros reconocen como yo? Es mi representación ...esta. todas son representaciones mias … solamente descripciones …no el yo verdadero… pero entonces que es lo que soy?
Soy esto… ..es mi verdadero yo …o un falso yo …?
Tu eres tu …tienes tu propio espacio bien delimitado con su propio tiempo…
Si es verdad…mi ropa….mis zapatos….mi  habitación….todo eso es parte de mi ...
Esas cosas son reunidas por tu voluntad.
 Las cosas que considero yo mismo …son yo mismo!!  No soy otra cosa que yo mismo!! …..pero aun no me comprendo…donde estoy? Que es lo que soy? ….que es lo que soy!!
Deseas una barrera para alejarte del mundo?
Dios mio nadie me comprende…
Eres un tonto!!! Por supuesto que nadie te comprende ….nadie puede comprenderte!!!  La única persona que se interesa en ti ….que te comprende … eres tu mismo… asi que debes cuidarte.
Pero ni si quiera se quien soy yo mismo ….como me comprenderé!! Como puedo cuidarme a mi mismo!!!
Tienes miedo ….aun eres inestable ….tu yo presente ..quienes rodean a tu yo presente…y el medio ambiente que rodea a tu yo presente …ninguno de ellos es permanente…el tiempo continua fluyendo…tu mundo esta en un estado de constante cambio…y tu mismo siempre estas sujeto al cambio…siguiendo la fluctuación de tu mente….
Heee ??donde estoy ….que es este lugar…no  hay arriba ni abajo…….…la nada? ….un mundo sin personas? Es la libertad …libertad…la libertad…en el que no tienes restricciones…
Ninguna?
Si soy libre ….si…esta es la libertad…pero no existe nada  ni nadie……si no pienso…
Asi es … si no piensas…
Mierda…no se que debo hacer….
Eres complicado…no tienes imagen propia para orientarte …
Es confuso….
Todo es confuso….esto es libertad …puedes hacer lo que desees…pero tienes miedo…no sabes lo que quieres hacer…
Que debería hacer?
Te dare un limite…listo ahora tienes arriba y abajo ….pero ahora has perdido un poco de libertad…ahora debes poner los pies sobre la tierra…pero te sientes seguro cierto?... Ahora tu mente se ha relajado…ya puedes caminar….gracias a tu voluntad.
Es mi voluntad?
El mundo como es visto es lo único que existe…pero ahora puedes moverte a donde desees..pero si lo deseas puedes cambiarlo de posición…la posición del mundo esta cambiando continuamente…todo cambia con el paso del tiempo….tu tambien puedes cambiar…por que el  mundo es algo que has construido con tu propio pensamiento …puedes hacer lo que quieras en este mundo …tu mismo has construido la forma…
que es esto….un mundo  vacio ….un espacio vacio …..aqui no existe nadie mas que yo …..ahora me comprendo aun menos…ahora si voy a desaparecer…se desvanece mi existencia…por que?
Es normal …si no hay nadie mas que tu …
Es normal?
Como no existen otros seres fuera de ti …no puedes saber que forma debes tener …
Que forma?....mi propia imagen?
Asi  es…. puedes reconocer tu propia forma al ver la de los demás..tu propia imagen es limitada al observar las barreras entre los otros y tu ..sin los demás no puedes observarte a ti mismo...
Puedo existir por que hay otros…si estoy solo …lo estoy en todas partes…el mundo no existe solo para mi!
Al reconocer  la diferencia entre tu y los demás fabricas tu propia imagen…y la primera persona diferente que aparece frente a ti es tu madre…tu madre es una persona diferente de ti ….
Es cierto yo soy yo y ella es ella… y es verdad que los demás seres forman mi propia imagen no es asi?
Si asi es… al fin comprendistes …eres un tonto. Si lo tomas en consideración este mundo no parecerá tan malo…
Espera…. este mundo no parece tan malo…pero yo sigo aborreciéndome…
Eres tu quien decide si la realidad en verdad es detestable…la mente separa la realidad de la verdad…el punto de vista… la posición desde la cual observas la realidad cambia tu percepción de la  naturaleza …hay tantas verdades como personas ….pero solo una verdad es tuya ..la que se formo desde tu estrecho punto de vista que elegiste que te protege de la horrible realidad …es cierto y generalmente nuestra visión del mundo es ridículamente estrecha….solo podemos percibir las cosas atraves del punto que elegimos… hay que aprender a ver las cosas según la verdad de otro  …por ejemplo  el sol te hace sentir bien y la lluvia te entristece ..si eso te dijieron lo creeras?... Pero puedes divertirte en lluvia …la verdad puede cambiar depende de la evolución de nuestra concepción del mundo …es muy frágil …la verdad personal están frágil que muchos la ignoran para buscar  verdades mas profundas…no estas acostumbrado a recibir aprobación …por eso no sabes dominar el miedo a relacionarte y prefieres  mantenerte aislado …
Pero entonces los demás no me odian?
Te convenciste de que asi es y estas desesperado…
 Bien pero aun me odio…
Quien se odia en verdad …jamás puede amar…ni depositar su confianza en los demás..
Soy un egosita …cobarde…débil….y..
Si al fin te conoces a ti mismo puedes ser amables con otros…
Me aborrezco….. pero tambien podría amarme a mi mismo…tambien podría permitirme vivir aquí verdad? ..eso ..yo no soy nada ….solo yo…yo soy yo ….deseo ser yo …quiero quedarme aquí!! Deseo quedarme aquí!!!
FELICIDADES….felicidades
Muchas gracias ….
Y para todos felicidades…

 

Convertir los datos de un formulario a un objeto javascript

A veces siempre he necesitado serializar los datos de un formulario y convertirlos en un objeto en javascript para usarlos de maneras perversas   :)

Asi se me ocurrio que talvez alguien puede necesitar esta informacion tambien asi que aqui va :

ponemos nuestro formulario por ejemplo algo asi  :

<form>
  <div><input type="text" name="a" value="1" id="a" /></div>
  <div><input type="text" name="b" value="2" id="b" /></div>
  <div><input type="hidden" name="c" value="3" id="c" /></div>
  <div>
    <textarea name="d" rows="8" cols="40">4</textarea>
  </div>
  <div><select name="e">
    <option value="5" selected="selected">5</option>
    <option value="6">6</option>
    <option value="7">7</option>
  </select></div>
  <div>
    <input type="checkbox" name="f" value="8" id="f" />
  </div>
  <div>
    <input type="submit" name="g" value="Submit" id="g" />
  </div>
</form>

Despues si queremos serializar los datos en un objeto tenemos el metodo de jquery llamado : $(formulario).serializeArray() que crea un array de objetos con el nombre y el valor de los input de esta manera :

[  {   name: "a",  value: "1"  }, {   name: "b",  value: "2"  },  {  name: "c",   value: "3" }, { name: "d", value: "4"
  },  {  name: "e",   value: "5"  } ]

El problema con esto es que tenemos que acceder a cada valor de cada input de esta manera :

array[0].name , array[0].value   Siendo el indice del arreglo el orden de los input en el formulario de arriba hacia abajo. Entonces si tienes algun metodo que haga alguna validacion se puede romper caso de que agregues otro input , por que el orden no seria el mismo.

Seria una mejor solucion pasar los datos a un obj simple donde puedas acceder de esta manera : data.['nombreatributonamedelinput']  de esta manera aunque agregues mas input no se rompe el codigo por que siempre estas haciendo referencia al valor del atributo name del input que es el que tiene el valor del input .

bueno para hacer esto tenemos que usar un metodo que encontre en stackoverflow en este link 
hay un metodo para pasar el array de objetos generados por  $(formulario).serializeArray() a un objeto simple de esta manera tu objeto quedaria de esta manera :

{   "a": "1"  ,  "b": "2"  ,  "c": "3" ,"d": "4",  "e": "5"  } 

Asi podemos acceder de manera mas comoda a nuestros valores del formulario.

El metodo que hace esto es este :

function ArrayObjToObjSimple(arrayObj)
{
    var objectData = {};
    var a = arrayObj;
    $.each(a, function() {
        if (objectData[this.name] !== undefined) {
            if (!objectData[this.name].push) {
                objectData[this.name] = [objectData[this.name]];
            }
            objectData[this.name].push(this.value || '');
        } else {
            objectData[this.name] = this.value || '';
        }
    });
    return objectData;
};

Espero le sirva a alguien mas .

Sistema de educacion actual es el correcto?

Cuando estaba en la escuela me aburria en clase , no prestaba atencion , ect. Ahora ya adulto veo a mis sobrinos en sus clases y me recuerdo a mismo cada hora durmiendome enfrente de la profesora.

Este año mi sobrino reprobo algunas materias , cuando le pregunte por que habia sido me dijo : "Las clases son aburridas".  Piensa la mismo que yo pense años atras.  El sistema educativo no esta adaptado para los tiempos que corren , nos enseñan cosas aburridas y no motivan al estudiante a querer aprender .

Los padres por lo general se decepcionan de sus hijos cuando salen reprobados en un sistema educativo que claramente no esta diseñado para promover la creatividad e innovacion .

Quiero mostrarles un video en las charlas TED de Ken Robinson es reconocido a nivel mundial como un experto en creatividad y educación . El si tiene las palabras y la gracia para transmitir lo que quiero decir.




tambien les dejo un muy buen documental llamado " La educacion prohibida " que tienen que verlo cuando tengan tiempo , les aseguro que no es un desperdicio de tiempo sobre el sistema educativo actual.

Que es Creative Commons ?

Video  instructivo sobre que son las licencias Creative Commons y como funcionan del curso de emprendimiento http://aemprende.unimooc.com/

Es bueno saber de estas cosas por ejemplo yo no sabia que : "En la actualidad cualquier trabajo creativo adquiere automáticamente el copyright tras su creación, garantizando la autoría, y por tanto, la propiedad intelectual de dicha obra"

aqui el video 

Crear infografias online

Hoy en dia esta muy de moda crear infografias de todo tipo son una buenas forma de mostrar la informacion rapida y elegante , pero no cualquier puede hacerlas tan bonitas o no tenemos los conocimientos necesarios de diseño para crearlas.

Hoy he visto 2 servicios que pueden ayudarnos a crear infografias desde plantillas de manera facil y rapida al mismo tiempo que podemos compartir nuestra creacion .

1 ) http://www.easel.ly/

Muy facil e intuitivo pero mejor les dejo el video de presentacion


2) http://infogr.am/

Igual que el primero solo que con un poco mas interactiva donde el usuario puede hacer click en la infografia no tiene video de explicacion pero puede entrar a la web y ver dar un tour por el servicio.


Bueno a crear infografias que ya no esta tan dificil :) ...

Todo es un Remix

Hoy en dia leo mucho sobre noticias de como las compañias pelean entre si  por las patentes y alguna que otra registran patentes un tanto estupidas , como por ejemplo no hace mucho apple patento el efecto de pasar una pagina .

Hay muchas otra patentes muy vagas y con poco sentido comun que lo unico que logran es solo frenar la innovación , ya vimos no hace mucho como apple perdio su demanda contra samsung. por considerar que samsung  copiaba  la esencia cool de sus diseños.

Aparte de todo esto tenemos a las empresas de copyright haciendo cacería de brujas por todo el planeta y demandando a quien se ponga a en su camino , no hace mucho lei la historia de la niña de 9 años demandada por las estas empresas.

bueno con todo esto solo quiero hacer introducción a este documental sobre innovación que todo deberían ver esta muy bueno , toca punto muy importantes de lo que esta pasando en la actualidad

Algunas APIs Html 5 que talvez no conocias

La verdad que yo tampoco las conocía asi que aquí van :

1) Fullscreen API

La  API de pantalla completa nos permite ejecutar  el navegar en modo pantalla completa :

Tutorial : http://davidwalsh.name/fullscreen

2) Page Visibility API

Nos provee un evento que nos permite saber cuando un usuario mira una tab del navegador y también cuando se mueve a otra tab.

Tutorial : http://davidwalsh.name/page-visibility

3) getUserMedia API

Nos permite acceder a dispositivos multimedia  como por ejemplo las cámaras web.

Tutorial : http://davidwalsh.name/browser-camera

4) Battery API

Bueno no hay mucha explicación con esta es para acceder al estatus de la batería mas enfocado para uso en aplicaciones moviles

Tutorial : http://davidwalsh.name/battery-api

5) Link Prefetching

Nos permite pre cargar contenido web de manera silenciosa 

Tutorial : http://davidwalsh.name/html5-prefetch

Link : http://davidwalsh.name/more-html5-apis

6) File API

Trabajar con archivos siempre habia sido algo exclusivo del lado del servidor por ahora ya no mas , ahora podemos crear , leer y modificar archivos en el navegador .

Tutorial : http://advent2012.digitpaint.nl/12/

 7) Subrayado adicional

EL subrayado de texto fue muy simple hasta ahora

Tutorial : http://advent2012.digitpaint.nl/11/

8) EventSource

Las aplicaciones en tiempo real estan muy de moda y desarrollarlas lo mas usado es usar websocket o framework tipo sockets IO y algunas veces NODE.JS del lado del srevidor, bueno ahora podemos hacer lo mismo con solo 5 lineas de codigo sobre el estandar HTTP

Tutorial : http://advent2012.digitpaint.nl/2/

9) Notifications web

Si has usado gmail seguramente has notado que si no tienes el navegador abierto y estas haciendo otra cosa y alguien te chatea se abre una ventanita de lado derecho notificandote sobre el evento.. pues asi se hace

Tutorial : http://advent2012.digitpaint.nl/1/


Link : http://advent2012.digitpaint.nl/

Herramientas utiles para crear paginas web

 elementos UI 

1)  Elementos para UI :  http://ui-cloud.com/
2) Búsqueda de componentes : http://www.uibox.in/
3)  UI : http://www.agiledesigners.com/
4) Colección de menús , iconos , toolbars , etc listo para usar : http://www.bypeople.com/
5)  Que tus inputs sean hermosos : http://dropthebit.com/demos/fancy_input/fancyInput.html
6) Bonitos efectos hover : http://tympanus.net/codrops/2013/06/18/caption-hover-effects/
7) Responsive email para tus usuarios : http://www.zurb.com/playground/responsive-email-templates
8)  Mapa mundial vectorizado en muchos formatos y presentaciones : http://www.webresourcesdepot.com/all-free-vector-world-maps-ai-eps-svg/

Galeria de patrones de diseño

1) Para buscar inspiración : http://niice.co/

2) Excelente pagina donde explorar patrones de diseños móviles : http://www.mobile-patterns.com/ 

3) http://pttrns.com/categories/5-photos

4) http://inspired-ui.com/
5) Guia oficial Apple : https://developer.apple.com/design/
6) Guia oficial Android : https://developer.android.com/design/building-blocks/index.html

Guia de UI

1)  Como diseñar buenas landing pages : http://nathanbarry.com/step-by-step-landing-page-copywriting/

2)  Buenas UI para Buenos Conversion Rates : http://www.goodui.org/

Generadores de datos de pruebas

1) Usuarios random : http://randomuser.me/
2)  Imágenes de prueba : http://placehold.it/ , http://lorempixel.com/ , http://flickholdr.com/
3) Datos : http://chancejs.com/ , http://www.generatedata.com/
4) generador de avatares : http://avatars.io/

Botones de redes sociales para compartir contenido

1) Agrega social media a tu web: https://www.addthis.com/

Javacript

1) Bonito Script javascript para hacer toolbars  http://paulkinzett.github.com/toolbar/

2) Bonito calendario html 5 con un estilo visual excelente : http://tympanus.net/codrops/2012/11/27/calendario-a-flexible-calendar-plugin/

3)  Script JS para el formateo de numero : http://numeraljs.com/

4)  Dibuja gráficos estadísticos en el navegador de manera sencilla :http://prag.ma/code/sparky/

5)  Plugin para galera de fotos , acomoda todas tus fotos dentro de un contener : http://ed-lea.github.io/jquery-collagePlus/

6)Bonitos efectos para ventanas modal : http://tympanus.net/Development/ModalWindowEffects/

7)  galeria de plugin jquery : http://www.unheap.com/

8) Libreria Javascript para trabajar con fechas y horarios recurrentes : http://bunkat.github.io/later/ y http://momentjs.com/

9)  Bonito plugin loader javascript : http://ricostacruz.com/nprogress/ , http://tympanus.net/Development/CreativeLoadingEffects/

10) Para crear Interfaces editables : http://jakiestfu.github.io/Medium.js/docs/

11) Base de datos con todas las librerias javascript disponibles : http://www.jsdb.io/?sort=trending

12) Menu como paneles estilo jquerymobile pero mas bonitos :  http://multi-level-push-menu.make.rs/

13) zoom en imagenes : http://mark-rolich.github.io/Magnifier.js/

14) mensajes popup bonitos para formularios : http://codeseven.github.io/toastr/demo.html 

15) Estilo de overlay : http://tympanus.net/Development/FullscreenOverlayStyles/index12.html

16) botones submit con progreso incluido: http://tympanus.net/Development/ProgressButtonStyles/

Responsive images ya era hora !!

Con la llegada de HTML 5 , llego el responsive design como resultado nuestra aplicacion web puede adaptarse a la resolucion de cualquier dispositivo y entregar al usuario una agradable experiencia de navegacion.

Para manejar las imagenes en un diseño responsive usamos los nuevos poderes de CSS 3 y las media queries para seleccionar que imagenes deben cargar deacuerdo con la resolucion del dispositivo. Pero una vez escuche a un tipo decir que deberia de haber un servicio de responsive images osea en lugar de usar css o media queries , tu deberias de subir tu imagen full HD una sola vez y luego tu aplicacion hace la peticion  que necesita esa imagen y el servicio decuerdo a la resolucion del dispositivo te entrega tu imagen redimensionada con las dimensiones necesarias .

Esto te permite ahorrar velocidad de carga en tu aplicacion y siempre tener la imagen adecuada segun la resolucion que necesite tu visitante , bueno esa fue la historia que escuche hace como 5 meses atras y siempre me estuvo dando vueltas en la cabeza .

Hasta hoy por que he encontrado un plugin Jquery que cumple con este objetivo , dotar a tu aplicacion con responsive images , aunque segun la web por ahora usa PHP para hacer las redimensiones de tu imagenes , seguro que en futuro se extendera. Segun la web del plugin dicen que el script PHP crea la imagen que solicitada al vuelo solo la primera vez .

Les dejo el link del plugin para que hagan sus pruebas , en el futuro mas herramientas como estan en camino.

link : http://responsiveimg.com/ 

Como desaparecer de internet ( intento )

Es tan grande la información personal que entregamos a los sitios web o servicios que usamos que saben prácticamente todo sobre nosotros , por ejemplo si tienes una cuenta google donde todos sus servicios estan enlazados a una sola cuenta , google sabe todo sobre ti que te gusta , que buscas , que video vistes , tus correos , etc.

Hoy voy a explicar 2 pasos muy basicos para intentar desparecer de internet ... bueno digo intentar por que este método no es 100 % seguro aunque si puedes eliminar la gran parte.

1) Elimina tu cuentas de las redes sociales

Elimina tus cuentas de todo los sitios de redes sociales donde hayas usado tu nombre real , ya se google + , facebook , twitter , etc.

Para facebook puedes entrar en este link  , puede tardar uos 14 dias todos tus datos donde fuistes etiquetado seran eliminados aunque algunas fotos pueden quedar dando vueltas por ahi.

Para twitter entra aqui y clickea en desactivar mi cuenta tambien tomara algun tiempo borrado.

LinkedIn ve a tus settings a la seccion de tu cuenta y le das click en cerra cuenta.

Con google  es un poco mas complicado por que estan muchos servicios enlazados entre si y todos esos servicios seran cerrados. entra al siguiente link y le das click en "cerrar cuenta " y todos tus servicios seran cerrados . Si solo quieres cerrar tu cuenta en google + puedes entrar aqui  y selecciona "Eliminar el contenido de Google+"  los demas  servicios de google estaran todavia disponibles.

Si  perteneces a otras redes sociales tienes que cerrarlas tambien , foros o cualquier otro servicio donde hayas usado tu nombre real. Existe una pagina con una lista de links de casi todo los servicios conocidos en internet de como cerrar sus cuentas puedes visitar la pagina aqui

2) Retirar los resultados de las búsquedas

Aunque elimines tus cuentas de las redes sociales , todavía puede haber contenido relacionado contigo ya sean fotos , artículos , temas en algunos  foros, ect.  lo mejor que puedes hacer es una busqueda rapida en google con tu nombre real y anotar los link de las paginas donde aparezca información relacionada contigo.

Con esta informacion lo unico que puedes hacer es contactar via email a los administradores de estas web y pedirle que retiren el contenido relacionado contigo o al menos tu nombre real. El siguiente paso seria contactar a los buscadores como google , yahoo ,bing , ect y pedirles que retiren el contenido de sus resultados de busquedas para esto tienes que llenar un formulario que los buscadores ofrecen a los usuarios  aunque no es seguro que te hagan caso pero lo menos puedes intentarlo.

Por ahora hicimos el intento de eliminar lo mas que pudimos de nuestros datos en interent usando lo mas basico , pero si quieres mantenerte en el anonimato debes alejarte de los redes sociales y deja de usar tu nombre real.

Hay una pagina para crear datos falsos aleatoria mente y usarlos donde quieras de esta manera  mantener siempre tu identidad oculta aqui el link.

Otra forma de mantener tu anonimato en internet es usar direcciones de correo temporales , existen servicios que te permiten crear un  correo electrónico temporalmente y escoger el tiempo de duración del correo temporal , algunos de estos son :

1.   spambox 
2. https://meltmail.com/
3. http://10minutemail.com/10MinuteMail/index.html

Link: http://lifehacker.com/5958801/how-to-commit-internet-suicide-and-disappear-from-the-web-forever

Libro para crear apps en windows 8

Recientemente Microsoft lanzo su nuevo sistema operativo windows 8 y con el Windows Store para las apps y para ayudar a los miles de programadores en el mundo a  crear Apps para el nuevo sistema operativo pone a nuestro alcance un libro de programacion de apps para windows 8 con html , javascript y css.

Si como lo lees completamente gratis !!! Microsoft quiere que windows store sea un exito total y para ello necesita apps y que mejor forma de hacerlo que entregandonos las herramientas necesarias a los programadores.

El libro fue escrito por Kraig Brockschmidt  y comprende temas como notificaciones , tareas en segundo plano , componentes , localizacion  , dispositivos , redes , y mucho mas ... no podria estar mas completo con 17 capitulos y un total de 800 paginas para tu lectura.

Puedes descargar el libro aqui : http://go.microsoft.com/FWLink/?Linkid=270056
y el contenido adicional del libro aqui : http://go.microsoft.com/FWLink/?Linkid=270057

A programar se ha dicho !!!

link : http://blogs.msdn.com/b/microsoft_press/archive/2012/10/29/free-ebook-programming-windows-8-apps-with-html-css-and-javascript.aspx

Revista Hackers & Developers Magazine

Dando vueltas por la red encuentro esta nueva revista llamada Hackers & Developers Magazine  una revista sobre Software Libre, Hacking y Programación .

Me he bajado la revista para leerla y los articulos son muy interesantes , estan muy bien redactados y trae ejemplos de codigo que puedes reutilizar en tus proyectos.

Una buena iniciativa que a mi parecer han comenzando con el pie derecho recomiendo que se la bajen y la lean no se van arrepentir.  Pero lo que mas me ha gustado de la revista ademas de su contenido son las personas que se encuentran detras del proyecto. Son 8 mujeres profesionales en diferentes ramas pero las une este unico proyecto.

Me sorprende no por que sean mujeres sino por que es dificil conocer (por lo menos para mi) mujeres que les gusta la programacion y  el diseño web. Como anecdota puedo contar que en mi trabajo estaban en busca de programadores web y ninguna mujer llego a la entrevista.

El staff de la revista es el siguente :

• Celia Cintas Licenciada en Informática http://yetanotherlog.wordpress.com
• Eugenia Bahit Arquitecta GLAMP & Agile Coach http://www.eugeniabahit.com/
• Eliana Caraballo Ingeniera de Sistemas http://co.linkedin.com/in/elianacaraballoa
• Filly Programadora http://www.missfilly.com.ar
• Indira Burga Ingeniera de Sistemas http://about.me/indirabm
• Milagros Infante Est. Ingeniería de Sistemas http://www.milale.net/
• Sorey Garcia Arquitecta de Software http://soreygarcia.com
• Yecely Diaz Maestra en Inteligencia Artificial http://silvercorp.wordpress.com

link: http://www.hdmagazine.org/

Comparativa de css framwork web

Por que de solo bootstrap no se  vive  ...encontre una web donde hacen una buena comparativa entre distintos frameworks css para crear proyectos web de manera rapida.

Ahora solo falta que escojas uno y te pongas a trabajar.

link : http://responsive.vermilion.com/compare.php

Coleccion de iconos gestuales para moviles

Encontre una excelente colección de iconos gestuales que puedes usar en tus proyectos de manera gratuita .

link: http://www.mobiletuxedo.com/touch-gesture-icons/

phpconsole una mejor manera de trabajar tu codigo php/js

Cuando estas programando una aplicación en php y haces llamados a scripts php con ajax siempre en tu ambiente de desarrollo quieres confirmar que datos estas recibiendo desde el script , entonces con javascript usamos el recontra conocido console.log.

Con el siempre podemos revisar en el modo console de Chrome por ejemplo los datos que esta devolviendo nuestro script php.  Del lado del script php imprimimos los datos con echo  o print_r para ver por ejemplo un arreglo o algun objeto Json.

Hoy encontre una herramienta para php llamada phpconsole con la cual podemos sustituir los "echo" y los "print_r" la diferencia es que con phpconsole obtendremos mas informacion sobre los datos que estamos devolviendo y con formato para una mejor visualización de  funciones , arreglos y JSON. Todo esto sin interrumpir la captura de datos del lado del servidor con ajax.

por ejemplo : 

Una salida normal de un script php que devuelve un JSON sin que sea parseado en javascript se vera de esta manera :

{"user":{"id":12345,"login":"peter","password":"secret","is_admin":true, "assigned_to_pages":[{"id":9134,"name":"Page 1","value":"Lorem ipsum facilisis non nulla scelerisque tempor nostra malesuada nunc pretium egestas rutrum, nulla accumsan nostra semper etiam ligula lorem risus id molestie magna porttitor.","tags":["tag1","tag2","tag3"]},{"id":4898,"name":"Page 2","value":"Potenti integer vestibulum fames imperdiet cras maecenas lobortis morbi.","tags":["tag4","tag5","tag6"]}]"created_at":"2011-01-01 12:00:00","updated_at":"2011-01-01 12:00:00"}}

Con phpconsole se veria de esta manera : 


[Received at 13:30:04 on 3rd June 2012]
[File: /public_html/system/helpers/email.php]
[Line: 987]
[Address: http://phpconsole.com/actions/email/send]

{
    "user" : {
        "id" : 12345,
        "login" : "peter",
        "password" : "secret",
        "is_admin" : true,
        "assigned_to_pages" : [
            {
                "id" : 9134,
                "name" : "Page 1",
                "value" : "Lorem ipsum facilisis non nulla scelerisque tempor nostra malesuada nunc pretium egestas rutrum, nulla accumsan nostra semper etiam ligula lorem risus id molestie magna porttitor.",
                "tags" : [
                    "tag1",
                    "tag2",
                    "tag3"
                ]
            },
            {
                "id" : 4898,
                "name" : "Page 2",
                "value" : "Potenti integer vestibulum fames imperdiet cras maecenas lobortis morbi.",
                "tags" : [
                    "tag4",
                    "tag5",
                    "tag6"
                ]
            }
        ]
        "created_at" : "2011-01-01 12:00:00",
        "updated_at" : "2011-01-01 12:00:00"
    }
}


Muy buena herramienta que ayudar a depurar mejor los datos del lado del servidor .

link: http://phpconsole.com/

Consejos para que Apple no rechace tu app

El proceso  para que una app sea aceptada por apple es descrito por algunos como un proceso al estilo NAZI debido a que apple puede rechazar tu app basado en estandares muy estrictos que en cada actualizacion de IOS son modificados.

PhoneGap es una herramienta de Abode muy util para empaquetar tu aplicacion web segun los estandares HTML 5  web y pueda correr en dispositvos moviles como android , windows phone , iphone , ect.

EL problema aqui es que muchas personas creen que por usar phonegap para empaquetar su aplicacion esta sera admitida por apple pero esto no es asi y no es culpa de phonegap . Phonegap hace muy bien su trabajo empaquetando tu aplicacion segun los estandares HTML 5 , pero a lo mejor tu  diseño de la interfaz de usuario no es la ideal segun apple. Apple tiene reglas muy estrictas y lineamientos que debemos seguir para que nuestra app no sea rechazada.

Apple puede  rechazar las app por:

Que la interfaz de usuario no se sienta como una "app".
Que  no se sienta parte del  ecosistema IOS.
Que no ofrezca una diferencia de la experiencia web movil.

Si quieres mas informacion de los lineamientos de apple sobre como deberian de ser tus app  puedes visitar estos enlaces :

1. https://developer.apple.com/appstore/guidelines.html 
2. http://developer.apple.com/library/ios/navigation/ 
3. http://developer.apple.com/library/ios/#DOCUMENTATION/UserExperience/Conceptual/MobileHIG/AppDesign/AppDesign.html 

En estos link podras encontrar mucha informacion de lo que es aceptable y no es aceptable por apple.Tengan muy encuenta este parrafo que se encuentra en la documentacion:

"Reconsidera el diseño basado en web , tienes que asegurarte que entregas a las personas una experiencia de una app IOS y no una experiencia web , recuerda que las personas pueden visitar tu sitio web usando Safari en IOS."

Tambien debemos considerar estos puntos por los cuales pueden rechazar tu app:

1. Las apps que no son muy utiles y unicas  son simplemente  sitios web agrupados como una app  o no entreguen algun valor  pueden ser rechazas.
2. Las apps que no usen elementos del sistema como botones e iconos correctamente segun la documentacion de apple pueden ser rechados.
3. Apps que simeplemente son fragmentos de paginas web  ,contenidos agregados  o colecciones de link pueden ser rechazadas. 
4. Si tu app es solo un empaquetado de un sitio web usando Phonegap .
5. Si tu app requiere hacer zoom para ver algun contenido. 
6. Si tu app solo tiene texto y links puede sera rechazada.

Cada app es evaluada individualmente por su propio merito , funcionalidad y experiencia de usuario , hay que seguir la documentacion de los link de arriba y hay que recordar que esos documentos cambian con cada version de IOS.

Tambien puede ayudar que analices otras aplicaciones que han sido aprobadas por apple y ver en que puedes mejorar tu app ,  existen numerosos recursos en internet para que puedas ayudarte en como puedes diseñar tu interfaz de una manera limpia e intuitiva por ejemplo :

1. http://www.mobile-patterns.com/
2. http://inspired-ui.com/
3. http://pttrns.com/

Y algunos Frameworks que te pueden ayudar a crear tu interfaz mas rapido :

1. http://twitter.github.com/bootstrap/
2. http://www.iui-js.org/ 
3. http://jquerymobile.com/
4. http://www.sencha.com/products/touch/ 
5. http://demos.kendoui.com/ 
6. http://foundation.zurb.com/ 
7. http://dojotoolkit.org/features/mobile 

Y por ultimo no esta de mas decirlo pon mucha atencion al rendimiento de tu app.

Link : http://www.adobe.com/devnet/phonegap/articles/creating-apps-with-phonegap-lessons.html

Guias de programacion y temas diversos web

En maestrosdelweb tienen  una galeria de excelentes de guias de programacion  y otros temas web de muy buena calidad , si alguna quisistes aprender sobre algun tema en especifico solo deberias de darte una vuelta por esta galeria , lo temas que se tratan son muy actuales.

Recientemente se ha incorporado la guia de Django el framework de Phyton , todas las guias estan accesibles al publico lo que unico que tienes que hacer regalar un click para compartir la guia en cualquier red social.

Solo para finalizar el diseño de la interaz es muy llamativo , es uno de los mejores que he visto

Link : http://www.maestrosdelweb.com/guias/

Apache server-status activado cuidado !!

Existe una funcion muy util en los servidores apache llamado server-status que basicamente es una pagina web sencilla html que muestra el numero de procesos , el estatus de cada peticion IP que visitan el sitio  y un monton de cosas por el estilo.

Esta herramienta puede ser muy util pero tambien puede perjudicar la seguridad de tu  web , si lo dejas abierto a cualquiera  , hay mucha informacion de vital importancia en ese documento . Asi que como todo proveedor de hosting que se respete deberia de tener bloqueada esa funcionalidad .

Algunos ejemplos serian estos :

1. http://www.ford.com/server-status/ 
2.  http://www.cisco.com/server-status/

Los invito a comprobar en sus server si esta opcion esta activada y si es el caso procedan a tomar las medidas necesarias para bloquear al acceso al publico a ella .


Les dejo aqui el link de como repararla por su cuenta : http://httpd.apache.org/docs/2.2/mod/mod_status.html

Los formularios de registro web tienen que morir

Hace no mucho lei un articulo titulado "Sign Up Forms Must Die"  y tengo que decir que estoy totalmente deacuerdo .

Creo que mostrar  formularios de registro como primera impresión al usuario es cosa del pasado , como dice el articulo algunas paginas ofreciendo algun producto o servicio interesante a los usuarios y de pronto cuando comienzas a interesarte mas en el producto o servicio ZAS !! con el bendito formulario .

De esa manera pagan al usuario por haber despertado un poco de interés en su servicio , tenemos que ofrecer mas al usuario , indicarle por que nuestro servicio es lo mejor para el  y podemos hacerlo sin usar un formulario de registro obligado.

Por ejemplo hoy conteste una pregunta en stackoverflow , nunca había contestado una y nunca me había registrado en esta web , pero quise dar un aporte , que creen que paso? pues solo tuve que escribir mi respuesta a la pregunta del usuario y poner mi correo nada mas , note que en la parte de arriba de la derecha la web me habia creado un perfil asi ni mas ni mas . asi de facil sin formularios de registro.

No debemos pagar al usuario el poco interés que desperto en nuestra web con un formulario de registro a la primera , siempre hay manera mas amigables y progresivas de como hacerlo.

Un ejemplo rápido seria usar autenticacion de facebook o google , es una manera rápida de registrar usuarios .

Aprender a ser un emprendedor

Tienes una idea de negocio en Internet y no sabes como llevarla a cabo?
Sientes que te hace falta espíritu de emprendedor para alcanzar tus metas?

No hay mejor momento como el ahora  las tecnologías estan a nuestro alcance  , la información y el trabajo colaborativo no tiene fronteras en estos días   Internet nos entrega todo en bandeja solo es saber como tomarlo y como aprovecharnos de ella para explotar nuestras propias ideas.

Por que solo en otros países se triunfa con solamente una idea ?
Por que es mas fácil salir adelante en otros países que el tuyo?

Bueno si quieres saber todas esas respuestas y aprender a ser un emprendedor de la mano de los expertos este curso es para ti y lo mejor que es totalmente gratuito.

Con apoyo de instituciones y empresas como el Banco Santander, Google, Universidad Internacional Menendez Pelayo, Universia, Red Emprendia, Orbyt, UNED-Csev, Escuela de Organización Industrial, Conferencia de Rectores de Universidades Españolas, y la Fundación de la Biblioteca Virtual Miguel de Cervantes, UniMOOC-Emprende es un curso completamente abierto y gratuito al que puedes acceder con tu cuenta de Google.

Mejor miren el vídeo para que sepan de que hablo



link: http://unimooc.com/

Tabla periodica en 3d en tu navegador

Increible este proyecto de una tabla periodica en 3D usando three.js , cada vez mas el 3d el lado del navegador me sorprende .

Si quieren aprender un poco mas de esta libreria 3d visiten http://learningthreejs.com/.

puede ver la tabla aqui : http://mrdoob.com/lab/javascript/threejs/css3d/periodictable/

Crea tu web con el estilo metro de windows 8

Si te gusta la nueva interfaz metro de windows 8 y quieres imitarla en algun proyecto web ahora puedes hacerlo con un nuevo framework llamado BootMetro , es un nuevo proyecto basado en Bootstrap  , básicamente se usa de la misma manera que bootstrap con la diferencia que los estilos serán estilos metro.

He estado ojeando un poco el proyecto aunque tiene ciertas cosas que pueden mejorarse , el proyecto cumple con su objetivo de lograr una interfaz minimalista estilo metro , invito a todo a probar el framework y crear algún proyecto con el .

A mi me gusta mucho la interfaz metro creo que voy a utilizar este framework para mis próximos proyectos webs.

enlace : http://aozora.github.com/bootmetro/

El verdadero costo de retina display

Lo primero que se me viene a la mente con esta nueva resolucion de pantallas es en el consumo de ancho de banda necesario para cargar imagenes de mas resolucion .

A veces en  paises de America latina no disponemos de buenas conexiones y los sitios optimizados para retina display pues no cargarian tan rapido , tal vez una solucion podria ser que en el sitio web hubiera una opcion para que el usuario decidiera cual version del sitio quiera cargar.

Usar logos e iconos en svg  me parece buena idea para enfrentar un poco el problema de las resoluciones con retina display , pero desafortunadamente los svg todavia tiene algunos problemitas en su renderizacion cuando haces zoom in.

Ahora dispositivos mobiles con retina display? supongamos que  pueden tener contratado planes de datos para navegacion y ese es otro problema como todos saben siempre hay limites en el ancho de banda en mobiles y si quieres navegar en  sitios en resolucion retina pues creo que tu plan de datos llegara muy rapido a su limite.

bueno solo son algunas conclusiones aqui pensando en rato frente al ordenador. buscare algo de informacion por ahi para aclararme un poco mas.

Los secretos de las presentaciones de steve job

Tienes problemas en como hablar en una conferencia ?

Quieres tener el carisma y facilidad del habla con el publico ?

Quieres saber como steve job llego a ser tan bueno en sus conferencias ?

Hay que admitirlo no cualquier persona tiene la facilidad  para hablar en publico y captar su atencion en todo momento , hoy me encontre con un libro que trata de tecnicas para hablar en publico y no morir en el intento el unico problema es que libro esta en idioma ingles pero se que por ahi hay muchas personas que no tienen problemas con el idioma ademas siempre esta el traductor de google para nosotros.

Steve job presentation from Ringga Arie

Estilos basicos CSS

Les quiero compartir un enlace donde pueden encontrar estilos basicos de css para aplicar en sus proyectos , tiene sus ejemplos  y su codigo listo para copiar y pegar .

enlace: http://tympanus.net/Tutorials/BasicReadyToUseCSSStyles/

Filtro de video que rejuvenece

Una empresa a creado un software que aplica un filtro de video en tiempo real que te hace rejuvenecer en pantalla

Ejemplo menu css 3 3D

Miren que bonito este ejemplo de menu 3D en ccss 3 : http://soulwire.github.com/Makisu/

WebRTC el framework html 5 se mira interesante

Hoy leo que existe un framework para html 5 para comunicaciones en tiempo real  se llama WebRTC segun leo en su pagina oficial ademas de estar enfocado en comunicaciones en tiempo real tambien permite compartir archivos de gran tamaño como audio y video.

Ademas todo indica que esta tecnologia es soportada actualemente por google , mozilla y opera. Dentro de 4 meses segun se estima sera soportado por todos los navegadores , el framework segun entiendo incrementa la velocidad de la transmisión de audio , video y demas componentes y pueden ser accedidos por medio de la API en javascript. permitiendo desarrollar aplicaciones tipo chat con video con mucha facilidad.

Si quieres saber mas de esta tecnologia visita la pagina oficial del framework para que conozcas su API y puedes hacer experimentos .

link : https://sites.google.com/site/webrtc/home

Como sera el nuevo Megaupload

Leo via  fayerwayer las nuevas caracteristicas que tendra el nuevo Megaupload , la verdad que ahora si que la tendran dificil las compañias que se han dedicado a caza del copyright , aqui las caracteristicas

• Los archivos que se suban serán encriptados en el navegador del usuario, y éste obtendrá una llave única para poder descifrar el archivo.

• Serán los usuarios los que tengan el control del acceso a un archivo que fue subido al servicio, dependiendo de con quién compartan o no la llave de acceso.

• Debido a que Mega no tendrá la llave, la empresa no puede revisar los archivos subidos a su servicio de almacenamiento, ya sea una canción, película, videojuego, etc. Esto hace que Mega no pueda hacerse responsable del material que suben sus usuarios, y que no se les pueda demandar por eso. “Lo que sea que se suba al sitio, se mantendrá cerrado y privado sin una llave”, dijo Dotcom.

• No se aplicará la llamada “duplicación” en sus servidores, un sistema utilizado para ahorrar espacio. Por ejemplo, con la duplicación si dos usuarios suben el mismo archivo, en realidad se sube una sola vez y se da acceso a las dos personas a lo mismo. Pero Mega funcionará distinto: Si cien usuarios suben el mismo archivo, se encriptará cien veces y se subirá cien veces, generando cien llaves para descifrar diferentes. Eliminarlas todas requeriría 100 solicitudes de parte de los estudios y sellos.

Si quieres leer la noticias completa aqui el link : http://www.fayerwayer.com/2012/10/mega-es-el-nuevo-megaupload/

Como tener tu propia tienda online facil y rapido.

Algunas personas me han preguntado si existe alguna manera facil y rapida de poner una tienda online ,  pues yo siempre digo que rapida no la hay , siempre estan los CMS y plugin para crear tienda virtuales  pero después me preguntan como integran todo eso a facebook .

La cosa no es tan simple aun usando los CMS populares que existen como joomla o wordpress  , pero hoy he visto un servicio un tanto interesante para crear tu tienda en linea  se llama ecwid , y por mucho esta es la  forma mas sencilla de añadir un carrito de compras a tu pagina de facebook, tiene métodos de pago como Paypal, incluso mediante orden telefónica. 

Otra caracteristica muy buena es que una vez que creas tu catalogo con el servicio puedes insertar tu tienda en cualquier pagina web que tu quieras , solo agregando el codigo html que el sistema te genera asi puedes tener tu tienda en muchas paginas webs al mismo tiempo de una sola vez. aqui dejo un video de ejemplo de como se agrega una tienda en wordpress en 5 minutos asi de facil lo unico malo es que esta en ingles.

Ecwid. Getting Started. from Ecwid Team on Vimeo.

Buscando en youtube encontre un video tutorial en español para que se den una idea como funciona:




Puedes consultar las planes aunque la version gratuita es mas que suficiente para comenzar a testear a ver si te gusta.

En este enlace puede ver  un ejemplo de una tienda en facebook : http://www.facebook.com/ecwid?sk=app_251458316228   , tus potenciales clientes pueden hacer comentarios sobre los productos y compartirlos a otras Redes Sociales.

El servicio esta en muchos idiomas por si se lo preguntaban  , ahora si no tienes ninguna excusa para no montar tu propia tienda online y integrarla en facebook en  un par de clicks.

link : http://www.ecwid.com/

Como es windows 8 ?

Todavia no tengo la oportunidad de ver el nuevo sistema operativo de la microsoft  pero hoy he leido un articulo muy bueno en fayerwayer donde explican  algunas diferencias entre windows 7 y 8 .

 los invito a leer el articulo si quieren saber cuales son :

 http://www.fayerwayer.com/2012/10/las-8-principales-diferencias-entre-windows-7-y-windows-8/

Que es Retina Display ?

Retina display en la boca de todos desde que apple hizo su anuncio , ni modo hay que adaptarse a las nuevas tendencias . Personalmente no he visto ningun dispositivo con una pantalla de retina display por eso me abstengo de escribir un articulo sobre esta tecnologia pero hoy lei un articulo de freddy vega en cristallab sobre el  retina display y queria compartirlo para los que aun no saben que es esta nueva tecnologia :

aqui dejo el link : http://www.cristalab.com/blog/que-significa-retina-display-en-el-diseno-web-c108299l/

Conoce los Datacenter de google

Quieres conocer los datacenters de google ? pues ahora con google streetview puedes hacerlo .

Les dejo el link aqui  : http://www.google.com/about/datacenters/inside/streetview/

Ripple Emulator para probar tus sitio mobiles

Hoy encontre una herramienta muy buena para testear nuestros sitios web para mobiles , aunque aun esta en beta hace muy bien su trabajo los invito a probarla para probar sus sitios , es una extension para google chrome por cierto.



 https://chrome.google.com/webstore/detail/ripple-emulator-beta/geelfhphabnejjhdalkjhgipohgpdnoc

El mejor gif animado que he visto hasta ahora

Este es por mucho el mejor gif animado que he visto:

Herramientas para evaluar usabilidad web

Tengo que admitir que no se nada sobre usabilidad web , hoy estuve leyendo un post muy bueno que quiero compartir sobre este tema para que otros no este igual de perdidos que yo .

http://www.maestrosdelweb.com/editorial/aplicaciones-gratuitas-para-evaluar-usabilidad/

Aprender a programar con Codecademy

No se como nunca habia escrito sobre Codecademy , se me habia pasado por alto  , pero bueno Codecademy es una web donde puedes aprender a programar lenguajes de programacion como phyton , Ruby , javascript , ect  aunque la mayoria de la buena informacion esta  en ingles este sitio es muy recomendable para aprender lenguajes nuevos que te interesan .

Les dejo el link de la pagina en hispana para lean un poco sobre ella  :  http://www.codecademy.com/es/#!/exercises/0

El estado de javascript en el 2012

Si te dedicas a esto de hacer webs y el asunto de la internet seguramente sabras que javascript es el lenguaje que  is kicking asses en la internet y bueno hoy navegando por lo rincones oscuros de la web encontre una presentacion  del creador de javascript brendan Eich (el tipo de abajo) donde hace un repaso del futuro de javascript para su proxima version .

Pueden encontrarla en este link : http://brendaneich.github.com/Strange-Loop-2012/#/

Para ver la presentacion tienes que usar las flechas del teclado para mover el contenido, Aprovechando este post de javascript queria compartir alguna informacion importante relacionada con Javascript.

Lo primero es el uso de : use strict  encontre un buen articulo donde hable sobre esta sentencia en javascript , la recomiendo esta muy buena : http://raohmaru.com/blog/javascript/use-strict/

Lo segundo era un ejemplo en javascript sobre como dibujar con letras por donde pasa el mouse , para verlo en accion arrastren el mouse haciendo click entre mas rapido lo hagan mas grande se dibujaran las letras : http://codepen.io/tholman/pen/qCnfB

LLevando el kinect de Microsoft al proxima nivel

Investigadores de Microsoft, en conjunto con el Laboratorio de Cultura de la Universidad de Newcastle y la Fundación para la Investigación y Tecnología, han creado un dispositivo que es capaz de hacer un seguimiento completo de nuestra mano como si fuera una pulsera .

Adobe Edge, el reemplazo HTML5 de Flash

Por si alguien aun no lo sabe , y para los que hechan  de menos a Abode Flash ahora existe  Adobe Edge Animate que es una aplicación para crear animaciones en HTML 5 con CSS 3 y  permite generar acciones, interactividad y controla eventos del usuario .

Ya no uses flash ahora usa : http://html.adobe.com/edge/animate/

Les dejo un video de como funciona

Web Platform Docs nueva alternativa de documentacion

Si eres programador web sabras que en tu dia a dia siempre estas revisando documentacion sobre como hacer alguna cosa en html , javascript o cualquier cosa , buscando los estandares web html 5 y cosas por el estilo.

Al final terminaras siempre revisando sitios como estos : Referencia de Mozilla , StackOverflow , referencias de la W3C/WHATWGy algun que otro blog , bueno pues ahora se ha lanzado otro sitio pero este es un poco direferente a todo los demas se llama : http://docs.webplatform.org/




Pero que diferencia este sitio de los demas ?? bueno aqui algunas poderosas razones.

1)  Todos los provedores de navegadores esta trabajando para documentar todo sobre del lado del Navegdor : DOM, CSS, HTML, SVG, Canvas, HTML5, JS, ES5…

2) Ya han aportado mucho de su contenido : referencia de  MSDN IE , Opera Web standar y muchos articulos sobre HTML5 Rocks.

3) Escritos de tiempo completo de google , Microsoft , Abode y otros agregando contenido (este no se si creerlo).

4) Y que la documentacion estara mucho mas organizada y facil de encontrar

Aunque en la web dice por todos lados que esta en alpha se puede ver codigo de ejemplos y buena documentacion sobre estandares web .






  Si quiere contribuir con el  proyecto puedes dirigirte a este link : http://docs.webplatform.org/wiki/WPD:Getting_Started 

Conoce a Carlos Icaza

La primera vez que escuche de Carlos Icaza fue en un periodico local donde habia un reportaje sobre el , me gusto mucho saber que un Nicaraguense tenia tanto exito en el mundo de la internet . Si eres Nicaraguense y te dedicas a esto de la web  estas obligado a saber quien es el y que ha hecho para el mundo.

Iba un articulo completo pero como ya he encontrado uno pues no vale la pena hacerlo , una cosa de ser programador es que escribes codigo solo una vez para hacer una cosa , asi que mejor pongo el link donde sale su biografia link : Carlos Icaza


Aqui pongo un video de los 10 mandamientos de los emprendedores de Carlos



Lo  ultimo que conozco que ha hecho Carlos a sido http://lanica.co/   que es un motor de juego para moviles  , hechen un ojo a la web para saber mas .

Tambien el link de su blog : http://www.carlosicaza.com/

Dibujando cosas con Box-Shadow (increbile)

Hola hoy he visto ua tecnica un tanto peculiar sobre como dibujar , logos , imagenes , o vectores solo con un elemento html y puro css .

La tecnica basicamente es hacer copias de cada elemento pixel y posicionarlo donde tu quieras y de esa manera ir formando tu dibujo. Bueno creo que con unos ejemplos te puedes dar cuenta de lo increible de la tecnica aqui pongo algunos link de dibujo hechos solo con CSS repito no son imagenes son dibujados con CSS.

1. http://codepen.io/jackrugile/pen/tGBAC
2. http://codepen.io/joshnh/pen/iwmAp
3. http://codepen.io/joshnh/pen/rxAtE
4. http://codepen.io/Kseso/pen/pmEah
5. http://codepen.io/joshnh/pen/ohbHl

Como recordatoria esta tecnica es genial pero realmente nunca deberia de usarse en produccion  , por que el box-shadow no es soportado por todos los navegadores y el render es muy lento.

Por ultimo si quierem probar con sus propias imagenes aqui les dejo un link  donde puede subir tu imagen y sera convertida a css pero no usen imagenes muy grandes link :  http://codepen.io/blazeeboy/pen/bCaLE

Remote debugging , debuguear en nuestros dispositivos moviles

Remote debugging  los permite ejecutar y caturar codigo en dispositvos moviles , permitiendonos una manera de inspeccionar el HTML , CSS y javascript y hace cambios en vivo  , es como usar el modo consola de google chrome  pero para moviles  , asi podemos evitar usar emnuladores.

 Tenemos la siguentes herramientas a nuestra disposicion aunque la documentacion esta en ingles creo que se puede entender muy bien para los que tengan problemas con el idioma ,  sino pues para eso esta el traductor de google que es muy bueno.

1) Chrome para android :  https://developers.google.com/chrome/mobile/docs/debugging


2) Opera y DragonFly : http://www.codegeek.net/blog/2012/mobile-debugging-with-opera-dragonfly/

3) Firefox para Andriod : https://hacks.mozilla.org/2012/08/remote-debugging-on-firefox-for-android/

3) Safari para IOS 6 incluye un l Remote Web Inspector oficial : http://www.mobilexweb.com/blog/iphone-5-ios-6-html5-developers

Y los quiero invitar a que vean esta presentacion sobre remote de debugging donde muestran muchas mas herramientas como las que publique link : http://thecssninja.com/talks/remote_debugging/

maily para enseñar a tus hijos a usar el correo

Maily es un servicio para enseñar a usar a tus hijos pequeños a usar un cliente de correo electronico , lo cual me parace my buena idea por que no conocia una herramienta asi , aqui les dejo el video de la presentacion.




link : http://www.maily.com/

Microsoft TypeScript - La version de Microsoft de javascript.

Bueno asi como lo leen microsoft tiene su version de javascript a falta de mas informacion sobre este tema pondre un fragmento del sitio http://wwwhatsnew.com/

"Dicho de manera simple, TypeScript no es más ni menos que un superconjunto de JavaScript. Gracias a esta característica, se puede utilizar muchas de sus funcionalidades sin tener que aprender un lenguaje desde cero. Tal como lo explican en sitio web de TypeScript, este lenguaje toma prestado las mejores características de JavaScript, a la vez que añade otras que son fundamentales dados los avances en la tecnología de la programación.

Por lo que nos encontraremos que TypeScript cuenta con clases, tipos y módulos, de lo que JavaScript carece, ofreciendo un amplio conjunto de herramientas ideales para grandes proyectos realizados en Javascript o TypeScript nativo. Como es de esperarse tendrá soporte para todos los navegadores web, para cualquier servidor y tipo de sistema operativo.

Ya Microsoft dio a conocer que van a incluir un plugin para poder usar TypeScript mediante Visual Studio 2012, dando así a los programadores tradicionales en JavaScript, todo el potencial de las herramientas y características de la suite de programación."

link : http://www.typescriptlang.org/

Error 324 (net::ERR_EMPTY_RESPONSE) en google Chrome

(net::ERR_EMPTY_RESPONSE): Unknown error.This Error called Error 324 in Google  Chrome while trying to open a Website.Do not panic mostly this is just a browser cache problem you do not any malware or any major problem with your computer so you do not need any special software to fix this error.

Este error ocurre mientras chrome esta intentando abrir un sitio web y tiende a repetirse muchas veces lo cual te da la impresion que tienes algun error con tu codigo y  tienes que repararlo pero te das cuenta que no tienes ningun error y no sabes que hacer. Pero no entres en   panico este es solo un problema de cache en el navegador , no tienes virus y no es un gran problema  de tu  computadora o tu codigo .

Este es un error de google chrome un poco conocido y en un futuro estara parcheado ,
 para repararlo tienes 3 opciones:

1) Resetear tu navegador a la configuracion por defecto.
2) borrar tu historial de navegacion y tus cookies.
3) algunas veces pasa por problemas en tu conexion asi que tienes que resetear tu router.

bueno espero te sirva , y no mal gastes tiempo pensando que es un problema con tu codigo.

4 cosas que no sabia de HTML 5

Hoy he leido un articulo muy bueno de un tipo llamado  Aaron Lumsden

En en articulo habla de 7 caracteristicas interesante de html 5 :

1) HTML5 autofocus Attribute:   <input autofocus="autofocus" />

Nos permite poner el foco en un input o textarea tan pronto la pagina a cargado.

2) HTML5 download Attribute : <a href="my.pdf" download="MyPDFReport">Download PDF</a>

Permite forzar la descarga de un archivo en lugar de ir a pagina especifica.
.
3) HTML5 Datalist Element :


<form action="form.php" method="get">

<input list="mylist" name="mylist" >
<datalist id="mylist">
  <option value="CSS">
  <option value="HTML">
  <option value="PHP">
  <option value="Jquery">
  <option value="Wordpress">
</datalist>
<input type="submit" />

</form>

Bueno este es el que mas me gusta un autocompleta sin necesidad de plugin o framework

4) HTML5 output Element : <output name="output"></output>

Este atributo hace que el input no sea para ingresar datos sino para mostrar , por ejemplo puede usarse para mostrar el resultado de una operacion .

Bueno esos son los que me a me gustaron si quieres ver la lista completa visita el link de la noticias aqui

error validacion nativa en formulario html 5 en chrome

Ok este es un pequeño error que un amigo a descubierto en chrome y la validacion nativa de formulario en html 5 .

http://dabblet.com/gist/3793335

Si intentas enviar el formulario vacio , veras que no se ejecuta la validacion nativa de campos vacios , esto se debe a la propiedad de css "z-index:0"  , ahora si en el ejemplo eliminas esta propiedad veras como funciona perfectamente.

a esperar la nueva actulizacion en Chrome

Phonegap Build.. abode haciendo las cosas bien

Hoy fue el  evento  Create the Web de abode donde presentaron varios de sus nuevos productos enfocados al desarrollo web y todo parece indicar que abode se ha casado con  HTML 5.  Todas las herramientas que presentaron estan enfocadas en el nuevo estandar web.

Unas de las herramientas que mas me ha llamado la atencion es : Phonegap Build  que te permite subir un proyecto desarrollado en HTML 5,  CSS 3 , javascript y convertilo en una app nativa para iPhone, iPad, Android y casi cualquier plataforma tanto móvil como desktop.

Esto caballeros es la demostracion maxima que abode ama HTML 5 , aqui les dejo el link de Phonegap Build

Si quieren saber mas un poco mas de las nuevos productos de abode, Freddy Vega de cristalab tiene un post donde hace un intro de cada una de estas herramientas en este link : http://www.cristalab.com/blog/analizamos-adobe-edge-el-compromiso-de-adobe-por-html5-c108003l/

Los mapas de IOS 6

Como algunos saben en la nueva version de IOS 6 Apple anuncio que no iba a integrar los mapas de google maps lo que a mi parecer es un disparo en su propia pierna , pero bueno apple es apple y aun asi el iphone 5 se vendera como caramelos.

 Incluso he visto noticias de gente haciendo cola para comprar el nuevo iphone 5 , cosas que no entiendo pero bueno . en una web he encontrado ejemplos de los nuevos mapas de ios 6 y puedan ver lo poco utiles que son y que nunca estaran a la altura de google maps

 link : http://theamazingios6maps.tumblr.com/

Google agrega una nueva meta tag "news_keywords"

Google anuncia la nueva meta "news_keywords" que usa su algoritmo , ya es hora que todos vayamos usandola para describir nuestros articulos en nuestras webs. En un ejemplo de google de como usarla dice: En un articulo sobre la copa mundial tu podrias agregar el siguiente codigo para ayudar a google a entender la naturaleza de tu contenido: puedes agregar hasta 10 frases separadas por comas , como siempre recuerda que esto no te garantiza que tu web salga en los primeros lugares pero ayuda un poco . Nota importante: Esto solo funciona para sitios de noticias , para los demas sitios webs sera ignorado

¿Qué es Bandtastic?

Otra buena idea llevada a cabo en internet

El marketplace de servicios simplemente raros y locos

Hoy si que me encontrado con la pagina de comercio electronico mas rara de todas , osea ni siquiera se como explicar el sitio http://tuta.co/

Creo que mejor el dejo el video del sitio promocional  para que lo vean ustedes mismos , eso si la idea es muy original y me gusta vere que encuentro por ahi .

10 Herramientas para maestros online

Intereante articulo que han publicado en maestrosdelweb sobre 10 herramientas para profesores que vale la pena hecharle un vistazo son herramientas muy utiles  para dar clases.

http://www.maestrosdelweb.com/editorial/10-herramientas-para-maestros-creativos/

Aprender online con http://tomoclases.com

Hoy les traigo una web muy interesante para aprender sobre cualquier cosa que te interese online aqui la descripcion de la web :

 "TomoClases es una iniciativa que comenzó en Santiago de Chile en mayo de este año y que ahora se expandió a México, con la idea de ofrecer cursos de todo tipo que las personas pueden tomar en forma online y presencial. También si quieres sacar al profesor que llevas dentro y dictar una clase, puedes hacerlo y contactar a tus estudiantes mediante esta plataforma. Cada curso tiene un precio diferente, dependiendo del valor fijado por quien la dicta, y TomoClases cobra un 15% de comisión cuando se vende un cupo por internet."

 Si sabes hacer algo muy bien puedes aventurarte a dar clases y ganar algo extra de dinero con tu curso , para todos aquellas personas que alguna vez pensaron en dar cursos en linea esta es la mejor manera de hacerlo. Les recomiendo que lean la seccion de la FAQ para despejar dudas http://tomoclases.com/preguntas

A falta de algun video promocional solo queda que visiten el sitio web y den un mirada a todos lo cursos disponibles. http://tomoclases.com/

El error

Interesante corto que encontre hoy y queria compartilo sobre como se cometen ciertos errores cuando uno esta bajo la influencia del alcohol

Quieres saber cual es mejor movil del momento?

Si quieres saber cual es el mejor movil de momento te traigo una comparativa de los modelos actualmente.

Nuevo algoritmo de cifrado de password PHP 5.5

Ahora hay una nueva forma de cifrar los password en php 5.5

sigue este link para que veas las nuevas novedades : https://gist.github.com/3707231

Steve jobs resucita por el iphone 5

Pero que buen video este me ha alegrado el dia , no es solo lo comico si lo bien trabajado del video es excelente

Top 20 de lenguajes de programacion 2012

Segun la firma http://redmonk.com/  en si top 20 de lenguajes de programacion tenemos a javasript en primer lugar con lo cual estoy muy deacuerdo seguido de php y muy pero muy cerca python . aqui le sdejo la lista completa del top 20 :

1. JavaScript
2. Java
3. PHP
4. Python
5. Ruby
6. C#
7. C++
8. C
9. Objective-C
10. Shell
11. Perl
12. Scala
13. Haskell
14. ASP
15. Assembly
16. ActionScript
17. R
18. Visual Basic
19. CoffeeScript
20. Groovy

Ven por que hay que empezar a aprender python...

Firefox OS para moviles

Bueno ahora IOS y Android tiene un nuevo compañero para jugar en el recreo , los tipo de mozilla no se han quedado atras  y han estado trabajando en un sistema operativo para moviles aqui les dejo el video :

Que lenguaje de programacion aprender?

He encontrado un bonito video donde se comparan los actuales lenguajes de programcion , para los que esten indecisos en que lenguaje aprender tal vez este video les pueda ayudar .



Personalmente si no sabes programar ninguno recomiendo que comenzar con python , es un lenguaje que le esta pisando los talones a php y creo que en unos años lo vencera , yo tengo pensado aprender cuando tenga un poco de tiempo.