Por el nombre es de perogrullo lo que vamos a hablar. Es una web rematadamente simple y fácil entender. Casi que no necesita explicación, vamos, pero lo interesante y hermoso es su sencillez extrema.

La idea de esta web, llamada “Printable Checklist” al menos aparentemente es que podamos hacer listas de pendientes para imprimirlas en el PC y llevárnosla al trabajo o al supermercado. Imagínate una lista de supermercado ya impresa con todos los elementos que hay que comprar, agregarle cosas con lápiz BIC en una lista así se vería muy distinto y hasta es un buen ejercicio mental para evitar el consumismo.

Prácticamente todos los campos son editables, es cosa de hacer clic y reemplazar cada espacio con el texto que nos venga en gana.

¿Y si nos montamos uno en nuestro servidor local / hosting?

Pero lo que me llama más la atención es que si miras bien los elementos, estamos hablando de un simple html bien hecho pero sencillo para hacer lo que tiene que hacer y nada más. Fíjate en el código fuente, no hay nada complejo, de hecho, tomando los elementos listados en el código fuente podemos crearnos nuestra propia web “Printable Checklist”

Yo lo hice, montándome una web igual en el servidor local de mi PC, ese que uno siempre utiliza para jugar o para probar la enésima versión de WordPress. En ese y tomando cada parte de la web me he logrado montar la misma web, claro, sin permiso de nadie (espero que el creador de la web no se vaya a enojar) pero sirve para aprender un poco a curiosear sobre todo si eres como yo, un no profesional del diseño web o de la programación.

Alguien con más conocimientos de diseño podría hacer cambios con esta web y hacer algo más, quizás que se vea de otra forma o hacer que el cuadro se pueda clickear (no se puede ya que se supone que está hecho para rayarlo en el papel). Les invito a curiosear y si hacen algo con esto, me cuentan.

Lo vi en Feed My App. La imagen de arriba es de la web que me monté en mi servidor, vamos, que queda igual.

Con buenos ejemplos sobre cómo crear animaciones, las cuales no sólo se pueden crear a partir del flash, ni sólo con plugins pesados aparece este plugin de javascript llamado $fx().

Para quienes hayan trabajado con javascript siempre viene bien saber de nuevas librerías desarrolladas para apoyar su trabajo gráfico. No soy yo uno de ellos pero me llaman la atención estas cosas y me gustaría trabajar con ellas en algún momento. Se ve bastante al alcance aprender y usar esto.

Algunos detalles sobre la librería:

• Tiene un manual donde hay ejemplos visibles que no pude reproducir aquí.
• Pesa casi nada, sólo 3.7 kb.
• Lo que les muestro hoy está en su versión 0.1, con todo lo que implica, aunque ellos no se esfuerzan en advertirnos nada.

Los resultados con esta librería que muestran son dignos de admirar.

$fx() | Página oficial

Esta es una pequeñita aplicación que me he encontrado paseando por ahí como siempre. No es un sitio web, sino un script para usar con Twitter* y que nos puede venir bien para cuando nos linkeen un mp3 o cuando nosotros linkeemos uno.

Es un bookmarklet llamado PlayTweets que nos instalamos en el navegador y que nos permite escuchar directamente los mp3 que aparezcan de nuestros followers o de los perfiles que estemos revisando, esto a través del reproductor de medios de Yahoo!.

El autor del script nos sugiere que cada vez que posteemos un mp3, introduzcamos la palabra “play” antes de un mp3, porque ya que Twitter acorta las URL’s puede que veamos un TinyURL de un mp3 y ni nos enteremos. Además nos sugiere, con el objeto de hacer el asunto más social que se la “repliquemos” a @playTweets un bot que, a su vez, la comparte con el resto.

Una alternativa bastante buena para mantener y una buena razón para usar de vez en cuando la web de Twitter.

* El script está orientado a Twitter pero funciona en toda web que tenga un enlace directo a un mp3 (que son más de las que aparentan).

La imagen pertenece a aan00b.xfire quien nos presta su imagen bajo licencia CC y que he modificado un poquito con el logo de Twitter dentro.

Playtweets | Web oficial del script | Bot de PlayTweets | Visto en el tumblelog de pepa

s3Slider es un plugin construido con jQuery que nos permite crear un efecto slide show con varias imágenes, además de poder incluir texto encima de las imágenes de una manera muy elegante y atractiva. Para utilizarlo en nuestras páginas web, tan sólo hemos de incluir los archivos js correspondientes a la librería jquery, y al plugin que vamos a utilizar, s3Slider. Luego seguimos las instrucciones que nos da el autor del script, y en unos minutos habremos configurado s3Slider a nuestro gusto.

s3Slider se distribuye bajo licencia Creative Commons, y es compatible con los principales navegadores (Firefox, Opera, Safari, Internet Explorer y Google Chrome). Sin duda un recurso que será de gran utilidad a todos los aficionados al diseño de páginas web, con el que poder dar un toque de elegancia a nuestros diseños, sin necesidad de tener profundos conocimientos.

Enlaces: | s3Slider | Demo

Con el siguiente código Javascript, seremos capaces de detectar el navegador y la versión de éste utilizado a la hora de cargar nuestra página web. Soporta Internet Explorer, Firefox, Opera y Netscape.

Los desarrolladores de EyeCon, han creado un script para hacer una galería de fotos. El resultado es buenísimo.
En su web, también hay un selector de color, una tragaperras, un script que realiza una función parecida al LightBox, y muchos efectos más todos en JavaScript.
Encima son gratuitos, y los puedes descargar y usar sin problemas.
Enlace: | Galería

¿El inglés no es lo tuyo? Es algo muy normal en mucha gente, y sobre todo en el mundo de la informática y la tecnología (porque no decirlo, en practicamente la mayorías de los campos), la mejor información está en inglés.

Desgraciadamente no a todo el mundo se le da bien la lengua de Shakespeare, y gracias a dios algunos traductores como el de google van mejorando paso a paso, y son de utilidad a la hora de "descifrar" alguna página web en otro idioma. Todavía debe mejorar, ya que en ocasiones pareceun robot, pero de momento es lo mejor que tenemos.

Si quieres disponer siempre de un enlace rápido para traducir cualquier página web en la que estés, simplemente arrastra el siguiente enlace a la barra de tu navegador (yo lo hago en Firefox), y cuando pinches sobre él, la página actual que estés visitando será traducida al instante, así de fácil y útil.

Enlace: | Traducir página

Nuevamente gracias al uso de Javascript introducido directamente en la barra de direcciones, podemos descubrir una nueva utilidad curiosa. En éste caso, para poder editar cualquier página web que se nos antoje directamente en el navegador (localmente en nuestro ordenador, logicamente).

Si quieres manipular alguna noticia aparecida en algún sitio web, de ésta forma podrías ahorrarte el trabajo de un pantallazo modificado con Adobe Photoshop. Eso sí, es algo que no debe de hacerse, y estoy seguro que alguién podría crear un pantallazo falso con algo absurdo con tal de aparecer en Menéame... Lo dicho, una cosa curiosa sin demasiada utilidad, y que no debe usarse con malicia.

El código en cuestión es el siguiente:

Visto en: | Microsiervos

Es fácil encontrar bonitos menús con impactantes efectos realizados con la ayuda de Javascript. Lo que no es tan fácil es encontrar menús que ocupen poco. Normalmente una de las razones más comunes de que una página web vaya lenta se debe a las validaciones y código Javascript que tiene la web.

Librerías como jQuery ocupan espacio, en ocasiones innecesario, ya que no lo utilizamos en todas nuestras páginas, a pesar de incluirlo (un buen ejemplo podría ser Wordpress, si incluyeramos en algún plugin alguna librería, y solo la utilizáramos en alguna entrada puntual). Por ello hay que destacar éste curioso menú realizado con Javascript que ocupa tan solo 1kb. Es simple, cumple su cometido, y puede quedar más o menos vistoso en función de las imágenes que utilices para su confección.

Enlaces: | Menu Javascript de 1kb | Descargar

Vamos con un tip muy simple, pero que puede resultar muy útil a los usuarios aficionados a ver vídeos de Youtube.

Si deseas poder ver un link para descargar el vídeo de Youtube en formato MP4, podrás conseguirlo de forma fácil, simplemente has de arrastrar el siguiente link a la barra de tu navegador (yo uso Firefox), para tenerlo bien a mano, y cuando estés viendo un vídeo que desees descargar, simplemente deberás pinchar sobre el enlace, que tiene un código Javascript que nos muestra el link de descarga del archivo.

Nos situamos sobre el link, botón derecho, guardar enlace como. Se descarga con extensión HTML, por lo que deberemos cambiársela. Aquí tienes el enlace para añadir en tu navegador:

Añadir link para descargar vídeos de Youtube

Vía: | Emezeta