Otro de mis pequeños proyectos

Categoría: Mundo web (Página 8 de 10)

CSS Text Wrapper. Cómo dar forma a nuestro texto

Via anieto2k descubro esta curiosa aplicación: CSS Text Wrapper. Es una ingeniosa aplicación que nos permite dar la forma que queramos a nuestros párrafos (ver ejemplos).

La verdad es que el método es bastante sencillo ya que se trata de que tengamos un contenedor con nuestro texto (un simple div) y la aplicación coloca mediante Javascript diversos divs a un lado y al otro del nuestro de modo que el texto en su interior se adapte a esa forma. Así­, podremos adaptar el texto a la forma que más nos interese para colocar imágenes, otros textos, etc.

Hay un ví­deo-tutorial que nos muestra cómo funciona este método y cómo podemos utilizar la herramienta que hay en la web de la aplicación para adaptar nuestro texto a dos formas redondas.

Creo que lo único que harí­a falta es buscar accesibilidad. Al menos cuando he desactivado Javascript de la página de ejemplos no se mostraba el texto. Creo que (por ejemplo viendo el ejemplo del propio ví­deo) serí­a interesante que el texto apareciese en bloque cuando no hubiese javascript y que en caso de que hubiese javascript, apareciesen las imágenes (o flotasen de otra forma) y se viese con la forma final. Uhm… trastearemos un poco, jeje

Gráficos rápidos y sencillos con Google

Leo en el blog de programa con Google, uno de los primeros posts de este blog que hace referencia a una utilidad que creó la gente de Google para usar en Google Video y Google Finance que se llama Google Chart API. Es una aplicación (un servicio?) web que crea imágenes de gráficos bajo demanda.

Digamos que es como un sencillo gnuplot aunque completo, pero mucho más rápido de manejar y se configura directamente en la llamada en el src de una imagen. Leyendo la sintaxis de la llamada en la documentación de la API es un tanto particular, ya que codifica los valores de cada muestra mediante letras y números y nosotros mismos tenemos que hacer la adaptación escalada, pero la verdad es que no es complicado.

Tiene una limitación de 50.000 peticiones por usuario y dí­a. Pasado este lí­mite el servicio dejará de funcionar y avisan que llegarán a bloquear si no se limita el uso.

Un ejemplo rápido y sencillo: vamos a mostrar la tasa de transferencia de una web (para ver el código, mirar el código fuente de la página ver el atributo src de la imagen):

Gráfico de transferencia desde Junio (ejemplo)

Chulo, no?

Tienen un montón de opciones y tipos, muy recomendable una visita.

Programa con Google. El blog oficial de Google para desarrolladores en Español

He visto en webeame que el pasado lunes nació Programa con Google, blog en español de Google para desarrolladores que nace con el objetivo de mantener informados a los programadores sobre las últimas novedades de Google.

Además, animan a cualquier persona que haya desarrollado algo interesante con las aplicaciones de Google a que se lo enví­en para que ellos lo publiquen, destacando una por semana que será premiada con una camiseta.

También se ofrecen a responder preguntas técnicas siempre dentro de su posibilidad.

Habrá que ver cómo avanza el blog, porque así­ a primera vista tiene muy buena pinta, sobre todo si interesa programa algo con alguna de las aplicaciones que tiene Google. Personalment, ya forma parte de mi lista de feeds RSS 😀

Buscando (y encontrando) en Google Maps

Encontré en menéame una curiosa imagen vista en Google Earth (e igualmente en Google Maps) sobre un «curioso artefacto» que parece estar en medio de Groenlandia. En mi opinión, es algún tipo de efecto raro que ocurrió al tomar la imagen o al unir varias de las tomas para formar la imagen global.

Pero a parte de esto, me fijé en varios de los ví­deos que aparecen como relacionados, estos tres:

http://es.youtube.com/watch?v=tWcIiLFIug0
http://es.youtube.com/watch?v=U_9p2eepVQo
http://es.youtube.com/watch?v=GLq89meljIo

Son tres ví­deos del mismo autor (parte 2, parte 1 y parte 3 respectivamente) que muestran elementos curiosos vistos en Google Earth y que se ven mediante una animación en movimiento realizada con el mismo programa.
Lo que empezó con una simple tonterí­a entre Miritxu y yo que fue a ver si éramos capaces de encontrar en Google Maps (sin ayuda) los dos primeros, se convirtió en todo un reto que nos llevó gran parte de la tarde 😀 Muy entretenida, por cierto.

Unas con mucho esfuerzo y otras casi vistas a simple vista dio un resultado bastante más favorable de lo que pensaba: los 38 puntos localizados más una aportación propia. Fuimos apuntando uno a uno en un plano público en Google Maps porque el esfuerzo valí­a la pena. Únicamente nos dejamos sin añadir 2 puntos que no nos parecieron interesantes (o que no tení­an nada desde nuestro punto de vista) e hicimos «trampa», es decir miramos las coordenadas, en 2 de ellos que no hubo forma humana de localizar. Es importante tener en cuenta que para que el orden de los puntos coincida con lo que estáis viendo, los ví­deos se tienen que ver en el orden dado (es decir, primero la parte 2, luego la 1 y finalmente la 3).

Para quien le apetezca pasarse un rato por la geografí­a mundial, esta es una buena oportunidad… pero cuidado que engancha 😀 Alguien puede superarnos?

(Gracias Miritxu por la ayuda!!)

Probando Twitter

La verdad es que Twitter no me atraí­a demasiado ya que desde hace algún tiempo he considerado que todas estas herramientas u opciones para dar a conocer tu estado (ocupado, libre, haciendo cosas, etc, etc) terminaban sólo por molestarme y me bastaba con poner, si es que me acordaba, cuando estaba delante del ordenador o no (online o busy, jeje).

Pero también soy de los que dice que sin probar, no se puede opinar. Además, Teketen el otro dí­a me mostró algunos usos interesantes, con lo que he pasado a probar a ver qué tal.

Y nada, por si alguien quiere, estoy como tatai en la comunidad Twitter probando a ver qué tal. Ya aviso que no suelo ser muy activo… sobre todo porque haciendo otras cosas siempre se me va la cabeza y no estoy demasiado pendiente.

Varios enlaces y utilidades

Esta semana, por motivos de trabajo he estado en Bilbao, en el curso «Wikis y herramientas colaborativas» dado por Gorka Julio (aka Teketen… a ver cuánto le cuesta a Google indexar esta página y que Teketen se pase por aquí­ a dejar un comentario para demostrar la eficiencia de BlogSearch, jeje).

Con este post querí­a poner algunos enlaces que he apuntado durante el curso. Algunos tienen que ver con el propio curso y otros simplemente salieron y me parecieron interesantes.

Lo primero comentar que prácticamente todo el material que utiliza la gente de Elurnet para dar las charlas/conferencias se encuentra en su web, con permiso Creative Commons (cc). La web está en euskera… yo tampoco se euskera, pero trasteando un poco (como siempre) se encuentras las cosas fácilmente.

Estos son los enlaces que tengo apuntados y que algún dí­a entraré a comentar más en profundidad (seguro que me dejo alguno):

  • Google Blog Search: nos permite buscar la información que nos hace falta, teniendo los blogs como fondo. Muy útil para seguimientos en la blogosfera ya que además podemos sindicar nuestra propia búsqueda.
  • rss2pdf: servicio online que nos permite convertir un feed RSS en formato PDF.
  • Wikis in plain English: video en inglés con subtí­tulos en español que explica de forma sencilla cómo funciona un Wiki y su uso.
  • Gobby: aplicación que funciona tanto en Linux como en MAC y Windows que permite edición concurrente de un texto. Con concurrente quiero decir eso: concurrente, a la vez. Varias personas pueden estar editando el mismo texto. Tiene una parte en la que se edita el texto y otra en la que se puede realizar chat. Enlace a la Wikipedia (en) con más info.
  • Extensión Operator para Firefox: nos permite interactuar con los microformatos que existen en una página web, ofreciendonos su información, localización, etc en función de qué tipo de microformato estemos usando.
  • Extensión TwitterFox para Firefox: para los usuarios de Twitter, permite tener en Firefox nuestros mensajes y respuestas de una forma rápida y sin molestar mucho en la pantalla. Si usas mucho Firefox, es una buena solución.
  • Zamzar: servicio online que nos permite convertir nuestros ficheros a diferentes formatos, siempre que se pueda. Podemos subir ficheros de hasta 100 megas y convertirlos en multitud de tipos: imágenes, documentos, música, video y otros. Útil para ciertos casos, pero coincido con Teketen que teniendo aplicaciones en Linux que con un simple comando nos convierten las cosas en casi todos los formatos…

Las 10 vulnerabilidades de seguridad más crí­ticas en aplicaciones web

Tení­a este post escondido por aquí­ y por fin vez la luz. Ví­a eslomas y a su vez ví­a elladodelmal, leo que The Open Web Application Security Project (OWASP) han sacado un documento bastante extenso donde detallan las 10 vulnerabilidades de seguridad más crí­ticas en aplicaciones web. Son 35 páginas bastante completas que intentan, en sus propias palabras, «educar a desarrolladores, diseñadores, arquitectos y organizaciones sobre las consecuencias de las vulnerabilidades más comunes en aplicaciones web» y hacen un llamamiento sobre lo insuficiente que es securizar el código una única vez al principio.

El listado de vulnerabilidades según OWASP, ordenado por importancia, es este:

  1. Cross Site Scripting (XSS)
  2. Injecciones defectuosas (SQL, XML, LDAP, etc)
  3. Ejecución maliciosa de ficheros
  4. Referencia directa a objetos insegura
  5. Cross Site Request Forgery (CSRF)
  6. Pérdida de información y trato incorrecto de los errores
  7. Autentificación dañada y sesiones
  8. Almacenamiento criptográfico inseguro
  9. Comunicaciones inseguras
  10. Fallos en los accesos a URLs restringidas

Con estos nombres, es posible que nos despiste un poco, pero la mayorí­a se refieren a términos que más o menos son conocidos. Cada una de las vulnerabilidades está acompañada con una descripción completa, ejemplos y referencias.

Documento de obligada lectura para desarrolladores ya que seguro que ayudará y mucho a crear aplicaciones más robustas y perfeccionar los que ya tenemos.

Euskal Encounter 15. Dí­as 3 y 4

El tercer dí­a lo podrí­amos considerar un poco decepcionante en cuanto a las competiciones por parte de mi grupo. Para empezar definitivamente sólo subieron 6 personas a intentar conseguir el premio del frikitest y por tanto ser considerado como el más friki de la Euskal Encounter, con lo que me quedé con las ganas de hacer un poco el ridí­culo sobre el escenario.

Por otro lado, como ya he comentado, por fin salimos de la 5ª prueba del Hack-it, pero ya el ánimo en mi grupo no estaba como al principio y prácticamente era yo el único con ganas de seguir. Ya es el segundo año que nos atascamos (y prácticamente todo el mundo en la Euskal) en una prueba que se puede considerar de bajo nivel, minando tus ganas de seguir, y así­ pasó. Preferimos más echar unos vicios al Quake III o Warcraft III o Battlefield, o incluso seguir con otras competiciones (gráficos 2D, frikitest, etc). Otro año será… porque digo yo que habrá que mejorar ese tercer puesto conseguido en la Euskal Encounter 12, jeje. Aunque todaví­a nos queda un buen camino para recorrer para superar nuestra mejor marca… 2 terceros puestos en la Euskal 13: terceros en Integración y terceros en Scripting. Todo un reto a superar.

El resto de la Euskal se desarrollo bastante tranquilo. Un poco más entretenido que los primeros dí­as puesto que la gente se animó más a jugar y por supuesto el leeching no paró 🙂 Muy buen ambiente con actuaciones musicales por la noche y actividades en todo momento. Incluso pudimos difrutar del ruido de goto80, un grupo que realiza música con las sintoní­as de distintos juegos, pero que para mi gusto, fueron demasiado rayantes. Sonido muy algo y pesado.

En cuanto a las producciones de scene, hay que decir que la Euskal ya no es lo que era, pero que hubo unas cuantas producciones que sí­ que estuvieron a buen nivel para un amateur como yo. Disfruté con unas cuantas intros de 64k y las demos. Gráficos 2D y 3D también estuvieron muy bien en general. Cuando salgan las listas de participantes y ganadores intentaré ser un poco más conciso… pero es que mi memoria de pez no da para más.

Otros aspectos interesantes y paralelos a la propia Euskal es que pude conocer a la gente de diariolinux.com que ya he citado en otro post por su inestimable ayuda con la (maldita) prueba 5 del Hack-it 😉 Gente muy maja y amiga del vim!! Pense que yo era uno de los pocos, jeje. Pudimos intercambiar unas cuantas charlas y así­ también conocí­ su blog que me pareció muy interesante.

Esto es como sanfermines… una vez que acaba ya tienes ganas de que llegue la del año que viene 😀

« Entradas anteriores Entradas siguientes »