Weebly: crea tu web de forma rápida con Ajax

ByLuis January 16, 2007

Weebly nos ofrece la posibilidad de crear pÃ¡ginas web de forma rÃ¡pida, sencilla y online. Mediante el uso de Ajax y gracias al drag&drop, podemos crearnos nuestro sitio web en pocos minutos.
Entre las caracterÃsticas que ofrece encontramos: uso del drag&drop para la generaciÃ³n de pÃ¡ginas, variedad de temas para elegir, subdominios personalizados, posibilidad de exportar a un fichero zip y numerosos tipos de contenido.

Para los desarrolladores que estÃ© interesados, quizÃ¡s les guste saber que ademÃ¡s de las opciones anteriores, tambiÃ©n ofrece lo siguiente: uso personalizado de Ajax (drag&drop, efectos), subida de ficheros mediante Ajax, integraciÃ³n de un botÃ³n que nos permite ir atrÃ¡s/adelante en el sistema de ventanas y diseÃ±o de elementos potente.
Demo:

Weebly
VÃa / Ajaxian

Desarrollo web

Diferencias entre un buen diseñador y un gran diseñador

ByLuis November 7, 2006

Estando a la espera de que nos cuenten las diferencias entre un mal diseÃ±ador y un buen diseÃ±ador, que serÃa algo que necesitamos algunos, nos quedamos con un buen artÃculo que nos explica las diferencias entre un buen diseÃ±ador y un gran diseÃ±ador.

Se trata del tÃpico post que todo el mundo referencia y que uno se da cuenta que se entera de las cosas el Ãºltimo, por eso voy a referenciar donde lo he visto originalmente, donde lo he leido en espaÃ±ol y por su puesto el original.

Entre las cosas que mÃ¡s me han gustado destaco lo siguiente:

Mientras un buen diseÃ±ador dispone de ciertos elementos y los organiza de manera estÃ©tica, un gran diseÃ±ador se preocupa ademÃ¡s porque el mensaje que expresa su diseÃ±o llegue a destino.

…los artistas crean problemas, los diseÃ±adores los solucionan. Pero un gran diseÃ±ador se adelanta a un problema potencial, tiene visiÃ³n.

La conclusiÃ³n a estas ideas nos lleva nuevamente a la razÃ³n de ser del trabajo de diseÃ±o, que es justamnente lo que diferencia ademÃ¡s a un diseÃ±ador de un artista: las necesidades y problemas que atiende el diseÃ±o suelen ser -por lo general- ajenas al diseÃ±ador. El diseÃ±ador no es mÃ¡s que un instrumento comunicativo en esencia.

Nine skills that separate good and great designers

9 habilidades que separan buenos y grandes diseÃ±adores

VÃa / Criterion

Desarrollo web | Javascript

Mostrar iconos en los enlaces mediante Javascript

ByLuis January 24, 2007

Hoy he visto en varios sitios cÃ³mo poner en los enlaces un icono del tipo de archivo al que se hace referencia. Algo parecido contamos hace ya tiempo, y al igual que en el ejemplo actual, no funciona para IE6, y aunque nos pese, aÃºn hay muchas personas que siguen usando este navegador.

Una soluciÃ³n es realizarlo mediante Javascript, para lo cual tan solo deberemos incluir un pequeÃ±o script en nuestras pÃ¡ginas. El script tiene un array con expresiones regulares que detectan determinadas href y la url del icono para incluirlo en el estilo del enlace. AdemÃ¡s existe una funciÃ³n que aÃ±ade al evento onload del window una funciÃ³n que selecciona todos los enlaces, comprueba por cada enlace si cumple alguna de las expresiones regulares y si es asÃ modifica el estilo con el icono correspondiente.

var listaiconos = new Array();
listaiconos[listaiconos.length] = new Array(/youtube\.com\/watch\?/, "icons/icon_film.gif");
listaiconos[listaiconos.length] = new Array(/sevenload\.com\/videos\//, "icons/icon_film.gif");
...
window.onload = function() {
var enlaces = document.getElementsByTagName("A");
for (var i=0; i<enlaces.length; i++) {
var ok = false;
for (var j=0; j<listaiconos.length && !ok; j++) {
if (enlaces[i].href.match(listaiconos[j][0])) {
enlaces[i].style.paddingRight = "20px";
enlaces[i].style.backgroundImage = "url("+listaiconos[j][1]+")";
enlaces[i].style.backgroundColor = "transparent";
enlaces[i].style.backgroundRepeat = "no-repeat";
enlaces[i].style.backgroundPosition = "right center";
ok = true;
}
}
}
}

CÃ³digo

VÃa / Intenta

Desarrollo web | Quicklinks

Recursos: BLUE VERTIGO

ByLuis April 3, 2006

Con el paso de los años nos vamos acomodando y tendemos a confiar cuando buscamos material para el desarrollo de sitios en algunos pocos recursos de confianza ignorando un mar de posibilidades. Si estás en esta fase bien por vaguete o por desconocimiento de a dónde acudir…
Desde Argentina, directorio de fuentes y stock de imágenes organizadas por tipo y licencias, vectoriales, sonidos para usar en Flash, photoshop brushes, y mucho más:
BLUE VERTIGO

Desarrollo web

5 características que se echan de menos en las webs

ByLuis September 12, 2006

Leo en SigT 5 caracterÃsticas que se echan de menos cuando se visitan algunas pÃ¡ginas web. PodrÃa haberla puesto dentro de los Quicklinks, pero como no puedo estar mÃ¡s de acuerdo con lo que dice, prefiero crear una entrada y ya de paso, con el permiso del autor, dar un par de comentarios personales:

Formulario para darse de baja: como no suele haber, lo mejor es tener una cuenta de correo especial para darse de alta, porque suele ser necesaria una cuenta de correo y de paso te mandan un email con un cÃ³digo de activaciÃ³n.
Elegir entre formularios paso a paso o avanzados
Una funcionalidad mÃnima en los vÃdeos hechos con Flash: Â¿QuÃ© diferencia hay entre el pause y el stop?, normalmente le doy al pause para que se vaya descargando el video y luego verlo de seguido y no sufrir parones por la conexiÃ³n. Sin embargo, cuando le doy al stop porque el video no me interesa, se sigue bajando, con lo cual el ancho de banda sufre, y el problema es que si estoy en un blog, no me apetece cerrar la ventana para que pare de bajarse y volver a abrir la pÃ¡gina para seguir leyendo el resto de las entradas.
Una menor complejidad en las pÃ¡ginas oficiales: sobre todo en los ministerios, yo creo que lo hacen a proposito para que prefieras ir a preguntar a la ventanilla y verles “trabajar”. Hay un recurso de imÃ¡genes y sonidos en el Ministerio de EducaciÃ³n y Ciencia que jamas soy capaz de encontrar si entro directamente en la web del ministerio.
Que el webmaster tenga un poco de sentido comÃºn: yo incluso lo usarÃa para los clientes que nos obligan a hacer cada cosa…

5 caracterÃsticas que se echan de menos en las webs

AJAX | PHP

AJAX Locking: bloquea el acceso a AJAX

ByLuis January 5, 2007

AJAX Locking es una librerÃa de PHP que nos permite bloquear el acceso a los recursos del servidor a las peticiones AJAX. Ocurre con frecuencia que cuando una aplicaciÃ³n usa AJAX se efectuen muchas llamadas al servidor, accediendo todos a los mismos recuersos, pudiendo obtener resultados no muy deseados.
En estos casos, esta liberÃa es lo mÃ¡s adecuado, ya que bloquea recursos del servidor, previniendo estos errores.
AJAX Locking
VÃa / PHP Classes

AJAX | IE

¿XMLHttpRequest nativo en IE7 o no?

ByLuis August 1, 2006

Uno de los anuncios que mÃ¡s esperamos del nuevo IE7 es que el objeto XMLHttpRequest (XHR) iba a ser nativo y no serÃ¡ necesario el uso de ActiveX. Tan solo es necesario crear una nueva instancia de este objeto new XMLHttpRequest() y seguirÃ¡ funcionando si se desactivan las ActiveX.
Aunque ciertas dudas salen debido a algunos aspectos que han encontrado: xhr.prototype falla, parece ser que la creaciÃ³n dinÃ¡mica de miembros del objeto falla, y la posibilidad de poder desactivar el objeto XHR. Estas dos cosas hacen sospechar que el objeto sea del todo nativo o no, o al menos que podamos contar con Ã©l como contamos con otros elementos HTML.
IE7 XMLHttpRequest – Native or Not?
VÃa / aNieto2K

Similar Posts