10 cosas que debe tener tu web

ByLuis

Lo mejor de la experiencia es que vamos aprendiendo de ella, y vamos mejorando, aunque no siempre es así y siempre nos vienen bien unos cuantos consejos sobre el desarrollo web.

  • Hazlo sencillo, las características que añadas, que sean para mejorar, no para distraer. Cuánto más fácil mejor para el usuario, mejor para tí.
  • Tu diseño y contenido son realmente importantes. Empieza con el diseño, maquétalo, desarróllalo y luego intenta que tu contenido sea lo que más haga que la gente se quede, pero con un buen diseño.
  • Ábrete lo máximo, comparte tus contenidos, crea una API para que otros puedan usarte, usa feeds.
  • Testea. Si, es lo más aburrido, lo de “beta” que está tan de moda ahora, no es solo algo de diseño, es una necesidad.
  • Empieza con lo básico y ve añadiendo funcionalidades de forma rápida y constante.
  • Persevera, no te dejes convencer de que no se puede hacer, si crees en el proyecto, sigue adelante.
  • No reinventes la rueda, sigue estándares, reutiliza herramientas y código en tus proyectos.
  • Planifica tu aplicación web para que admita escalabilidad y para que pueda crecer.
  • No pierdas de vista los microformatos, Adobe Apollo para la creación de aplicaciones de internet, Whobar para manejar identidades digitales y Akismet para luchar contra el spam.
  • Fíjate en la tendencia del contenido y el software social generado por los usuarios.

10 Things That Will Make Or Break Your Website

Similar Posts

|

El rendimiento de Google Instant Previews

ByLuis

Algunas veces no nos paramos a pensar en los cambios que añade una web, en este caso Google, los problemas que pueden aparecer en tema de rendimiento. Y estos problemas suelen ser fundamentales a la hora de la impresión que se lleva un usuario de la web, claro, que Google no se caracteriza por problemas de rendimiento y los expertos que están trabajando allá deben ser de lo mejorcito que existe.

Después de este rollo introductorio, me gustaría apuntar los 3 aspectos que utiliza Google para mejorar el rendimiento que se centran sobre todo en la reducción del número de peticiones HTTP:

  • Compilación de Javascript: mediante Closure Compiler, consigue reducir el tamaño de los ficheros js, reutilizar variables, …
  • JSONP bajo demando: JSONP permite envolver la respuesta JSON con una llamada Javascript. Se realizan llamadas directas al script en vez de usar Ajax, lo cual permite hacer llamadas crossdomain y que el navegador lo cachee perfectamente. El problema es que si se añade la llamada con un createElement, el navegador se queda cargando, por lo que es mejor meterlo entre un setTimeout.
  • DATA URIs: es un método de añadir contenido en URLs usando base64, el problema es que IE8 sólo admite DATA URIs de 32k, por lo que dividen las imagenes en trozos y los “empalman” con etiquetas IMG. También han comprobado que aunque base64 añade hasta un 33% del tamaño, como lo devuelven en gzip, el tamaño final es más o menos el mismo.

Está claro que hay que aprender de los que saben.

Instant Previews: Under the hood

Vía / High Scalability

Recursos para generar nubes de etiquetas

ByLuis

Aunque sea algo que cada vez veo menos en la web, sí que es algo característico de la web2.0, por lo que quien necesite ayuda para crear sus nubes de etiquetas (tag cloud), podrá encontrarla en este listado de recursos.

Tutoriales, consejos y referencias

Inspiración

Generadores

Everything Tag Clouds

Concurso: enseña a realizar una página Web

ByLuis

mdw.pngEn Maestros del Web han lanzado un concurso en el que se pide enseñar a realizar una página web. En Sentido Web nos gustan todo este tipo de iniciativas, sobre todo cuando se trata de ayudar a otros a aprender lo necesario para introducirse en el mundo del desarrollo web.

Además, me han pedido que forme parte del jurado, lo cual, a parte de un honor, es una oportunidad de aprender de los concursantes que no pienso desaprovechar.

Bases:

Necesitamos que desarrolles una página web y la publiques en cualquier espacio a tu disposición. En donde debes explicar a los internautas los pasos necesarios para crear su página web. Puedes utilizar cualquier recurso: textos, audios, vídeos y animaciones, estructurados, en un sitio web. Los contenidos deben estar en idioma español.

El material debe ser inédito, de la autoría del participante y ceder los derechos de reproducción por medio de una licencia Creative Commons de Reconocimiento 2.5 (lo que significa que todo el mundo podrá difundir tu creación una vez se mantenga tu crédito correspondiente).

A quién va dirigido:

Toda aquella persona que tenga conocimiento de publicación de contenidos en la web.

Fechas importantes:

30 de noviembre 2006 – último día de recepción de trabajos.
11 de diciembre – presentación de los 10 mejores trabajos.
15 de diciembre – anuncio del ganador.

Premio:

Un iPod de 30GB en tu color favorito.

Procedimiento:

Para participar necesitarás estar inscrito en forosdelweb.com para que tengamos tus datos. Deja un mensaje en el tema de Inscripción al concurso para confirmar tu participación.

La dirección URL del proyecto deberá ser enviada por correo a concurso(AT)maestrosdelweb.com antes del 30 de noviembre. Deberás incluir tu nombre de usuario de forosdelweb.com y una breve descripción del proyecto.

Vía / Maestros del Web

| |

Everystockphoto: buscador de imágenes gratuitas

ByLuis

everystockphotoMuchas de las veces que hago un script para una entrada que necesita de una imagen, suelo intentar buscar alguna que sea gratuita o con licencia Creative Commons, suelo buscar en Flickr, pero o no me apaño muy bien, o el número de resultados que ofrece no son todos los que tiene, también suelo buscar en Open Photo. Ahora hay otro nuevo servicio que nos ofrece un lugar dónde encontrar estas fotos, se trata de Everystockphoto, que con 220 mil fotos (y subiendo), nos da la posibilidad de buscar esas fotos gratuitas de calidad que buscamos.
Everystockphoto.com
Vía / Intenta

Eventum: gestor de tareas desarrollado por MySQL

ByLuis

Eventum es un sistema para la gestión de tareas y seguimiento de errores que ha desarrollado MySQL y que ellos mismos utilizan.
eventum.png
Posee las típicas características de aplicaciones parecidas como dotProject: creación de proyectos, tareas, administración, envío de emails, etc…
Eventum

|

Incluye sonido en tu web

ByLuis

Creo que no es necesario decir que cualquier exceso es malo, y que tampoco hay que demonizar ni al Flash ni al sonido en una web (esto me cuesta decirlo, pero es cierto). Pero en el caso de que queramos incluir sonido a nuestra página web y controlarlo mediante Javascript, si nos puede ser útil esta librería.

Se trata de Javascript Sound Kit, una clase Javascript que envuelve a un objeto ActionScript, en el cual se carga el sonido, que puede ser controlado por Javascript. Su uso parece bastante sencillo:

var mysound = new Sound();
mysound.loadSound("sonido.mp3", true);
mysound.setVolume(30);

Para aquellos que quieran criticar el uso ya sea de Flash o de sonido en la web (tienen todo mi apoyo), quizás les interese un ejemplo en el que puede ser útil, cuando tengo abierto GMail todo el rato, me avisa si llega un mensaje nuevo mediante un bip. Claro, que no lo necesito porque en Firefox tengo instalada una extensión que ya hace eso, pero no todo el mundo usa Firefox y no todo el mundo que usa Firefox tiene instalada la extensión para GMail.

Javascript Sound Kit

Vía / menéame