Webmaster Libre

Desarrollo web con software libre

Buscador

Archivo de March de 2007

Divs que aparecen y desaparecen con javascript

Hace unos días llegaba a portada de Digg un artículo escrito por Harry Maugans: How to Create a Collapsible DIV with Javascript and CSS. En principio me sorprendió que un script tan simple lograse tanto eco pero lo que más me sorprendió es que utilizase cosas tan intrusivas como display: none en la hoja de estilo para ocultar inicialmente el div y el evento onclick en un elemento a del html.

Como se le podían hacer unas cuantas mejoras sin meterse muy a fondo con el javascript me puse a ello y el resultado lo tenéis en: Divs que aparecen y desaparecen - tgdiv.js

Sé que no es nada del otro mundo pero las mejoras respecto al original son interesantes ya que mantienen separado el contenido de la presentación y el comportamiento de la página.

Si tenéis cualquier duda, queja o sugerencia ahí tenéis los comentarios.

Llegan los dominios con ñ

… Y con acentos, cedillas y demás particularidades de nuestra lengua.

Arsys ha anunciado la próxima disponibilidad de dominios multilingües .es que ya pueden ser reservados a la espera de que Red.es publique la normativa a que estarán sujetos en unas semanas.
Mientras tanto, y para abrir boca, nos dejan una guía.

¡Que empiece la batalla la compra de dominios!

Eso si, recordad, que los dominios multilingües sólo son funcionales para los navegadores más recientes.

Vía Bandaancha

Serverskine: Todos tus proyectos web a un click

Una vez más vengo con un freeware universal para Mac que me ha encantado: Serverskine.

Seguro que si te digo que es una aplicación que te permitirá guardar todos los datos de las infinitas cuentas de alojamiento web y ftp que manejas y acceder a sus correspondientes paneles web en un sólo click te sonará interesante.

Captura de pantalla de serverskine

Además se integra con Mail para enviar los datos de tus cuentas por correo electrónico y su aspecto no desentonará para nada con el resto de tus aplicaciones.

Requiere Mac OS X 10.0.4+

Serverskine: http://www.serverskine.com/

Los estándares y los diseñadores: ¿enemigos íntimos?

A través de 456 Berea St encuentro un interesantisimo artículo de Andy Rutledge que trata de explicar, de una vez por todas, a los diseñadores gráficos por qué los estándares no son el enemigo de su creatividad: Web Misunderstandars.

Sin duda, algo que hay que repetir más: Los estándares no tienen nada que ver con el diseño. Cualquier cosa que pueda ser representada gráficamente puede representarse en internet sin tener que incumplir ningún estándar.

…if there is something you cannot do with design online it’s because of your ignorance or lack of skill, not because of Web standards.

…si hay algo que no puedas hacer con un diseño online es por culpa de tu ignorancia o falta de habilidad, no por culpa de los estándares web

URL para sitios en varios lenguajes

Lo normal, cuando comenzamos con un sitio web, es que pensemos en él en un sólo idioma. No obstante, cada día es más común crear sitios en múltiples lenguajes, donde los usuarios puedan navegar en su idioma.

Hay muchas (muchísimas) consideraciones que hacer antes de lanzar una versión internacional de un sitio web (y seguramente las veremos más adelante). Una de las cosas que debemos plantearnos es ¿cómo vamos a plasmar en la URL las diferentes versiones internacionales?

Lo que, en principio, parece una tontería admite múltiples posibilidades. Todas con sus pros y sus contras, y todas dignas de ser bien estudiadas antes de tomar una decisión. En h3h, Brad Fults, ha hecho una revisión bastante exhaustiva de los 9 métodos disponibles: Designing URLs for Multilingual Web Sites

Para mí, de entre todas, las más sencillas y limpias son:

  • (1) Subdominios específicos para cada lenguaje (por ejemplo es.webmasterlibre.com, en.webmasterlibre.com…)
  • (2) Estructura de directorios modificada (por ejemplo webmasterlibre.com/en/, webmasterlibre.com/fr/…)
  • (4) Dominios específicos para cada país (por ejemplo google.com, google.es …)

links for 2007-03-06

Arreglando la etiqueta <q> en Internet Explorer

Como ya sabréis, Internet Explorer no se lleva demasiado bien con la etiqueta <q> La ignora completamente y, por tanto, perdemos las comillas de las citas. Siempre podemos incluir las comillas manualmente ¿no?
Pero, claro, las etiquetas aportan significado semántico, no deberíamos tener que prescindir de ninguna por caprichos de un navegador.

Como ya vimos con el caso de los png, existen unos archivos llamados behaviors (comportamientos) que nos permiten proveer de estas funcionalidades a Internet Explorer.

Para utilizarla, la descargamos de Will code 4 beer: fixQuotes_en.htc y lo llamamos con un poco de CSS que dará a Internet Explorer las instrucciones pertinentes.

  1. <style type="text/css">
  2. q { behavior:url(#topofpage); }
  3. </style>

Atento porque utilizará las reglas de entrecomillado inglesas, para utilizar otras edita el archivo htc, para saber como visita el artículo original: Fixing the Quote Tag in Internet Explorer

links for 2007-03-05

Miralo: Visor de panorámicas para tus webs

Si alguna vez has querido integrar una vista 360º o una panorámica interactiva a tu sitio web y no has sabido como hacerlo te traigo la solución: Miralo.

A través de Intenta descubro la existencia de estre proyecto de Pablo Veintimilla, totalmente libre cuyas características son:

  • Totalmente personalizable, pues usa un archivo XML externo de configuración.
  • Fácil de controlar, permite desplazar en todas las direcciones.
  • Permite incluir texto descriptivo, totalmente configurable (Tipo de letra, tamaño, color, fondo).
  • Cargador dinámico, el cual muestra segmentos de la imagen desde el primer instante, evitando el uso de barras de carga o similares.

Sólo tenéis que echarle un vistazo a las demos para daros cuenta de lo interesante del proyecto.

Miralo: http://miralo.undermedia.com.ec/

10 consejos para crear tu portafolio web

Estos días estoy volviéndome loca tratando de terminar mi portafolio web. Supongo que a todos nos pasa lo mismo, es dificil diseñar para uno mismo y muy facil perder el norte del diseño.

Como lado positivo, durante estos días he sumado unos cuantos puntos importantes a tener en cuenta a la hora de desarrollar nuestro portafolio.

  1. Haz bocetos de tu diseño, intenta crearte una imagen final de como va a ser el diseño y procura no alejarte demasiado de ella.
    Es muy fácil dejarse llevar por el entusiasmo y querer utilizar todas las herramientas, efectos y trucos que conocemos. No obstante, si te paras a pensarlo unos segundos te darás cuenta de que, si te excedes, tu portafolio no transmitirá esa imagen profesional de ti que, estoy segura, quieres dar a tus posibles clientes.
  2. Diseña para ti… Tu portafolio es tu tarjeta de visita, tu carta de presentación y, de forma indirecta, dará una idea a tus usuarios del tipo de sitios que desarrollas habitualmente. Si no quieres que te encarguen proyectos que te disgusten no diseñes un portafolio que no te complazca simplemente porque la moda del momento es esa.
  3. … Pero no te olvides que lo importante son tus usuarios. No hagas experimentos en tu portafolio, salvo que lo hagas por puro amor al arte o te muevas en circulos muy especializados. En general, la mayoría de los que lanzamos un portafolio buscamos ser contratados como diseñadores o desarrolladores por un tercero. Si ese cliente o posible jefe es incapaz de navegar por nuestro sitio será dificil que nos confíe el suyo ¿no crees?
  4. Facilita el contacto contigo. Salvo que busques ser contratado por telépatas o misteriosos espías, facilita todo lo posible a tus usuarios el contacto contigo, Incluye formularios y enlazalos adecuadamente desde todas las páginas del sitio. Además siempre es un punto a tu favor facilitar otros medios de contacto (VoIP, mensajería instantánea, teléfono…)
  5. No aburras al personal con extensas parrafadas. Piensa que, si esto fuese tu portafolio literario quizá y sólo quizá la gente se pararía a leerte con atención, pero como es tu portafolio de desarrollo web la gente en lo que realmente está interesada es en tus desarrollos. Se breve y conciso, no sacrifiques tu estilo de escritura pero no te extiendas.
  6. No infles tu curriculum. Lo acabamos de decir, a tus posibles clientes les interesa, por encima de todo, tu trabajo. Por otro lado, recuerda que cualquiera que te contrate en base a tu curriculum te pedirá que demuestres esas habilidades. No puedes dartelas de experto en algo y esperar a que nadie se de cuenta. Además tus trabajos darán cuenta de tu curriculum.
  7. Incluye sólo tus mejores trabajos. No tiene sentido incluir trabajos mediocres en tu portafolio, crear una buena impresión en alguien es una tarea difícil pero causar mala impresión es cuestión de un segundo.
  8. Si no tienes suficiente portafolio ¿por qué no hacer alguna plantilla que tus usuarios puedan descargar? Muchos desarrolladores tratan de llenar su portafolio creando “trabajos de muestra” creando, por ejemplo, páginas para empresas ficticias. Personalmente, ya que te tomas el trabajo de crear una plantilla que no va a ser utilizada ¿por qué no compartirla? A parte de que harás algo útil puedes conseguir algunos enlaces.
  9. Actualiza con frecuencia. Nada es más triste que una página sin actividad. Además, estoy segura de que tus habilidades mejorarán cada día más a poco que te esfuerces y tu portafolio deberá mostrarlo puntualmente.
  10. Valida, valida y valida. Algo básico ¿no? Pues no olvides validad todas las páginas que componen tu portafolio, tanto el XHTML como el CSS y, en la medida de lo posible, la accesibilidad y la usabilidad.