Archive for March, 2010 — Page 2
Sebastian Barria • 7th Mar 2010 • PHP, Servidor, Web
Al momento de querer publicar un sitio que hemos estado preparando por meses, generalmente queremos que sea una gran sorpresa para los demás, y por lo mismo, intentamos mantenerlo oculto hasta el momento del lanzamiento oficial.
Acá veremos algunas formas de tener los sitios en el servidor y URL final y que sólo podamos verlo nosotros para desarrollar lo que falte y configurar los últimos detalles antes de hacerlo público.
Redireccionar por IP…
Una de las maneras más simples es redireccionar a todos los otros visitantes a alguna dirección específica mientras se desarrolla el sitio. Para esto, utilizaremos nuestra IP,
Sebastian Barria • 7th Mar 2010 • Teoría, Web
Muchos piensan que hacer un sitio Web es tan fácil como bajar una plantilla y cambiarle el título. Lo peor de todo es que está lleno de “empresas” o personas que ofrecen ese tipo de servicios: “Sitios Web profesionales y personalizados por sólo US$50!!!”…¿que tan profesional y personalizado puede ser eso?.
De todas formas, creo que está bien que haya gente que hace ese tipo de sitios, pues no todos los clientes necesitan tener un sitio Web llamativo, o hecho especialmente para ellos. Muchos necesitan (se conforman) con un sitio hecho a partir de una plantilla y que sea económico.…
Sebastian Barria • 7th Mar 2010 • Teoría, Web
Pongámos una situación hipotética: un cliente te dice “necesito actualizar mi sitio web: quiero agregar esto, quitar esto y mover esto”. Entonces tu le entregas un presupuesto (uno bastante justo con respecto al cobro: ni muy caro ni muy barato) pero el cliente te responde “mmm, me parece muy caro”.
Entonces en ese minuto uno se pregunta: “¿será que para este cliente su sitio web es un gasto más que una inversión?”. Porque si el sitio fuera una inversión, el dinero que pague por mejorar su sitio será devuelto con creces (o por lo menos devuelto) por el mismo sitio…
Sebastian Barria • 7th Mar 2010 • Diseño, HTML, Teoría, Web, Wordpress
Hace un tiempo, a Soranji (mi novia) le dijeron: “necesito que diseñes una plantilla de WordPress”. Pero: que implica hacer una plantilla de WordPress?. Son 3 páginas?…son 5 páginas?. Hay sitios hechos con WordPress que son enormes y otros que son pequeños.
Generalmente los clientes no tienen idea de lo que es WordPress o de lo que es una plantilla para WordPress. Ellos sólo la piden, y cuando les preguntas tampoco sabes realmente que ofrecerles.
Acá vamos a hablar un poco del tema.
1.0: Lo básico…
Los elementos más básicos de una plantilla de WordPress son los posts. Por lo
Sebastian Barria • 7th Mar 2010 • Diseño, Teoría, Web
Muchas veces, al intentar maquetear diseños de sitios Web nos encontramos con varias sorpresas.Para evitar esto, es necesario generar una buena comunicación entre el equipo de diseño y el de desarrollo HTML.
El objetivo de este artículo es conseguir que un diseñador pueda enviarle un archivo PSD a un desarrollador Web que se encuentre en otro país, ciudad u oficina, y que la maqueta que reciba de vuelta sea exactamente igual a lo que el diseñador espera recibir.
Planteo esta pauta para que los diseñadores sepan que cosas deben y pueden entregar para hacer más fácil la comunicación entre ellos…
Sebastian Barria • 7th Mar 2010 • HTML, Javascript, Web
A partir de la función mostrada en el post anterior, se me ocurrió hacer una función que limitara la cantidad de caracteres de un área de texto (textarea).
Como muchos ya deben saber, los textarea no permiten el uso del atributo maxlength, que poseen los inputs de texto. Pero para simular eso vamos a recurrir a la siguiente funcion:
function maxLength(e,obj,num) {
k = (document.all) ? e.keyCode : e.which;
if (k==8 || k==0){ return true; }
else{ return obj.value.length<num; }
}…
Para aplicar esta función, es necesario incluir lo siguiente en cualquier textarea:
Sebastian Barria • 7th Mar 2010 • HTML, Javascript, Web
Esta función hecha en javascript permite prohibir ingresar ciertos caracteres en un input de texto. En este caso específico, no deja ingresar caracteres que no sean números.
La escencia de la función es simple: recibe un evento; comprueba si es un número y devuelve una respuesta.
Sin más preámbulo, la función es la siguiente:
function isNumber(e) {
k = (document.all) ? e.keyCode : e.which;
if (k==8 || k==0) return true;
patron = /\d/;
n = String.fromCharCode(k);
return patron.test(n);
}
¿Cómo usarla?…
Como decía anteriormente, esta función debe recibir un evento. En este caso es necesario llamarla
Sebastian Barria • 7th Mar 2010 • PHP, Tutoriales, XML
Esta es una de las cosas que encuentro que son bastante útiles para ofrecerle a nuestros clientes en un sitio web. Sobre todo porque ahora está de moda twitter.
Entonces: vamos al grano. Lo primero es saber que es lo que queremos: Publicar el último tweet de algún usuario de twitter en un sitio web.
Para esto, tenemos que tener alguna manera de recibir los datos del usuario, y que mejor que el RSS que ofrece twitter. Este archivo está linkeado en la página de cada usuario y su URL es algo similar a la siguiente:
http://twitter.com/statuses/user_timeline/14057420.rss…
El ID
Sebastian Barria • 7th Mar 2010 • Javascript, Mootools, Tutoriales
En este segundo mini-tutorial, explicaré como comenzar a jugar con las animaciones que ofrece Mootools: fades y slides.
Lo bueno es que con esta librería es posible comenzar a hacer cosas con una simple línea o función, y luego podemos ir detallando y complejizando más nuestra animación. Ahora veremos como.
Otro de los beneficios que ofrece Mootools es la posibilidad de hacer animaciones de una manera muy simple. Este es un ejemplo (suponiendo que tenemos un DIV id=”div_animable”:
$('div_animable').slide('out');…
Este tipo de función se puede aplicar a cualquier objeto. Por ejemplo, si tenemos un botón, podríamos decirle que
Sebastian Barria • 7th Mar 2010 • Javascript, Mootools, Tutoriales
Este es uno de varios minitutoriales donde explicaré lo escencial de Mootools.
Está enfocado a ir aprendiendo funcionalidades específicas, que nos permitan comenzar a aprovechar esta excelente librería desde el primer momento.
En este caso, hablare acerca de como seleccionar objetos según su ID, o clase, para poder aplicar acciones específicas sobre ellos.
Porsupuesto, que lo primero que deberían hacer es bajar la librería Mootools…; crear una página para trabajar con ella y llamar al archivo dentro de la etiqueta HEAD para que esté disponible para usarse. Una vez hecho esto, veamos de que nos ofrece
