Archive for the “Web” category
Sebastian Barria • 29th Jun 2010 • Javascript, Mootools, Web
Imagino que más de alguna vez habrán visto los típicos campos de texto con alguna frase como “ingresa tu email aquí” y que cuando le hacen click esa frase desaparece por completo dejando el input vacío. Y lógicamente que cuando me salgo de boton vuelve la frase original.
Acá les dejo una forma automática de hacerlo, en javascript, por supuesto:
var inputs=$$('#formulario_de_contacto .text','#formulario_de_contacto textarea');
for(i=0;i<inputs.length;i++){
inputs[i].txtOriginal=inputs[i].value;
inputs[i].onfocus=function(){
if(this.value==this.txtOriginal){ this.value=""; }
}
inputs[i].onblur=function(){
if(this.value==""){ this.value=this.txtOriginal; }
}
}
No hay mucho que explicar de este código: primero selecciona todos los textarea y elementos con la clase “text” (que es la…
Sebastian Barria • 31st May 2010 • PHP, Seguridad, Servidor, Web
Uf!… ese fue el título más específico que se me ocurrió… porque literalmente es eso. Acá les voy a plantear cual fue mi situación:
En GEEKBOX estuvimos haciendo las primeras pruebas de registro para el juego Brooks Brothers Mundial, y parte de este proceso correspondía a enviar correos a los usuarios que se registraban para poder validar sus cuentas. Estos correos se autogeneraban vía PHP y se enviaban con la típica funcion mail().
Resulta que extrañamente los correos dirigidos a cuentas de hotmail no llegaban (ni siquiera al spam), pues el sistema interno de hotmail los…
Sebastian Barria • 28th May 2010 • Recomiendo, Web
The Geek Toolbox es un sitio Web que permite realizar tareas o acciones completamente “geek”, ya sea relacionada a tus sitios Web, o tareas simples como averiguar la hora UTC, cambiar tamaño a imágenes, o “jugar” a codificar y decodificar palabras.
De más está decir que es uno de mis proyectos, y por algo hago este post para explicar algunas de sus funciones poco comunes. Sitios como este hay muchos, pero ninguno tiene todas estas herramientas juntas, y además, multilenguaje.
Estas son algunas de las herramientas disponibles:
Días entre dos fechas:…
Sebastian Barria • 24th May 2010 • Seguridad, Web, Wordpress
En las siguientes diapositivas encontrarás una serie de consejos que propone Google para quienes utilizan WordPress para armar sus sitios, o para quienes (sin ser webmasters) tienen su propio blog en WordPress.
Para quienes no estén muy familiarizados con todos los conceptos, les describo algunos poco comunes:
Canonicalización: escoger la mejor URL para mostrar una página (o nuestro sitio web).
Googlebot: es el “robot” de Google, que lee nuestras páginas web para agregarlas a su base de datos.
Vía Ayuda WordPress
Sebastian Barria • 11th May 2010 • Teoría, Web
La metainformación, en palabras simples, es la información que va más allá de lo que podemos ver. En el fondo es información de la información.
Un ejemplo claro de esto lo podemos ver en la frase “el perro ladró”, que claramente significa que “el animal del tipo perro ha realizado el acto de ladrar”, y sea donde sea que mencione eso significará lo mismo. La metainformación entonces está presente en COMO y CUANDO digo esta frase, es decir, en el contexto en que se presenta. Por ejemplo:
- Si deseamos saber quién fue el que despertó al bebé con un
…
Sebastian Barria • 29th Apr 2010 • Javascript, Web
Basándome en lo planteado en este post, esta vez les presento este “truquito”. No hay que ser muy inteligente tampoco para que a uno se le ocurra esto, asique no pretendo lucirme ni nada.
Hay veces en que llamo a una función pero en la página donde estoy no he cargado el archivo .js correspondiente y por lo tanto el navegador me tira un error. ¿Cómo solucionarlo?: fácil (siempre digo lo mismo). Tenemos que agregar al final del archivo js una variable cualquiera:
var archivoCargado=1;
Y luego, antes de llamar a la funcion que necesitamos le preguntamos si esa…
Sebastian Barria • 29th Apr 2010 • Javascript, Web
Por culpa de este tipo de errores muchas veces podemos pasarnos horas tratando de encontrar el error.
Claro, yo se que existe el famoso firebug y alguna que otra alternativa para ayudarnos a encontrar los errores, pero es mejor prevenir que perder tiempo en guevadas, jajaja.
La cosa es simple: “¿cómo saber si existe una variable en javascript sin recibir un error de vuelta si es que no existe?”. Claro, porque si pregunto simplemente:
if(miVariable){ alert("si existe"); }
else{ alert("no existe"); }
claramente voy a recibir un error diciendo que miVariable no está definida. Osea que teóricamente nunca nos…
Sebastian Barria • 22nd Apr 2010 • Servidor, Teoría, Web
Muchas veces me he topado con personas que no entienden mucho acerca de este tema, o con situaciones en que me he tenido que ponerme a explicar lo que yo entiendo del sistema.
Cómo funciona en general el sistema de los sitios Web?
Para que un sitio web se vea en internet, debe contar de dos elementos:
- Una URL (tudominio.com o algo así)
- Un servidor (donde se almacenarán los archivos de tu sitio)
La URL es lo que escriben las personas en su navegador. Es algo así como la dirección de la casa o del negocio de alguien.…
Sebastian Barria • 7th Apr 2010 • Diseño, Teoría, Web
Navegando por ahí me encontré con este video, que trata acerca de la relación de nuestros clientes con nosotros.
¿Creen ustedes que esto pasa en la vida “real”?… y si no pasa en la vida “real”, porqué si debería pasar en la vida “virtual”, con todas las pegas relacionadas a la creatividad, el arte, o el diseño?.
Supongo que la próxima vez que un cliente les hable así por “un trabajito” que necesitan que les haga lo van a pensar dos veces…
Sebastian Barria • 7th Mar 2010 • Actionscript, Javascript, Web
Aunque no son muy conocidas por quienes están comenzando en el tema de la programación, estas dos funciones son una maravilla. Son funciones existentes en varios lenguajes de programación, como en Javascript y en Actionscript, que nos sacarán de varios apuros y nos permitirán optimizar y mejorar nuestros códigos.
Su objetivo principal es el de definir un tiempo para esperar a ejecutar alguna otra función. Por ejemplo, si necesito mostrar una alerta y que desaparezca en 3 segundos más, o si necesito que un reloj vaya actualizándose cada 1 segundo.
setTimeout()
Esta función permite definir un tiempo específico para que…
