El Comercio Digital

Webmaster Libre

Desarrollo Web con Software Libre

CSS 3, please! Un generador de propiedades CSS3 crossbrowser

A pesar que todavía está muy verde la especificación de CSS3, ya podemos usar algunas reglas como, transform, box-shadow o border-radius. Eso si, dándole a cada navegador que lo soporte sus propias reglas. A través de Web Resources Depot conozco CSS3, Please!

CSS3, please! es un generador de propiedades CSS3 para todos los navegadores. Al entrar se nos presenta una hoja de estilo que podremos editar para adaptar a nuestras necesidades y ver los cambios aplicados a un cuadrado resaltado. Incluso incluye propiedades para Internet Explorer en los casos que la transformación esté soportada mediante filtros.

No deja de ser un asco tener que duplicar o triplicar una regla de estilo para que funcione en casi todos los navegadores pero, por lo menos, ahora es más rápido.

CSS, Herramientas Online

8 Comentarios

Software libre en la cooperación al desarrollo

Al igual que el año pasado, estos dos últimos días he estado llevando un blog de El Comercio Digital cubriendo el III Encuentro de TICs para la Cooperación al Desarrollo.

El año pasado creo que me quejé un poco de que faltaba el enfoque práctico y, como pasa cuando los organizadores están atentos a los planteamientos de los asistentes, este año ha sido todo mucho más enfocado a mostrarnos proyectos surgidos en los países del sur.

No voy a hablar de todos los proyectos, para eso tienes el blog que he estado escribiendo y el sitio oficial de los encuentros. Lo que me gustaría es enseñarte dos proyectos open source que me han gustado mucho.

El primero es Ushahidi, un sistema que te permite recoger datos provenientes de SMS, e-mail o la misma web y mostrarlos en un mapa o un timeline. El sistema surgió tras las revueltas post-electorales de Kenya del año 2007 con la intención de dar voz a los keniatas para denunciar situaciones de peligro.

El sistema, tanto a nivel técnico como gráfico es fantástico y ha sido utilizado por mucha otra gente como podrás comprobar en el listado que tienen en su web.

El segundo proyecto open source es Sahana, una plataforma para gestionar desastres. Surgio tras el maremoto en Sri Lanka y se trata de un software muy completo con el que gestionar cosas tan importantes como los listados de personas desaparecidas, la localización de refugios, solicitudes de ayuda…

Sahana es un sistema modular, con una arquitectura abierta a plugins y que facilita la recogida, procesado y visualización de información en momentos de catástrofe.

Pero, al margen de lo interesante de los proyectos en si mismos, lo más enriquecedor ha sido escuchar de primera mano una visión del software libre como cooperación, donde no hay fronteras ni primer o tercer mundo. Sólo hay colaboración, talento y esfuerzo.

Disponer de este tipo de herramientas, sobre todo para los que trabajan en cooperación, es una suerte. A pesar de que ambos proyectos surgieron en el ojo del huracán, al ponerlos a disposición de todos hacen que arrancar un servicio de este estilo no nos robe tiempo de lo importante: ayudar.

Definitivamente creo que debemos estar atentos a los proyectos que surgen de los países en vías de desarrollo. Hay mucho talento y muchas ganas, seguramente podamos aprender mucho del enfoque de otras culturas.

¿Conoces alguna otra herramienta libre enfocada específicamente a la cooperación al desarrollo?

Aplicaciones Web

3 Comentarios

SimpleDiagrams, la pizarra da el salto al ordenador

Si hay algo que se echa de menos de reunirse con los clientes, socios y, en general, gente es la facilidad de explicarles algo haciendo cuatro garabatos en un papel.

Vale, hay miles de aplicaciones muy completas para hacer diagramas y eso, pero para muchas hace falta pasarse un buen rato dándoles vueltas y aprendiendo a usarlas y, francamente, tiempo lo que se dice tiempo no nos sobra ¿verdad?

SimpleDiagrams es una aplicación muy en la línea de Balsamiq Mockups. También está desarrollada con Adobe Air y nos permite con un par de clicks de ratón crear diagramas al más puro estilo de los que solemos hacer en una pizarra.

La aplicación completa es de pago, cuesta $19 dólares pero disponemos de una versión básica totalmente gratis. ¿La diferencia entre ambas versiones? La aplicación completa no se pasa el día pidiéndote que compres una licencia (y creedme, es bastante reiterativo), te permite instalar más librerías y puedes publicar tus diagramas directamente en tu cuenta de Basecamp.

Aplicaciones

9 Comentarios

Mootools Forge: librería de plugins para MooTools

MooTools-Forge

Si hay algo que hace sencillo usar jQuery es lo fácil que es encontrar plugins desde la misma página del framework.

Ahora, los que prefieren MooTools disponen de un directorio propio donde ir a buscar plugins: MooTools Forge.

Allí podrás encontrar plugins categorizados por tipo y, si eres desarrollador, también podrás subir los tuyos.

Sin duda, un gran recurso para los usuarios de esta fantástica librería.

Javascript

6 Comentarios

Una sencilla y vistosa barra de herramientas para tu web con jQuery y CSS3

toolbar

De un tiempo a esta parte empiezo a ver por muchos sitios una barra de herramientas en la parte inferior de las páginas con utilidades como enviar enlaces a redes sociales, suscribirse al feed o abrir una ventana de chat. Muy al estilo de la que emplea, por ejemplo, Facebook.

Existen algunos servicios como Wibiya con los que generar nuestra propia barrita de forma cómoda y sencilla pero, si buscamos ese punto extra de personalización nos toca ponernos manos a la obra y crear la nuestra propia.

En pvmgarage nos enseñan a hacer una gracias a jQuery y CSS3, lo malo es que no se lleva nada bien con Explorer 6 o 7 – y en el 8 se ve ligeramente fea – así que, al menos de momento, queda relegada a proyectos donde no te importe perder unos cuantos visitantes por culpa de su navegador. O eso, o te toca ponerte a trabajar un poco más para adaptar algunas cosas ya que el autor no considera esos navegadores porque “están pasados” (sic).

CSS, Javascript

12 Comentarios

Manifiesto “En defensa de los derechos fundamentales en internet”

Ante la inclusión en el Anteproyecto de Ley de Economía sostenible de modificaciones legislativas que afectan al libre ejercicio de las libertades de expresión, información y el derecho de acceso a la cultura a través de Internet, los periodistas, bloggers, usuarios, profesionales y creadores de Internet manifestamos nuestra firme oposición al proyecto, y declaramos que:

1. Los derechos de autor no pueden situarse por encima de los derechos fundamentales de los ciudadanos, como el derecho a la privacidad, a la seguridad, a la presunción de inocencia, a la tutela judicial efectiva y a la libertad de expresión.

2. La suspensión de derechos fundamentales es y debe seguir siendo competencia exclusiva del poder judicial. Ni un cierre sin sentencia. Este anteproyecto, en contra de lo establecido en el artículo 20.5 de la Constitución, pone en manos de un órgano no judicial -un organismo dependiente del ministerio de Cultura-, la potestad de impedir a los ciudadanos españoles el acceso a cualquier página web.

3. La nueva legislación creará inseguridad jurídica en todo el sector tecnológico español, perjudicando uno de los pocos campos de desarrollo y futuro de nuestra economía, entorpeciendo la creación de empresas, introduciendo trabas a la libre competencia y ralentizando su proyección internacional.

4. La nueva legislación propuesta amenaza a los nuevos creadores y entorpece la creación cultural. Con Internet y los sucesivos avances tecnológicos se ha democratizado extraordinariamente la creación y emisión de contenidos de todo tipo, que ya no provienen prevalentemente de las industrias culturales tradicionales, sino de multitud de fuentes diferentes.

5. Los autores, como todos los trabajadores, tienen derecho a vivir de su trabajo con nuevas ideas creativas, modelos de negocio y actividades asociadas a sus creaciones. Intentar sostener con cambios legislativos a una industria obsoleta que no sabe adaptarse a este nuevo entorno no es ni justo ni realista. Si su modelo de negocio se basaba en el control de las copias de las obras y en Internet no es posible sin vulnerar derechos fundamentales, deberían buscar otro modelo.

6. Consideramos que las industrias culturales necesitan para sobrevivir alternativas modernas, eficaces, creíbles y asequibles y que se adecuen a los nuevos usos sociales, en lugar de limitaciones tan desproporcionadas como ineficaces para el fin que dicen perseguir.

7. Internet debe funcionar de forma libre y sin interferencias políticas auspiciadas por sectores que pretenden perpetuar obsoletos modelos de negocio e imposibilitar que el saber humano siga siendo libre.

8. Exigimos que el Gobierno garantice por ley la neutralidad de la Red en España, ante cualquier presión que pueda producirse, como marco para el desarrollo de una economía sostenible y realista de cara al futuro.

9. Proponemos una verdadera reforma del derecho de propiedad intelectual orientada a su fin: devolver a la sociedad el conocimiento, promover el dominio público y limitar los abusos de las entidades gestoras.

10. En democracia las leyes y sus modificaciones deben aprobarse tras el oportuno debate público y habiendo consultado previamente a todas las partes implicadas. No es de recibo que se realicen cambios legislativos que afectan a derechos fundamentales en una ley no orgánica y que versa sobre otra materia.

General

10 Comentarios

Detect Mobile Browser, detecta y redirige a los navegadores móviles

Detect Mobile Browser

No hace demasiado, preopuparse por los navegadores móviles en según que tipo de sitios era esfuerzo extra y generalmente servia para poco.

Hoy, con el boom de teléfonos que ofrecen una experiencia bastante buena de internet y la llegada, por fin, de tarifas planas medianamente decentes. Empieza a ser una cuestión importante, redirigir a nuestros visitantes móviles a sitios más acordes a sus dispositivos.

Detect Mobile Browser es un proyecto Open Source que nos ofrece código en diferentes lenguajes (.htaccess de Apache, JSP, PHP, Rails, ASP, Javascript y ColdFusion) listo para descargar e incorporar a nuestros proyectos. Además, en su web podremos crear enlaces del tipo http://detectmobilebrowser.com/www.webmasterlibre.com|m.webmasterlibre.com (ojo, a dirección “móvil” no existe al menos de momento) con el que pasar un enlace que llevará a los usuarios a distintas versiones de la web dependiendo de su dispositivo.

Enlace: Detect Mobile Browser

Javascript, PHP, Ruby, Web Móvil

1 Comentario

10 consejos para diseñar para web

Leo en CSSGlobe un artículo de esos que creo que todos deberíamos leer y guardar en nuestra memoria cuando nos ponemos a diseñar sitios web. El artículo se titula 10 short ‘n’ sweet tips on how to design for web.

De entre todos, si tuviera que escoger alguno, yo me quedaría con:

  • Recuerda que tienes poco tiempo para captar la atención del usuario
  • Formatea el texto adecuadamente
  • Crea gráficos sencillos y claros
  • Utiliza el espacio en blanco

Para leer el resto de los consejos junto con una interesante explicación sobre cada uno de los puntos dirígete a CSS Globe.

Diseño Web

14 Comentarios

Un vistazo a Balsamiq Mockups

Balsamiq Mockups

El proceso de wireframing o, dicho más claramente, creación de bocetos de un sitio o aplicación web tiene tantas formas de acometerse como diseñadores hay.

Algunos prefieren el clásico papel y boli, otros se lanzan sin miedo al programa de edición de imágenes y algunos valientes, incluso, crean sus bocetos directamente en HTML y CSS.

Hace tiempo me puse a buscar una aplicación con la que hacer mis bocetos directamente en el ordenador pero sin tener que abrir programas demasiado pesados o complejos. A primera vista me enamoré de Balsamiq Mockups, una aplicación hecha con Adobe AIR, pero debido a su precio me embarqué en la tarea de buscar alternativas.

Hoy quiero confesar que no las encontré, ningún programa o aplicación web me satisfizo tanto y, finalmente, tengo mi licencia de Balsamiq Mockups.

¿Cuales son sus puntos fuertes?

Me encanta ese aspecto de boceto a mano que plantea, así me resulta mucho más fácil explicar a la gente que eso que están viendo es sólo un boceto y no el producto final (algunos packs de stencils para otros programas pecan de estar “demasiado bien diseñados”).

Además, me encanta que sea multiplataforma. Soy un poco errática con esto de los SO y suelo andar pasando de uno a otro, con la consiguiente pérdida de aplicaciones por el camino…

Es muy sencillo de usar, no tiene mayor misterio que ir arrastrando y soltando componentes para crear nuestro boceto.

¿Alternativas libres?

A pesar de que estoy encantada y que tendré actualizaciones gratis de por vida, sigo pensando que tiene que existir algo similar en plan software libre. ¿Conoces alguna alternativa libre? ¿Qué utilizas para crear tus bocetos?

Aplicaciones

7 Comentarios

De vuelta

Buff, parece que hacía siglos que no me pasaba por aquí. Se han ido juntando cosas (terminar un curso, quedarme sin wifi por arte de magia, irme a una boda a Sevilla…) y me he pasado más tiempo del esperado lejos del blog y de vosotros.

Ahora ya he vuelto, todo está estable y espero poder ponerme a publicar lo antes posible.

Llevo un tiempo desconectada casi del todo y, ahora más que nunca, agradecería sugerencias y colaboraciones para devolverle la vida a esto. Si quieres publicar un artículo o sugerirme algún tema que te gustaría ver tratado aquí no dejes de ponerte en contacto conmigo en el e-mail colabora@webmasterlibre.com

General

10 Comentarios

Información:

Webmaster Libre es un blog de Alma Fernández Página alojada en Redcoruna